学习
实践
活动
工具
TVP
写文章

Django框架学习笔记(六)模板语言DTL

作为一门web框架,Django需要一种便利的方法来动态地生成html。常见的做法是使用模板,模板包含了HTML静态内容和动态标签。 然而这些动态标签的语法规范就是我们今天要介绍的DTL模板语言。 今天,我们就来介绍一下,Django的模板语言的相关知识点。 我们在views传递一个集合给模板文件html页面中使用模板语言的for标签依次数据显示出来。 1.案例 我们从文件读取学生信息,打包成由字典组成的列表,通过context参数传递给html页面并显示出来。我们首先定义一个方法load_from_file用于读取文本文件并打包成列表。 在基本使用时,需要引用jquery.dataTables.css,脚本文件先引用jquery.js再引用jquery.dataTables.js,注意先后顺序。 <!

25841

Python Web 菜谱系统的首页,不会前端技术,也能做【附源码】

Django 实现一个页面,需要两个步骤,第一步,创建模板 HTML 文件,第二步,修改 views.py 文件,完成视图处理函数。 [27382660-d627dd0826114e13.png] 7.2 菜谱系统静态文件迁移 -------------- 在上文代码的 index.html 文件使用了如下内容,这些内容都是调用的 增加静态文件处理代码 上述步骤涉及的代码文件修改内容如下: index.html 修改完善 {% load static %} <! 7.3 Django 模板语言 --------------- 在上文使用的 {% 语句部分 %} 就是 Django 的模板语言,模板与普通的文本文件有两个不一样的地方,模板包含变量,该变量在页面渲染网页的时候 父模板中使用 block 进行占位,子模板中使用 extends 进行继承。 7.3.1 拆分模板 接下来对模板进行拆分, index.html 文件的头部提取出来。

