热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

教你使用模板引擎和表单插件的实例详解(python)

一个基于flask的web应用诞生第二篇,这篇文章主要介绍了如何使用jinja2模板引擎和wtf表单插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
经过了第一章的内容,已经可以做出一些简单的页面,首先用这种方式做一个登录页面,首先要创建一个login的路由方法:

@app.route("/login",methods=["GET"])
def login():
 html="" \
 "" \
 "" \
 "" \
 "" \
 "
请输入用户名
请输入密码
" \ "" return html

这个页面返回后是一个简单的登录页,显示结果如下:

然后是一个登录的post返回页:

@app.route("/login",methods=["POST"])
def loginPost():
 username=request.form.get("username","")
 password=request.form.get("password","")
 if username=="test" and password=="123" :
 return "登录成功"
 else:
 return "登录失败"

输入test和123后,显示登录成功

在login.html中输入代码如下:


 
 
 
 
 
 
请输入用户名
请输入密码

代码很简单,也名没有进行样式方面的美化,其实目前就我来说,仅仅是因为有了智能感知,就有足够的理由使用模板了,然后,对default.py的login方法进行修改代码为:

from flask import render_template #头部,引入模板渲染方法

@app.route("/login",methods=["GET"])
def login():
 return render_template("/login.html") 

 #渲染模板,默认找templates文件夹下的login.html文件

由于html模板内的代码和直接直接写在py文件中的一样,所以此时刷新页面,显示效果和刚刚相同,虽然显示效果没有明显的改观,但此时如果修改html中的某一元素,则会方便很多。

关于jinja2模板引擎还支持一些更强大的功能,比如使用index做一些说明:

基本用法

修改default.py中的部分代码为:

from flask import render_template #页头,导入渲染函数

@app.route("/")
def index():
 return render_template("index.html",site_name='myblog')

index.html中的代码为:



 
 


这个站点的名字为 {{site_name}}

flask的render_template函数支持多参数,其中函数的第一个参数为模板名,之后可以提供若干参数,均为键值对,为模板中的变量提供数据。如此例子中,为site_name提供了myblog的值,而模板内使用{{参数名}}来表示一个变量

此时浏览器输入地址输出结果为:



 
 


这个站点的名字为 myblog

jinja2模板还提供了一些变量过滤器,如代码:



 
 


这个站点的名字为 {{site_name}}

这时输出为:



 
 


这个站点的名字为 myblog

常用过滤器如下

safe 不转义
capitalize 首字母大写
lower 转换为小写
upper 转换为大写
trim 去收尾空格
striptages 去除html标签

除此之外,Jinja2的变量还可以是一些复杂类型,甚至可以使用一些复杂类型的常用方法,如:



 
  


这个站点的名字为 {{site_name}}

这时输出为:



 
 


这个站点的名字为 myblog

控制语句

控制语句是一个模板的基本功能,同样的jinja2也提供了相应的功能:

//选择
{% if name=='test' %}
 这是测试
{% else %}
 {{name}},你好
{% endif %}

//循环
    {% for blog in blogs%} {{ blog.title }} {% endfor%}

除了这些基本用法,模板还为一些代码的重复使用提供了宏的功能,如将如下代码写入macros.html文件中

