【Django】django模板与前端技术(html模板)
创始人
2024-11-21 15:03:58

文章目录

    • “python包html”还是“html包python”?
    • 1.新建模板
    • 2.模板语法
    • 3.views.py
    • 测试

“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.模板语法

          {% for idx, row in df.iterrows %}                  {% endfor %}             
学号 姓名 语文 数学 英语
{{row.学号}} {{row.姓名}} {{row.语文}} {{row.数学}} {{row.英语}}

在这里插入图片描述

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}) 

在这里插入图片描述

测试

在这里插入图片描述

相关内容

热门资讯

国际最新研究:蝴蝶蜜蜂等传粉者... 北京5月7日电 (记者 孙自法)国际学术期刊《自然》最新发表一篇生态学论文称,一项研究显示,在尼泊尔...
Anthropic发布10个金... 2026年5月5日晚,Anthropic的一次发布,让华尔街的很多人没睡好觉。 这家AI公司一口气推...
原创 4... ## 933图片插入失败: 'NoneType' object has no attribute '...
三星造工厂机器人、Meta做家... 据韩国中央日报5月7号报道,全球人工智能竞争正加速向物理AI领域延伸,人形机器人成为产业霸权新焦点。...
超22万颗GPU!SpaceX... 来源:环球网 【环球网科技综合报道】5月7日消息,据《福布斯》报道,美国太空探索技术公司(Spac...