11540
  • 广告
    关闭

    年末·限时回馈

    热卖云产品年终特惠,2核2G轻量应用服务器6.58元/月起,更多上云必备产品助力您轻松上云

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery格式化显示json数据

    三、嵌入到Django项目中 创建django项目 使用Pycharm创建一个Django项目,项目名为:json_view ? 创建静态目录 在项目根目录创建 static 文件夹,在static 文件夹里面,创建 plugins 文件夹。 将上面修改好的插件,复制到此目录。 index.html 复制到 templates 目录下。 index.html的 http引用资源,下载到本地 wget http://www.jq22.com/jquery/bootstrap-3.3.4.css wget http://www.jq22 .com/jquery/jquery-1.10.2.js 放到对应的目录 此时,目录结构如下: ./ ├── application │   ├── admin.py │   ├── apps.py

    1.8K30

    发布学习django的第一个项目

    。 show_time(request): t=time.ctime() # 字符串time以键值对绑定当前时间点,并发送给前端,前端index.html{{time}}time对应的内容渲染出来 总结 先在根目录下定义一个statics包文件夹,然后在下面放置jquery资源文件,为了让django读取到此文件,则必须更改settings.py相关设置,在settings.py把statics 添加进去,看上述代码,注意别名问题,所谓别名就是为了维护方便,在所有HTML处引用时只需使用别名访问,而不管资源文件(比如jquery)文件名的不断改变。 上面的STATICFILES_DIRS meta标签下 {% load staticfiles %} form表单里面 <script src={% static "jquery-3.3.1.js

    34930

    Django框架学习笔记(三)Templates模板

    现在需要将这些数据加载到前端的 html 页面,通过 tabel 标签显示出来。 2. ,写一个read_form_file方法,文件的信息存储在 Students 列表。 如何加载静态文件 为了解决这个问题,我们首先要确保配置文件 settings.py INSTALLED_APP 下静态文件模块有被加载到: 'django.contrib.staticfiles', 登录页面案例演示 最后 本节,我们介绍了 Django templates 的知识,Django 加载 HTML 方法、模板的语言的使用,以及加载静态文件的方法。 下一节我们继续介绍 Django URL 跳转的知识!感谢大家的阅读!

    28231

    第十八章 DjangoWeb开发框架

    和EasyUI到项目目录下 3.从EasyUI网站上挑选demo代码,进行复制 4.新建Html文件demo代码粘贴 5.link路径:"https://www.jeasyui.com /easyui/themes/icon.css" 改为本地路径:"jquery-easyui-1.5.3/themes/default/easyui.css" 6.<script>的 实现用户登录: 1.创建app名为cmdb(自定义随便起) 2.medb名加入settings的INSTALLED_APPS列表 3.在urls文件引入app下的views模块 文件 9.配置静态文件路径,在settings的最后代码: STATICFILES_DIRS=(os.path.join(BASE_DIR, 'static'),) #千万不要忘了 , 10.访问127.0.0.1:8000来到登录界面,点提交时会报403错误 11.settings文件的MIDDLEWARE内的第四行暂时注释掉,就不会有403错误了 12

    34530

    从0开始做系统之传递数据

    , 'index.html', {'data': data}) html使用 {{ }} 来获取数据

    接着在我们上次的工程完善: 在view.py里面定义一个 需要注意两点: views.py返回的函数的值要用 json.dumps() 处理 在网页上要safe 过滤器 views.py # -*- coding: utf-8 -*- import 在应用polls里创建templates文件夹,再在里面创建polls文件夹,在新建的polls里创建index.html文件,打开并编写如下代码: {% if latest_question_list 'DIRS': [os.path.join(BASE_DIR, 'templates')] 是指到 BASE_DIR/templates文件夹中去取模板 Django按照 INSTALLED_APPS添加的顺序查找 Templates 不同的APP下Templates目录的同名.html文件会造成冲突 所以在template下新建html文件的时候,需要再建立一层目录,目录的名称是该app的名称,防止冲突的发生

    34340

    simple_tag,filte,分页以及cookie和装饰器

    自定义simple_tag 内置的方法 首先Django包含了很多内置的方法: 这里通过lower实现 在views视图函数写如下代码: def tp3(request): name= "ABCDEFG 自定义方法 使用simple_tag的方法: 1、    在app下创建templatetags目录 2、    创建py文件 3、    创建template对象register 4、    @register.simple_tag 不能更改 2、    创建py文件的时候名字可以随便定义 3、    在py文件必须写如下代码: from django import template from django.utils.safestring 我们test的func改成传递参数的,如下所示: def func(a1,a2):     return a1+a2 在tp3.html传递参数:   {% func 5 3 %} 结果如下: ? 自定义filter filter和simple_tag的方法基本一样,只需要做如下修改: test.py文件@register.simple_tag替换为@register.filter 在页面中代码改为

    38550

    Django简介

    在form表单,有GET和POST。它是根据method属性决定的!一般表单使用POST 再次访问url,输入表单信息,点击提交。 输出ok,表示正常。注意:这里还没有做登录认证,下面会讲到! ? 那么会获取当前url的域名/IP端口。和action属性拼接,得到完整的url,比如:http://127.0.0.1:8000/auth/。表单数据以POST方式发送给此url。 注意:推荐使用这种写法。如果action写成完整的url(比如:http://127.0.0.1:8000/auth/),遇到服务器迁移时。那么涉及到的html文件,都需要更改,非常耗时耗力! 需要引入jquery来做,修改index.html <! js文件进去。

    46320

    Django-choices字段值对应关系(性别)-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器

    ,在第三个框自动填写两数之和 咱们这里是 jQuery 的 ajax,别忘了先引入 jQuery 准备工作 新建一个项目,完成基本配置 因为要用到 post 请求,所以先暂时把 settings 后端针对 urlencoded 编码格式的数据会自动解析并放到 request.POST 供用户获取(传文件的时候就拿到了文件名) multipart/form-data django后端针对只要是符合 先用 jQuery 查找到存储文件的 input 标签 jQuery 对象转成原生 js 对象 利用 原生 js 对象 的方法 .files[0] 获取到标签内部存储的文件对象 一定要指定两个参数( processData、contentType)都为 false // ajax传输文件 $('#b1').on('click',function () { // ajax 传输文件 建议使用内置对象 标签(前端做不了) 页码的边界判断 使用最终版的实现分页器 一般第三方通用的文件都会新建一个 utils 文件夹,然后把 python 代码 放到里面 后端 创建文件夹与文件,把分页代码放进去,

    1.1K30

    Python高级应用(3)—— 为你的项

    ,但必须与ASCII码对应,不然容易有问题 最后的Image.save就是刚才的画好的数据保存到一个文件,这个文件当然得是二进制的格式了,然后再读出来返回,这里估计有朋友会想,我塔码的不可以直接把刚才的数据返回吗 看到了吧,Python根本没有utf8的编码,改成【utf-8】即可,保存,重新使用命令安装: ?  最后提示安装完成: ? geetest.py文件复制到项目的目录里,我这创建了一个utils文件夹,放到此文件夹里: ? 同样的,记得改这里的编码: ? 然后再使用导包命令并运行测试: ?  没报错,这才是完事儿了。 -- 为使用方便,直接使用jquery.js库,如您代码不需要,可以去掉 --> <script src="http://code.<em>jquery</em>.com/<em>jquery</em>-1.12.3.min.js">< -- 为使用方便,直接使用jquery.js库,如您代码不需要,可以去掉 --> <script src="http://code.<em>jquery</em>.com/<em>jquery</em>-1.12.3.min.js"><

    25030

    jS正则和WEB框架Django的入门

    数据库      模板文件    业务处理 Django pip2 install django 安装好之后 D:\python35\Scripts目录下会有:django-admin.exe 下面通过命令创建一个简单的 关于静态文件的存放 ? 这是目录结构 css以及js放在一个static目录下 login.html代码如下: <! -1.12.4.js"></script> </body> </html> settings.py配置文件的配置: STATIC_URL = '/static/' STATICFILES_DIRS=( views.py的代码如下: from django.shortcuts import render from django.shortcuts import redirect def login( views.py的代码如下: from django.shortcuts import render from django.shortcuts import redirect def login(

    37960

    Scrapy爬取笑话网,Python3.5+Django2.0构建应用

    的库 7、安装OpenPyXL E:\django\myProject001>pip install openpyxl 用于爬取数据写入Excel文件 Part3:创建项目及应用 1、创建项目及应用 /2017122722221351.htm 等 2、XPath使用路径表达式选取节点 表达式 描述 实例 节点名称 选取此节点的所有子节点 body / 从根节点选取 /html // 选择文档的节点 pass # 每个item pipeline组件都需要调用该方法 def process_item(self, item, spider): # 写入文本文件 抓取的数据,Excel文件格式如下 ? 抓取的数据,保存在SQLite数据库如下 ? 6、补充说明 UI使用了bootstrap、jquery、masonry、ajax无限加载

    28210

    Python自动化开发学习21-Djan

    css就接在模板的css后面写,js就还是写在最后的位置,如果有jQuery,必须要在导入jQuery静态文件的后面。 只能继承一个模板,不能继承多个。 只要在你使用前加载可以,不一定要在上面。如果有extends({% extends 'master.html' %}),放在extends的下面。 ', {'li': li, 'page_str': page_str}) Cookie Cookie是存放在客户端浏览器上的,以key, value 的形式保存 示例-登录 这个例子,先通过登录页面登录成功的用户名发送给客户端保存到 jQuery有一个插件,叫jQuery.cookie,可以方便的操作cookie。 要使用就先去把js文件载到你的页面: $.cookie(key) :获取值 $.cookie(key, vaule) :设置值 $.cookie(key, vaule, {options}) :其他参数都以字典的形式写在第三个参数里

    24250

    基于Django+Bootstrap框架,设计微型小说网站

    ,接收文件对象,保存到指定的目录下;第二块为读取txt文本文件内容,分页展示到前端页面。   首先讲讲文件上传的代码,主要涉及到前端的bootstrap-fileinputt插件。该插件简单的HTML文件输入转换为高级文件选择器控件。 对于不支持JQuery或Javascript的浏览器,将有助于回退到正常的HTML文件输入。 image.png  以上这段是官方的自我介绍,说说我个人感受吧。 读取文件的几个方法和属性: filename.read():从文件读取整个上传的数据,这个方法只适合小文件 filename.chunks():按块返回文件,通过for循环进行迭代,可以文件按块写入到服务器 (){})这个方法时在上传完文件后进行回调事件的函数;就是指上传一个文件成功后就会调用该方法;所以我异步更新上传文件列表的代码放在这个回调事件

    82010

    09.Django基础七之Ajax

    如果你的视图渲染的HTML文件没有包含 {% csrf_token %},Django可能不会设置CSRFtoken的cookie。        然而,如果一个上传的文件太大,Django将将上传的文件写到一个临时的文件,这个文件在你的临时文件路径。 ,如果一个上传的文件小于2.5兆,Django会将上传的东西放在内存里,如果上传的文件大于2.5M,Django整个上传的文件写到一个临时的文件,这个文件在临时文件路径。 上传完毕后,调用View的_Upload()方法临时文件的临时文件分块写到上传文件的存放路径下,每块的大小为64K,写完后临时文件将被删除。 然而,如果一个上传的文件太大,Django将上传的文件写到一个临时的文件,这个文件在你的临时文件路径

    76620

    如何使用PythonDjango模板?

    模板是静态文件Django会在里面填充数据。为了使用那些文件,我们必须告诉Django在哪里可以找到它们。 像Django的大多数组成部分一样,这项配置在项目的配置文件里面。 对于Django的模板语言,这个值设置为True将使Django在每个应用项目的templates目录查找模板文件。注意这将包括任何第三方应用,所以最好保持这个值为True。 那模板应该放到哪里? 关于这个例子,这里有一些有趣的事情需要注意: 这个模板可以是任何类型的纯文本文件。 我们常用HTML来创建用户界面,因此我们常看到some_template.html,但是Django模板系统可以渲染任何类型的纯文本文件。 为此,在Django应用我们需要一个名为templatetags的Python包。我们也需要一个模块在那个目录里。要小心谨慎地给模块命名,因为它会在稍后加载到模板时用。 ?

    20030

    Django + Uwsgi + Nginx 的生产环境部署

    使用命令:pip3 install --upgrade pip 进行升级 基于uwsgi+django的实现 1.使用命令启动uwsgi 先关闭上面启动的Django项目,使用Ctrl+c,就可以取消。 2.使用uwsgi配置文件启动django项目 使用Ctrl+c,取消uwsgi启动。 /#download 压缩包里面的bootstrap.min.css放到css目录 bootstrap.min.js放到js目录 下载jquery: https://code.jquery.com/ jquery-3.3.1.min.js jquery-3.3.1.min.js放到js目录 修改django相关文件 修改urls.py,增加路径userInfo  vim /www/mysite1 mkdir templates 修改index.html文件 vim /www/mysite1/templates/index.html 内容如下: <!

    4.8K40

    扫码关注腾讯云开发者

    领取腾讯云代金券