{% macro render_title(blog)%}
 
  • {{blog.title}}
  • {% endmacro%}

    然后在之前的模板中:

    {% import 'macros.html' as macros %}
    
      {% for blog in blogs %} {{ macros.render_title(blog) }} {% endfor %}

    执行结果与之前的完全相同

    Jinja2还提供了一个更为强大的功能,即模板继承,这个个人感觉有点像java的sitemesh框架,它首先需要创建一个base.html的基模板:

    
    
     {% block head %}
     
     
     
     {% endblock %}
    
    
     {% block body %}
     {% endblock %}
    
    

    其中block标签的意思表示在子模板中可以修改,具体到此例子,则可修改的部分为 head,title,body。下面为子模板代码:

    {% extends "base.html" %}
    {% block title %}{{site_name[2:]}}{% endblock %}
    {% block head %}
     {{super()}}
    {% endblock %}
    
    {% block body %}
     

    这个站点的名字为 {{site_name}}

    {% endblock %}

    此时执行结果仍为:

    
    
     
     
    
    
    

    这个站点的名字为 myblog

    现在有了模板引擎,不管怎么说,仅仅就页面层来说,已经可以很轻松的做出一些不错的功能了,但很明显,现在的界面还不是很美观,下一章将把现在主流的前端框架bootstrap与flask框架进行整合。

    以上就是教你使用模板引擎和表单插件的实例详解(python)的详细内容,更多请关注 第一PHP社区 其它相关文章!


    推荐阅读
    • Bootstrap Paginator 分页插件详解与应用
      本文深入探讨了Bootstrap Paginator这款流行的JavaScript分页插件,提供了详细的使用指南和示例代码,旨在帮助开发者更好地理解和利用该工具进行高效的数据展示。 ... [详细]
    • 本文为初学者提供了一条清晰的学习路线,帮助他们逐步成长为优秀的Web开发人员。通过十个关键步骤,涵盖从基础到高级的各个方面,确保每位学习者都能找到适合自己的学习方向。 ... [详细]
    • Bootstrap 插件使用指南
      本文详细介绍了如何在 Web 前端开发中使用 Bootstrap 插件,包括自动触发插件的方法、插件的引用方式以及具体的实例。 ... [详细]
    • 本文详细介绍了 Java 网站开发的相关资源和步骤,包括常用网站、开发环境和框架选择。 ... [详细]
    • 本文介绍了如何通过安装 sqlacodegen 和 pymysql 来根据现有的 MySQL 数据库自动生成 ORM 的模型文件(model.py)。此方法适用于需要快速搭建项目模型层的情况。 ... [详细]
    • 本文介绍了如何利用jQuery实现对网页上多个div元素的显示与隐藏控制,包括基本的toggle方法及更复杂的显示隐藏逻辑。 ... [详细]
    • 二维码的实现与应用
      本文介绍了二维码的基本概念、分类及其优缺点,并详细描述了如何使用Java编程语言结合第三方库(如ZXing和qrcode.jar)来实现二维码的生成与解析。 ... [详细]
    • 本文详细介绍了JQuery Mobile框架中特有的事件和方法,帮助开发者更好地理解和应用这些特性,提升移动Web开发的效率。 ... [详细]
    • 我的读书清单(持续更新)201705311.《一千零一夜》2006(四五年级)2.《中华上下五千年》2008(初一)3.《鲁滨孙漂流记》2008(初二)4.《钢铁是怎样炼成的》20 ... [详细]
    • 本文详细介绍了如何利用 Bootstrap Table 实现数据展示与操作,包括数据加载、表格配置及前后端交互等关键步骤。 ... [详细]
    • Bootstrap 的轮播图(Carousel)组件提供了一种简单而灵活的方法,用于在网站上实现响应式幻灯片效果。此组件不仅支持图片展示,还兼容嵌入式框架、视频等多媒体内容。 ... [详细]
    • 【小白学习C++ 教程】二十三、如何安装和使用 C++ 标准库
      【小白学习C++ 教程】二十三、如何安装和使用 C++ 标准库 ... [详细]
    • 使用 jQuery 实现页面加载进度条
      页面加载进度条是提升用户体验的重要工具,通过在页面头部显示一个加载状态,并在页面完全加载后隐藏,可以有效减少用户的等待焦虑。本文将详细介绍如何使用 jQuery 实现这一功能。 ... [详细]
    • 本文介绍了一种使用CSS3和jQuery实现的35款SVG图标加载动画。这些动画不仅视觉效果出色,还能提升用户体验。通过本文,您可以了解如何在项目中应用这些动画。 ... [详细]
    • 探索AI智能机器人自动盈利系统的构建
      用户可通过支付198元押金及30元设备维护费租赁AI智能机器人,推荐他人加入可获得相应佣金。随着推荐人数的增加,用户将逐步解锁更高版本,享受更多收益。 ... [详细]
    author-avatar
    睿芬惠洁育瑋
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有