位置: 编程技术 - 正文
推荐整理分享一个基于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做一些说明:
基本用法
修改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的开源项目)
友情链接: 武汉网站建设