当前位置: 首页 > news >正文

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

文章目录

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

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

在这里插入图片描述

测试

在这里插入图片描述

http://www.lryc.cn/news/407040.html

相关文章:

  • Java连接Redis和SpringBoot整合Redis
  • 快速入门Jupyter notebook
  • Java反射详细学习笔记
  • 区块链在艺术市场中的创新:数字艺术品的溯源与版权保护
  • 智能编程,一触即发:使用AIGC优化CSS——提升前端开发效率与质量
  • 鸿蒙界面开发
  • 【JavaScript】use strict
  • Linux云计算 |【第一阶段】SERVICES-DAY3
  • Java面试八股之Spring-boot-starter-parent的作用是什么
  • Python 和 Boto3 生成 Amazon S3 对象的 HTTPS URL
  • V-bind动态绑定style的案例集合
  • 深度学习守护夜行安全:夜视行人检测系统详解
  • 亚信安慧AntDB亮相PostgreSQL中国技术大会,获“数据库最佳应用奖”并分享数据库应用实践
  • 如何减少白屏的时间
  • 科研成果 | 高精尖中心取得高性能区块链交易调度技术突破
  • go语言学习文档精简版
  • 立元科技-Java面经
  • OpenGL入门第六步:材质
  • 新版SpringSecurity5.x使用与配置
  • JavaScript实战 - JavaScript 中实现线程锁
  • 基于PaddleClas的人物年龄分类项目
  • 20240725java的Controller、DAO、DO、Mapper、Service层、反射、AOP注解等内容的学习
  • dynslam的安装
  • stats 监控 macOS 系统
  • 后端面试题日常练-day05 【Java基础】
  • mac|安装PostgreSQL
  • 内网对抗-隧道技术篇防火墙组策略FRPNPSChiselSocks代理端口映射C2上线
  • arinc664总线协议
  • UNIX 域协议
  • 昇思25天学习打卡营第17天|LLM-基于MindSpore的GPT2文本摘要