### 案例
[上一页](# "上一页")[下一页](# "下一页")
以ThinkCMF自带应用Portal的文章展示页为例：
~~~
<!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构架</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>
~~~
[上一页](# "上一页")[下一页](# "下一页")
- 序言
- 序言
- 关于ThinkCMF
- 关于BootStrap
- 基础
- ThinkCMF V版本和X版本的区别
- 开发规范
- 调试模式
- 如何获取
- 环境要求
- 安装使用
- 备份与恢复
- 函数和类库
- sp_is_mobile
- Comments
- sp_check_verify_code
- hook
- sp_get_plugin_class
- sp_scan_dir
- sp_get_plugin_config
- sp_plugin_url
- sp_is_sae
- sp_auth_check
- sp_get_current_admin_id
- get_current_admin_id
- get_current_userid
- leuu()
- sp_asset_relative_url
- sp_authcode
- sp_authencode
- sp_check_user_action()
- sp_clear_cache
- sp_content_page()
- sp_file_write
- sp_get_asset_upload_path
- sp_get_cmf_settings
- sp_get_comments
- sp_get_current_user
- sp_get_current_userid()
- sp_get_favorite_key()
- sp_get_host()
- sp_get_menu()
- sp_get_relative_url()
- sp_get_theme_path()
- sp_get_users()
- sp_getad()
- sp_getcontent_imgs()
- sp_getlinks()
- sp_getslide()
- sp_is_user_login()
- sp_param_lable()
- sp_password()
- sp_random_string()
- sp_send_email()
- sp_set_dynamic_config
- sp_update_current_user()
- sp_verifycode_img()
- UU()
- 系统扩展
- ThinkCMF应用开发流程
- 后台隐藏的后台菜单管理功能
- 几个重要基类
- 引入第三方库
- 门户应用
- 函数库
- sp_sql_posts()
- sp_sql_posts_paged_bycatid
- sp_sql_posts_bycatid
- sp_sql_page()
- sp_sql_posts_paged()
- sp_get_child_terms
- sp_get_terms()
- sp_get_term()
- sp_sql_post()
- sp_sql_posts_paged_bykeyword
- 门户模板制作
- 文章列表页制作
- 文章内页制作
- 页面制作
- 获取文章的各种方式
- 热门文章组件制作
- seo优化
- 模板制作
- 模板标签
- tc_include
- foreach
- 模板结构
- 最新评论组件制作
- 最新加入组件制作
- 本站用户登录模板制作
- 本站用户注册模板制作
- 忘记密码模板制作
- 密码重置
- 评论组件
- 模板资源文件引入
- 手机模板
- 点赞组件
- 如何收藏
- 标签规则
- 全局变量
- 模板注释
- 菜单导航制作
- 幻灯片制作
- 广告位制作
- 友情链接制作
- 添加留言控件
- 模板自定义函数库
- 案例
- 插件开发
- 插件
- 插件钩子
- 插件配置文件
- 插件类主文件
- 插件开发流程
- 插件控制器
- 插件数据库模型
- 插件后台管理控制器
- 后台管理
- SMTP配置