利用php从数据库中获取数据,将数据渲染到html页面上的几种方式

学了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语句,查询到想要的数据?

  有些时候,关联的好几个库,就要找到匹配的条件,建立联系,这是难点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值