【Django】django模板与前端技术(html模板)

avatar
作者
猴君
阅读量:0

文章目录

“python包html”还是“html包python”?

在前端页面中html代码比python多得多,所以一定是html包python最优!于是引出今天的模板。

大体分为三个步骤:

  1. 新建templates文件夹,写html模板;
  2. 模板语法> 变量语法:{{变量}};代码块语法:{%for%}、{%end for%}
  3. 在views.py中,使用render.hmtl返回。

1.新建模板

  • app目录下新建文件夹“templates”
  • 新建show_excle.html
    在这里插入图片描述
  • 选择语言
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    快速生成html骨架模板
    在这里插入图片描述
    格式化代码方法:
    在这里插入图片描述

2.模板语法

 <table>         <tr>             <th>学号</th>             <th>姓名</th>             <th>语文</th>             <th>数学</th>             <th>英语</th>         </tr>         {% for idx, row in df.iterrows %}         <tr>             <td>{{row.学号}}</td>             <td>{{row.姓名}}</td>             <td>{{row.语文}}</td>             <td>{{row.数学}}</td>             <td>{{row.英语}}</td>         </tr>         {% endfor %}             </table> 

在这里插入图片描述

3.views.py

from django.shortcuts import render from django.http import HttpResponse from antproject.settings import BASE_DIR import pandas as pd  # Create your views here. def hello(request):     return HttpResponse("this is hello/")  def show_excel(request):     df=pd.read_excel(BASE_DIR / "data/score.xlsx")     return render(request,"show_excel.html",{"df":df}) 

在这里插入图片描述

测试

在这里插入图片描述

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!