案例

2018-02-24 15:44 更新

案例

上一頁(yè)下一頁(yè)

以ThinkCMF自帶應(yīng)用Portal的文章展示頁(yè)為例:

<!DOCTYPE?html>
<!--[if?IE?8]>          <html?class="ie?ie8">?<![endif]-->
<!--[if?IE?9]>          <html?class="ie?ie9">?<![endif]-->
<!--[if?gt?IE?9]><!-->  <html>?<!--<![endif]-->
??<!--?head?-->
???<tc_include?file="Public:head"/>
???<!--?head?-->
???<body?class="page-services">
??????<div?class="wrap">
????????<!--?Head?start?-->
????????<tc_include?file="Public:header"?/>
????????<!--?Head?End?-->
?????????<!--?Content?Start?-->
?????????<div?id="main">
????????????<!--?Title,?Breadcrumb?Start-->
????????????<div?class="breadcrumb-wrapper">
???????????????<div?class="container">
??????????????????<div?class="row">
?????????????????????<div?class="col-lg-6?col-md-6?col-xs-12?col-sm-6">
????????????????????????<h2?class="title">{$article.post_title}</h2>
?????????????????????</div>
?????????????????????<div?class="col-lg-6?col-md-6?col-xs-12?col-sm-6">
????????????????????????<div?class="breadcrumbs?pull-right">
???????????????????????????<ul>
??????????????????????????????<li>你的位置:</li>
??????????????????????????????<li><a?href="#">{$term.name}</a></li>
??????????????????????????????<li>{$article.post_title}</li>
???????????????????????????</ul>
????????????????????????</div>
?????????????????????</div>
??????????????????</div>
???????????????</div>
????????????</div>
????????????<!--?Title,?Breadcrumb?End-->
????????????<!--?Main?Content?start-->
????????????<div?class="content">
???????????????<div?class="container">
??????????????????<div?class="row">
?????????????????????<div?class="posts-block?col-lg-9?col-md-8?col-sm-8?col-xs-12">
????????????????????????<article>
???????????????????????????<!--?<h3?class="title">{$article.post_title}</h3>?-->
???????????????????????????<php>
???????????????????????????if(!empty($smeta['thumb'])){
???????????????????????????echo?'
??????????????????????????????<div?class="img-content">
?????????????????????????????????<img?src="'.$smeta['thumb'].'"?tppabs=""?alt=""?style="width:300px">
?????????????????????????????</div>';
???????????????????????????}
???????????????????????????</php>
???????????????????????????<div?class="post-content">
??????????????????????????????<p>
?????????????????????????????????{$article.post_content}
??????????????????????????????</p>
???????????????????????????</div>
????????????????????????</article>
?????????????????????</div>
?????????????????????<!--?Left?Section?End?-->
?????????????????????<!--?Skill?Section?Start-->
?????????????????????<div?class="choice?col-lg-3?col-md-4?col-sm-4?col-xs-12">
????????????????????????<h3?class="title">技能</h3>
????????????????????????<ul?class="check-list?why">
???????????????????????????<li>LAMP構(gòu)架</li>
???????????????????????????<li>Bootstrap</li>
???????????????????????????<li>SimpleCMF</li>
???????????????????????????<li>Web?Disgin</li>
????????????????????????</ul>
?????????????????????</div>
?????????????????????<!--??Skill?Section?end?-->
??????????????????</div>
???????????????</div>
????????????</div>
????????????<div?class="divider"></div>
?????????????<!--?Main?Content?start-->
????????????<div?class="main-content">
???????????????<div?class="container">
??????????????????<div?class="row">
?????????????????????<div?class="col-lg-4?col-md-4?col-sm-4">
????????????????????????<div?class="content-box?big?ch-item?bottom-pad-small">
???????????????????????????<div?class="ch-info-wrap">
??????????????????????????????<div?class="ch-info">
?????????????????????????????????<div?class="ch-info-front?ch-img-1"><i?class="icon-code"></i></div>
?????????????????????????????????<div?class="ch-info-back">
????????????????????????????????????<i?class="icon-code"></i>
?????????????????????????????????</div>
??????????????????????????????</div>
???????????????????????????</div>
???????????????????????????<div?class="content-box-info">
???????????????????????????<php>
??????????????????????????????$p=sp_sql_post(36,'field:post_title,post_content');
???????????????????????????</php>
??????????????????????????????<h3>{$p.post_title}</h3>
??????????????????????????????<p>
??????????????????????????????{$p.post_content}
??????????????????????????????</p>
??????????????????????????????<a?href="#">Read?More?<i?class="icon-angle-right"></i><i?class="icon-angle-right"></i></a>
???????????????????????????</div>
????????????????????????</div>
?????????????????????</div>
?????????????????????<div?class="col-lg-4?col-md-4?col-sm-4">
????????????????????????<div?class="content-box?big?ch-item?bottom-pad-small">
???????????????????????????<div?class="ch-info-wrap">
??????????????????????????????<div?class="ch-info">
?????????????????????????????????<div?class="ch-info-front?ch-img-1"><i?class="icon-eye-open"></i></div>
?????????????????????????????????<div?class="ch-info-back">
????????????????????????????????????<i?class="icon-eye-open"></i>
?????????????????????????????????</div>
??????????????????????????????</div>
???????????????????????????</div>
???????????????????????????<div?class="content-box-info">
???????????????????????????<php>
??????????????????????????????$p=sp_sql_post(37,'field:post_title,post_content');
???????????????????????????</php>
??????????????????????????????<h3>{$p.post_title}</h3>
??????????????????????????????<p>
                                {$p.post_content}
