位置: 编程技术 - 正文

一个基于flask的web应用诞生 使用模板引擎和表单插件(2)(flask开发实例)

编辑:rootadmin

推荐整理分享一个基于flask的web应用诞生 使用模板引擎和表单插件(2)(flask开发实例),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:flask搭建,flask基础,flask基础,基于flask框架,基于flask的开源项目,flask基础,基于flask框架,flask基础,内容如对您有帮助,希望把文章链接给更多的朋友!

经过了第一章的内容,已经可以做出一些简单的页面,首先用这种方式做一个登录页面,首先要创建一个login的路由方法:

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

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

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

功能上当然是实现了,但是从其他方面来说,却很难说它是一个能够实际应用的程序,即使不考虑js脚本和css样式表,就从简简单单的维护来说,就是一场噩梦,比如说像增加一个验证码框,我想不会有人认为这是一件愉快的工作。

所以,首先来说,我们要把页面html部分独立出来,这点,flask提供了jinja2模板引擎来实现。

jinja2模板引擎同样符合flask最基础的约定,即众多配置中都有一个基础的默认值,相对jinja2来说,有一个最重要的默认值,即模板文件放在templates文件夹,这个文件夹虽然可以自定义,但目前来说,使用默认值已经足够了。

好,首先在PyCharm的项目根目录创建templates文件夹,然后在文件夹内创建login.html文件,当然目录结构如下:

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

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

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

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

基本用法

一个基于flask的web应用诞生 使用模板引擎和表单插件(2)(flask开发实例)

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

index.html中的代码为:

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

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

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

这时输出为:

常用过滤器如下

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

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

这时输出为:

控制语句

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

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

然后在之前的模板中:

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

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

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

此时执行结果仍为:

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

标签: flask开发实例

本文链接地址:https://www.jiuchutong.com/biancheng/377116.html 转载请保留说明!

上一篇:非递归的输出1-N的全排列实例(推荐)(非递归与递归)

下一篇:一个基于flask的web应用诞生 bootstrap框架美化(3)(基于flask的开源项目)

  • 个人所得税申诉已受理多久出结果
  • 关联企业债资比 企业所得税
  • 社保基数变更上限怎么办
  • 已认证红冲需要退回发票吗
  • 耕地转让权是什么意思
  • 期末留抵税额可以留多久
  • 关联方费用分摊是否要调账
  • 房产公司增值税和土地增值税
  • 股权继承印花税单方交
  • 退免税指的是增值税还是消费税?
  • 增值税发票查验平台官网网络异常
  • 一个十图
  • 财务报表调整后审计是不也要调整
  • 外贸企业出口货物会计账务处理
  • 汇率的标价
  • 汇算清缴已退税的还可以作废吗
  • 物业税额
  • 非居民企业间接转让中国应税财产
  • 会议展览服务费需要交印花税吗
  • 如何在win10中同步我的设置
  • 清理缓存网页电脑
  • 出差补助没有发票可以直接入账吗
  • 非公开发行股票是利好还是利空
  • 刚注册的有限公司可以马上注销吗
  • linux web gui
  • deldir.exe是什么
  • sethook.exe - sethook进程是什么文件 有何作用
  • 应收罚款收入
  • (二) Vue3 + Element-Plus 实现动态菜单栏
  • 不动产售后回租如何处理
  • 国有划拨土地给集体企业怎么办
  • 计算利润要扣除企业所得税吗
  • vue修改表格数据
  • 扣缴单位无有效的税费种认定信息
  • yolov5训练参数说明
  • php高并发api接口怎么处理
  • 完美解决win10间歇性掉线
  • 2019年新会计制度改革
  • pycharm操作界面
  • 会计核算方法有几种
  • 增值税普通发票和电子普通发票的区别
  • 发票开错时,如何做账务处理?
  • 裁员补偿金如何合理避税
  • 预付一年的技术服务费
  • 社保局申报工伤款多久能下
  • 微擎框架下载
  • 帝国cms结合项多选
  • 编制科目余额表的方法
  • 定期定额征收税款
  • 长期股权投资实现的净利润权益法
  • sql语句批量添加数据
  • 设计公司成本核算分录
  • 财政补贴的政策
  • 汽车固定资产清理怎么交税
  • 供应商质量索赔流程
  • 自产产品与视同自产产品
  • 公司流水账怎么做
  • 该卡已在其他账户中存在什么意思
  • efi shell有什么用
  • app隐藏库
  • 微软停止对xp的操作
  • win10系统的设备管理器在哪里
  • win8操作中心
  • windows 8改windows 7
  • win10开机图标就变乱
  • 2015-04-04---CCAction详解(欠了大家好几天了)
  • 正则表达式语法 \d
  • 谷歌编程之夏2021
  • linux系统监控脚本
  • ie不支持p标签
  • javascript概述及作用
  • jquery设置定时器
  • ajax 分页
  • 歺包做法
  • jquery写网页
  • 四川税务局发票下载
  • 税控盘解除风险
  • 电子税务平台怎么开发票
  • 代理运输服务费和运费的区别
  • 到税务局领购免税产品
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设