主要是标签问题,直接使用sql既可以搞定小站的所有内容无需接口化太过复杂,下面是一个相对完整的例子:
sql命令要写在你想要插入数据的标签上方写在注释内即可, 标签数据
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#tabA" data-toggle="tab">感兴趣的店铺</a></li>
<li><a href="#tabB" data-toggle="tab">“{print _T($_GET['keyword'])}”热门点评</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="tabA">
<!--{get:modoer val=sql(sql/select * from modoer_hsinfo where avgPrice>300 order by avgPrice desc/rows/10/cachetime/3600)}-->
<p>$val[shopName]</p>
<!--{/get}-->
</div>
<div class="tab-pane fade" id="tabB">
<!--{get:modoer val=sql(sql/select * from modoer_hsinfo where avgPrice>300 order by avgPrice desc/rows/10/cachetime/3600)}-->
<p>$val[dianPing1]</p>
<!--{/get}-->
</div>
</div>
<!--这里想说明一个问题,对于前端引入混乱的问题,可以采取这种办法,将引入地址放在最靠近脚本的位置可最大程度避免冲突,否则就用原生的JS去写吧,肯定不会冲突 -->
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--这里是一段tab标签的例子,拿来直接能用-->
<script>
$(function(){
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
// 已激活的标签页
e.target;
// 前一个激活的标签页
e.relatedTarget;
});
});
</script>