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

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

  • 7
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要从数据库读取数据渲染HTML 上,需要以下步骤: 1. 连接数据库:使用 Python 数据库 API,比如 MySQLdb、psycopg2 等,连接数据库。 2. 查询数据:使用 SQL 语句在数据库查询需要的数据。 3. 处理数据:将查询结果转换为 Python 数据结构,比如列表或字典,方便后续的数据处理。 4. 渲染 HTML:使用模板引擎(比如 Jinja2)将数据渲染HTML 模板,生成最终的 HTML 页面。 下面是一个简单的示例代码,以 Flask 框架为例: ```python from flask import Flask, render_template import MySQLdb app = Flask(__name__) @app.route('/') def index(): # 连接数据库 db = MySQLdb.connect(host='localhost', user='username', password='password', db='dbname') cursor = db.cursor() # 查询数据 cursor.execute('SELECT name, age FROM user') # 处理数据 results = [] for row in cursor.fetchall(): results.append({'name': row[0], 'age': row[1]}) # 渲染 HTML return render_template('index.html', results=results) if __name__ == '__main__': app.run() ``` 在上面的代码,我们首先连接数据库,然后查询数据,将查询结果存储在列表,最后将列表传递给 HTML 模板,使用 Jinja2 渲染 HTML 页面。在 HTML 页面,我们可以使用类似下面的代码渲染数据: ```html {% for result in results %} <tr> <td>{{ result.name }}</td> <td>{{ result.age }}</td> </tr> {% endfor %} ``` 上面的代码使用了模板引擎 Jinja2 的语法,循环遍历 results 列表的每个元素,并将每个元素的 name 和 age 属性渲染HTML 页面上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值