案例 · ThinkCMF開發手冊(最新版本：x1.6.0)

### 案例 [上一頁](# "上一頁")[下一頁](# "下一頁") 以ThinkCMF自帶應用Portal的文章展示頁為例： ~~~ <!DOCTYPE?html>    <html>? ?? ???<tc_include?file="Public:head"/> ??? ???<body?class="page-services"> ??????<div?class="wrap"> ???????? ????????<tc_include?file="Public:header"?/> ???????? ????????? ?????????<div?id="main"> ???????????? ????????????<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> ???????????? ???????????? ????????????<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> ??????????????????????????? ???????????????????????????<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> ????????????????????? ????????????????????? ?????????????????????<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構架</li> ???????????????????????????<li>Bootstrap</li> ???????????????????????????<li>SimpleCMF</li> ???????????????????????????<li>Web?Disgin</li> ????????????????????????</ul> ?????????????????????</div> ????????????????????? ??????????????????</div> ???????????????</div> ????????????</div> ????????????<div?class="divider"></div> ????????????? ????????????<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> ????????????? ???????????? ?????????</div> ????????? ????????? ?????????<tc_include?file="Public:footer"/> ????????? ?????????? ?????????<a?href="#"?class="scrollup"><i?class="icon-angle-up"></i></a> ??????</div> ?????? ?????? ??????<tc_include?file="Public:switcher"/> ?????? ?????? ??????<tc_include?file="Public:scripts"/> ?????? ???</body> </html> ~~~ [上一頁](# "上一頁")[下一頁](# "下一頁")