django 将后台表数据展示在前台html页面中

简介:

我创建一个一个user表,录入了一些信息到表中。那么如何在前面的html页面中展示这张表中的信息呢?

wKiom1i3wYnRBOAiAAD8Knzt9vY928.png


1、在learn/urls.py中添加网址

wKioL1i3xATTcy63AAEDIqtO7h4551.png


2、在views中定义一个方法,来响应用户的请求

wKiom1i3wxDzgn0LAAFbTgwLOI4817.png

这里是定义了一个函数user_list(), 用来响应用户访问http://127.0.0.1/learn/user的请求

这个方法是使用html模板文件渲染并展示内容。

1
2
3
def  user_list(request):
     users  =  User.objects. all ()   #将User表中的所有对象赋值给users这个变量,它是一个列表
     return  render(request,  'home.html' , { 'users' : users}) 生成一个user变量,这个变量可以给templates中的html文件使用


3、编辑learn/templates/home.html文件

wKioL1i3xmOw8OUAAAFVjiaRvNI778.png



4、访问前台页面,

wKioL1i3xxHw5n-jAADCoYx8m5o758.png










本文转自 曾哥最爱 51CTO博客,原文链接:http://blog.51cto.com/zengestudy/1902660,如需转载请自行联系原作者

相关文章
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
本文介绍了Twaver HTML5中数据的批量加载方法,通过使用`box.startBatch()`可以在大量数据加载时提高性能。文章通过示例代码展示了如何在React组件中使用批量加载功能,以减少界面重绘次数并提升效率。
88 2
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
|
7月前
|
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化,包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串,以及如何从这些字符串中反序列化数据,重建DataBox中的对象。此外,还提到了用户自定义属性的序列化注册方法。
79 1
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
189 2
利用 html_table 函数轻松获取网页中的表格数据
深入探索Django ORM:高效数据操作的秘诀与实践####
在当今的Web开发领域,提升数据访问层的效率是优化应用性能的关键。本文旨在通过剖析Django框架中的ORM(对象关系映射)机制,揭示其如何简化数据库交互,并探讨一系列高级技巧与策略,帮助开发者构建更高效、可维护的数据访问代码。我们不涉及安装步骤或基础概念,而是聚焦于实战经验分享,旨在为中高级开发者提供深度洞见。 ####
<大厂实战场景> ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念,然后详细介绍了使用 `http` 和 `html` 库的步骤,包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例,展示了如何从 URL 获取 HTML 并提取特定信息,如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
190 1
|
7月前
|
Twaver-HTML5基础学习(18)数据容器(1)_增删查改、遍历数据容器、包含网元判断
本文介绍了Twaver HTML5中的数据容器(DataBox),包括如何进行增删查改操作、遍历数据容器以及判断网元是否存在于数据容器中。DataBox用于管理所有的网元对象,如ElementBox、LayerBox、AlarmBox等,并通过示例代码展示了其常用方法的使用。
74 1
Twaver-HTML5基础学习(18)数据容器(1)_增删查改、遍历数据容器、包含网元判断
Twaver-HTML5基础学习(2)基本数据元素(Data)
本文介绍了Twaver HTML5中的基本数据元素,包括Data、Element、Alarm和Layer等,它们分别用来描述拓扑的网元、告警和图层。文章详细解释了Data类的基本属性和方法,并提供了如何在React组件中使用Twaver创建节点和连线的示例代码。
73 1
Twaver-HTML5基础学习(2)基本数据元素(Data)
django接收前端vue传输的formData图片数据
django接收前端vue传输的formData图片数据
114 4
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等