前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Django渲染模板

Django渲染模板

作者头像
earthchen
发布于 2020-09-24 03:25:38
发布于 2020-09-24 03:25:38
75800
代码可运行
举报
文章被收录于专栏:earthchen的专栏earthchen的专栏
运行总次数:0
代码可运行

在页面上显示内容可以简单的用django.http.HttpResponse来显示我们需要的内容,但是当我们需要一些处理一些复杂的数据或者从数据库读出来的操作要显示在html标签内或者js代码中就需要用渲染模板的方法。

开始

创建工程

首先,使用一下代码创建一个名为ymxz的工程(读者可以根据需要设置自己的工程名):

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
django-admin startproject ymxz
  • 当然你也可以用pycharm创建一个django工程

创建app

创建工程之后,cd到工程目录,创建一个名为myapp的应用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
python manage.py startapp myapp

创建模板

在myapp目录下创建一个名为templates的目录,在这个目录下面创建一个网页,我这里叫index.html

  • 在index中写入我们需要显示的内容

修改views.py

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request,'index.html')

修改urls.py

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
from django.conf.urls import patterns, include, url
from django.contrib import admin

from myapp import views

urlpatterns = patterns('',
                       # Examples:
                       # url(r'^$', 'ymxz.views.home', name='home'),
                       # url(r'^blog/', include('blog.urls')),

                       url(r'^admin/', include(admin.site.urls)),
                       url(r'^index/', views.index),
                       )

修改settings.py

修改INSTALLED_APPS这个字段添加我们的app–myapp

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp',
)

打开调试服务器

在cmd中执行以下语句

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
python manage.py runserver

用模板语言从后台向前端传递数据

打开views.py修改内容为:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
from django.shortcuts import render

# Create your views here.
def index(request):
    str = 'hello world django'
    return render(request, 'index.html', {'test': str})
  • str可以是字符串,字典,列表,元组等数据,其他的请读者自行搜索django模板语言
修改index.html内容为:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{{ test }}
</body>
</html>
  • 是最简单的模板语言的一种,还可以做到循环遍历,判断等略微复杂一点的功能,请自行了解,本文将不做介绍。
  • 在浏览器地址栏输入http://127.0.0.1:8000/index/

