首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Django渲染模板

Django渲染模板

作者头像
earthchen
发布于 2020-09-24 03:25:38
发布于 2020-09-24 03:25:38
85700
代码可运行
举报
文章被收录于专栏: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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Django——使用APP
Django中的APP的功能就是使得项目更加规范化,创建APP把项目相应的功能划分成不同的模块。
zy010101
2021/01/13
5540
Django——使用APP
Python [4] Django的安装
Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的软件设计模式,即模型M,视图V和控制器C。它最初是被开发来用于管 理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉 普赛爵士吉他手Django Reinhardt来命名的。
py3study
2020/01/08
6960
Django连接MySql使用models处理数据
在页面上显示内容可以简单的用django.http.HttpResponse来显示我们需要的内容,但是当我们需要一些处理一些复杂的数据或者从数据库读出来的操作要显示在html标签内或者js代码中就需要用渲染模板的方法。
earthchen
2020/09/24
1.2K0
Python测试开发django4.templates模板配置
今天详细介绍下 Django 模板的应用,模板是一个文本,用于分离文档的表现形式和内容。
王大力测试进阶之路
2020/09/07
4760
Python测试开发django4.templates模板配置
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
3810
Django的执行原理(三)
在Django项目的创建中,可以看到启动manage.py后,在浏览器中输入http://127.0.0.1:8000,就可以看到It worked!,那么这个过程是怎么实现的了?在Diango中,它
无涯WuYa
2018/10/25
1.6K0
Django的执行原理(三)
测试开发进阶(二十)
Django makes it easier to build better Web apps more quickly and with less code.
zx钟
2019/09/25
5700
测试开发进阶(二十)
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
6930
Python 3.7 + Django 2.2.5 Web项目搭建
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
3740
Django 入门学习(3)
在例4的基础上,我希望直接保存数据到数据库中。 Django自带了一个sqlite的数据库,已经配置好了 可以直接使用。使用方式和sqlalchemy类似,相当于一个内置的ORM框架。
py3study
2020/01/09
3360
Django 入门学习(3)
第一个django工程
django是python语言的一款WEB开发框架,遵循MVC架构。如何创建一个简单的dango工程呢?请往下看!!
搁浅同学
2022/07/21
3440
第一个django工程
Django2.2帮助文档的第一个例子:一个简易的投票系统—Prat3_4
https://docs.djangoproject.com/en/2.2/intro/tutorial01/
用户7010445
2020/03/06
5960
python添加应用
http://11.65.140.13:8080/blog/index/ 就可以访问了,并且返回Hello World
py3study
2020/01/14
4380
Python Web框架Django学习
=================================================================================================
py3study
2020/01/07
8940
Python Web框架Django学习
Python-Django 第一个Django app
下载地址:https://www.python.org/downloads/release/python-340/
授客
2019/09/11
1.4K0
Python-Django 第一个Django app
Django学习(二) 之 模板的使用
昨晚应该是睡的最好一天吧,最近一个月睡眠好差,睡不着不说,而且半夜总醒,搞的我第二天就会超没精神。
软件测试君
2023/12/06
3120
Django学习(二) 之 模板的使用
用django1.11.2版本实现文件上传demo
之前参考了虫师和纯臻对此的实践博文,但是由于版本迭代问题,最新版本的Django命令已经修改了,我重新完成一份攻略。
十四君
2019/11/23
6050
Django快速入门
Django 是用 Python 写的一个自由和开放源码 web 应用程序框架。 web框架是一套组件,能帮助你更快、更容易地开发web站点。当你开始构建一个web站点时,你总需要一些相似的组件:处理用户认证(注册、登录、登出)的方式、一个管理站点的面板、表单、上传文件的方式,等等。 有很多人注意到web开发人员会面临一些共同的问题,他们联手创建了 web 框架(Django 是其中一个)来供人使用。框架的存在,你无需重新发明轮子就能建立新的站点。
用户1432189
2018/09/05
8500
Django快速入门
python测试开发django-2.templates模板与html页
Django 中的视图的概念是一类具有相同功能和模板的网页的集合。通俗一点来说,就是你平常打开浏览器,看到浏览器窗口展示出来的页面内容,那就是视图。 前面一章通过浏览器访问http://127.0.0.1:8000能在页面上展示出hello world的纯文本内容,通常我们打开浏览器页面,展示的是一个html页面,本篇讲下如何打开html页面。
上海-悠悠
2018/11/30
8440
python测试开发django-2.templates模板与html页
Django 教程- Django模板(Template)
在上一章节中我们使用django.http.HttpResponse() 来输出 "Hello World!"。该方式将数据与视图混合在一起,不符合 Django 的 MTV 思想。
仲君Johnny
2024/01/24
4310
Django 教程- Django模板(Template)
相关推荐
Django——使用APP
更多 >
交个朋友
加入腾讯云官网粉丝站
蹲全网底价单品 享第一手活动信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验