学了php,ajax后,了解了如何从数据库获取数据
然而,如何将数据渲染到html页面上,则有很多方式,可以用模板引擎,可以用php方式,可以用原生js动态添加,方法很多,因此做了一点简单总结。供后续回忆学习使用。
以下源码:
一、直接遍历的方式
1、foreach方式
// slideList 是从数据库获取的一维数组
<?php foreach ($slideList as $value) { ?>
<li>
<a href="<?php echo $value['link']?>">
<img src="<?php echo $value['image']?>">
<span><?php echo $value['text']?></span>
</a>
</li>
<?php } ?>
2、for 遍历方式
<?php for($i = 0; $i < count($slideList); $i++) : ?>
<?php if($i == 0) : ?>
<span class="active"></span>
<?php else : ?>
<span></span>
<?php endif; ?>
<?php endfor; ?>
二, 间接添加的方式
1、利用 template 模板引擎
a: 导入 template.js 文件 基于Jq的 ,所以也要导入Jq文件
b: 创建模板
<script type="text/html" id="tpl">
<!--<p>搜索历史</p> -->
<ul class="searchList">
{{ each list v i }}
<li>{{v}}</li>
{{/each}}
<li class="clear">清空搜索历史</li>
</ul>
</script>
c: 在js中 使用ajax 接收数据
将模板利用js的方式添加页面上 调用 template("id名",{ list: obj })
2、使用js方式动态创建元素,添加到页面上
同时也使用ajax请求数据,js原生方法添加不做过多说明,应该是每个前端的基本功了
PHP准确获取数据库中的数据的难点在于:如何通过提交的条件,构建sql语句,查询到想要的数据?
有些时候,关联的好几个库,就要找到匹配的条件,建立联系,这是难点