注:

  • 上述代码在django1.7Python2.7中编译成功运行,其他环境请自行测试
  • 上述文字皆为个人看法,如有错误或建议请及时联系我
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-08-15,,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
Python [4] Django的安装
Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的软件设计模式,即模型M,视图V和控制器C。它最初是被开发来用于管 理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉 普赛爵士吉他手Django Reinhardt来命名的。
py3study
2020/01/08
6420
Django——使用APP
Django中的APP的功能就是使得项目更加规范化,创建APP把项目相应的功能划分成不同的模块。
zy010101
2021/01/13
5240
Django——使用APP
使用Django基础模板搭建自己的知识库
今天给自己定了个小目标,一定要先做出点东西来,要不别回家了,哈哈。 当然我可不是瞎说,做事得有计划和目标。 我分为了两个阶段,计划在一天内完成,上午是阶段一,下午是阶段二。第一阶段全部要完成,第二阶段
jeanron100
2018/03/22
1.6K0
使用Django基础模板搭建自己的知识库
测试开发进阶(二十)
Django makes it easier to build better Web apps more quickly and with less code.
zx钟
2019/09/25
5460
测试开发进阶(二十)
Python-Django 第一个Django app
下载地址:https://www.python.org/downloads/release/python-340/
授客
2019/09/11
1.3K0
Python-Django 第一个Django app
Python测试开发django4.templates模板配置
今天详细介绍下 Django 模板的应用,模板是一个文本,用于分离文档的表现形式和内容。
王大力测试进阶之路
2020/09/07
4650
Python测试开发django4.templates模板配置
Django入门(1)
Django入门 项目创建和APP创建 准备环境 python3 virtualenv pip3 pip3 install django==1.1 项目创建,APP创建 django-admin startproject ops cd ops python3 manage.py startapp darshboard cd darshboard #进入项目路径 touch urls.py #创建路由文件 项目结构如下: ops/ |-- darshboard | |-- admin.py | |-- ap
py3study
2020/01/02
3550
Python 3.7 + Django 2.2.5 Web项目搭建
Django 是一个开放源代码的 Web 应用框架,由 Python 编写。采用了 MTV 的框架模式,即模型 M,模板 T 和视图 V。当然,网上也有人说 Django 采用了 MVC 的软件设计模式,即模型 M,视图 V 和控制器 C。由于我也是刚开始接触 Python Web,不好给大家解释其中的区别,给大家推荐一篇文章:
muntainyang
2020/10/23
6690
Python 3.7 + Django 2.2.5 Web项目搭建
Django学习回顾前面学习知识(9)
今天来回顾下前面学习的内容,温故而知新! 1.首先是创建项目: # 在指定目录创建项目: # django-admin startproject 项目名 django-admin startproject myblog 2.Django 自动生成目录后,我们创建应用: # cd 到 mybolg # python manage.py startapp 应用名字 python manage.py startapp blog 3.把应用路由添加主路由: 在项目容器目录找到 urls.py 添加导入路由 fr
萌海无涯
2019/09/05
3690
Django连接MySql使用models处理数据
在页面上显示内容可以简单的用django.http.HttpResponse来显示我们需要的内容,但是当我们需要一些处理一些复杂的数据或者从数据库读出来的操作要显示在html标签内或者js代码中就需要用渲染模板的方法。
earthchen
2020/09/24
1.2K0
Django的执行原理(三)
在Django项目的创建中,可以看到启动manage.py后,在浏览器中输入http://127.0.0.1:8000,就可以看到It worked!,那么这个过程是怎么实现的了?在Diango中,它
无涯WuYa
2018/10/25
1.5K0
Django的执行原理(三)
Django学习(二) 之 模板的使用
昨晚应该是睡的最好一天吧,最近一个月睡眠好差,睡不着不说,而且半夜总醒,搞的我第二天就会超没精神。
软件测试君
2023/12/06
2370
Django学习(二) 之 模板的使用
django-个人网站之环境配置(一)
3.在settings.py中注册app,在INSTALLED_APPS里面加入'pseron'
西西嘛呦
2020/08/26
3690
Python进阶27-Django 路由层
-多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维,曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台(功能如下): 1)整合了各个公有云API,自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机,连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
DriverZeng
2022/09/26
1.1K0
Python进阶27-Django 路由层
Python Web框架Django学习
=================================================================================================
py3study
2020/01/07
8630
Python Web框架Django学习
Django2.2帮助文档的第一个例子:一个简易的投票系统—Prat3_4
https://docs.djangoproject.com/en/2.2/intro/tutorial01/
用户7010445
2020/03/06
5740
Python Web聊天室--首页
在layout里创建base.html(基础模板,我们可以在其他的模板里调用这个,可以减少代码重复率)
py3study
2020/01/07
1.6K0
Django简介
Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示:
py3study
2018/08/03
1.7K0
python添加应用
http://11.65.140.13:8080/blog/index/ 就可以访问了,并且返回Hello World
py3study
2020/01/14
4100
Django 入门学习(3)
在例4的基础上,我希望直接保存数据到数据库中。 Django自带了一个sqlite的数据库,已经配置好了 可以直接使用。使用方式和sqlalchemy类似,相当于一个内置的ORM框架。
py3study
2020/01/09
3210
Django 入门学习(3)
相关推荐
Python [4] Django的安装
更多 >
加入讨论
的问答专区 >
1技术VP擅长5个领域
    领券
    💥开发者 MCP广场重磅上线!
    精选全网热门MCP server,让你的AI更好用 🚀
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
    本文部分代码块支持一键运行,欢迎体验
    本文部分代码块支持一键运行,欢迎体验