我想在codeigniter中使用相同的准备代码生成一个html文件,如下所示:并将其保存到文件夹中,并将文件路径保存到db中,以使用锚标记回显此文件路径。
例如:我在主页上有多个服务卡和简短信息,每个服务都锚定(链接)每个服务的HTML详细信息页面。例如第一服务与services1.html文件链接,第二服务与Services2.html链接,依此类推。当用户点击服务按钮时,使用javascript / ajax colorbox popup在同一主页中打开特定服务页面,而不重定向或更改页面URL。现在我想为主页生成服务,从管理员端包括其html详细信息文件和图像。我该怎么做这个过程,请帮助如何在codeigniter中执行此过程。如需更多创意清关,您可以查看以下模板链接的团队部分:
<div class="container">
<div class="row text-center">
<h2>Heading <span class="color-font light">Here</span></h2>
<h3>CEO</h3>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="person-image">
<img src="images/t1.jpeg" alt="">
</div>
</div>
<div class="col-md-6 col-sm-6">
<h3>About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet.</p>
<h3>Certifications</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet.</p>
<h3>Socialise with me</h3>
<ul class="social-links">
<li><a class="fa fa-facebook fa-4x" href="#" onMouseOver="this.style.color = '#3B5998'" onMouseOut=" this.style.color='#ffffff' "></a></li>
<li><a class="fa fa-twitter fa-4x" href="#" onMouseOver="this.style.color = '#33CCFF'" onMouseOut=" this.style.color='#ffffff' "></a></li>
<li><a class="fa fa-instagram fa-4x" href="#" onMouseOver="this.style.color = '#DA3073'" onMouseOut=" this.style.color='#ffffff' "></a></li>
<li><a class="fa fa-google-plus fa-4x" href="#" onMouseOver="this.style.color = '#dd4b39'" onMouseOut=" this.style.color='#ffffff' "></a></li>
</ul>
</div>
</div>