??????????????????????????????</p>
??????????????????????????????<a?href="#">Read?More?<i?class="icon-angle-right"></i><i?class="icon-angle-right"></i></a>
???????????????????????????</div>
????????????????????????</div>
?????????????????????</div>
?????????????????????<div?class="col-lg-4?col-md-4?col-sm-4">
????????????????????????<div?class="content-box?big?ch-item">
???????????????????????????<div?class="ch-info-wrap">
??????????????????????????????<div?class="ch-info">
?????????????????????????????????<div?class="ch-info-front?ch-img-1"><i?class="icon-edit"></i></div>
?????????????????????????????????<div?class="ch-info-back">
????????????????????????????????????<i?class="icon-edit"></i>
?????????????????????????????????</div>
??????????????????????????????</div>
???????????????????????????</div>
???????????????????????????<div?class="content-box-info">
???????????????????????????<php>
??????????????????????????????$p=sp_sql_post(38,'field:post_title,post_content');
???????????????????????????</php>
??????????????????????????????<h3>{$p.post_title}</h3>
??????????????????????????????<p>
??????????????????????????????  {$p.post_content}
??????????????????????????????</p>
??????????????????????????????<a?href="#">Read?More?<i?class="icon-angle-right"></i><i?class="icon-angle-right"></i></a>
???????????????????????????</div>
????????????????????????</div>
?????????????????????</div>
??????????????????</div>
???????????????</div>
????????????</div>
????????????<!--?Main?Content?end-->?
????????????<!--?Main?Content?end-->
?????????</div>
?????????<!--?Content?End?-->
?????????<!--?Footer?Start?-->
?????????<tc_include?file="Public:footer"/>
?????????<!--?Footer?End?-->
?????????<!--?Scroll?To?Top?-->?
?????????<a?href="#"?class="scrollup"><i?class="icon-angle-up"></i></a>
??????</div>
??????<!--?Wrap?End?-->
??????<!--?switcher?start?-->
??????<tc_include?file="Public:switcher"/>
??????<!--?switcher?start?-->
??????<!--?The?Scripts?-->
??????<tc_include?file="Public:scripts"/>
??????<!--?The?Scripts?-->
???</body>
</html>

上一頁(yè)下一頁(yè)

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)