学习小记 - Flask Web (3) 不使用bootstrap模板完成表单处理
2017-01-04 17:00
756 查看
这是安装scrapy的笔记代码,请忽视><
个人不想做出的项目和大多数人一样,因此放弃了bootstrap模块,找了类似的material前端框架来进行flask项目构建,但也出现了很多问题。今天就在表单处理这一块卡了很久。
在bootstrap中,完成表单处理只需要构建form对象,之后在模板中简单的完成quick_form渲染即可,省时省力。
放弃了bootstrap模块后,就要重新考虑表单问题的解决方法。
首先要考虑获取表单对象,这里在模板中添加一个宏文件创建获取对象及对象validators的方法:
之后在表单模板中实现该方法:
最后,最最重要的是,不要忘记flask-wtf的跨站保护机制:
flask的坑还有很多,愿早日填完。
sudo apt-get install python-dev python-pip libxml2-dev libxslt1-dev zlib1g-dev libffi-dev libssl-dev
个人不想做出的项目和大多数人一样,因此放弃了bootstrap模块,找了类似的material前端框架来进行flask项目构建,但也出现了很多问题。今天就在表单处理这一块卡了很久。
在bootstrap中,完成表单处理只需要构建form对象,之后在模板中简单的完成quick_form渲染即可,省时省力。
放弃了bootstrap模块后,就要重新考虑表单问题的解决方法。
首先要考虑获取表单对象,这里在模板中添加一个宏文件创建获取对象及对象validators的方法:
{% macro render_field(field) %} {{ field(**kwargs)|safe }} {{ field.label }} {% if field.errors %} <ul class="errors red-text"> {% for error in field.errors %} <li>{{ error }}</li> {% endfor %} </ul> {% endif %} {% endmacro %}
之后在表单模板中实现该方法:
<div class="input-field"> <i class="material-icons prefix">account_circle</i> {{ render_field(form.email) }} </div>
最后,最最重要的是,不要忘记flask-wtf的跨站保护机制:
{{ form.hidden_tag() }}
flask的坑还有很多,愿早日填完。
相关文章推荐
- Flask学习笔记-在Bootstrap框架下Web表单WTF的使用
- tomcat7.0使用servlet处理jsp表单(form)的web.xml配置
- 一步步学习SPD2010--第九章节--使用可重用工作流和工作流表单(3)--使用工作流模板
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(2)--Web部件连接
- 用python flask搭建一个网站[二]——使用bootstrap模板
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(4)--其他参数
- tomcat7.0使用servlet处理jsp表单(form)的web.xml配置
- 一步步学习微软InfoPath2010和SP2010--第二章节--表单需求:使用决策矩阵(1)--表单模板
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(2)--Web部件连接
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(5)--关键点
- 一步步学习SPD2010--第二章节--处理SP网站(8)---- 保存和使用网站模板
- 一步步学习微软InfoPath2010和SP2010--第二章节--表单需求:使用决策矩阵(1)--表单模板
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(3)--参数
- 20110215 学习记录2:表单中的get和post区别 & 使用 HttpWebRequest 向网站提交数据
- 一步步学习SPD2010--第九章节--使用可重用工作流和工作流表单(3)--使用工作流模板
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(1)--处理功能区和标签属性任务窗格
- 一步步学习微软InfoPath2010和SP2010--第一章节--介绍InfoPath2010(8)--使用模板创建表单实例
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(4)--其他参数
- 一步步学习微软InfoPath2010和SP2010--第八章节--使用InfoPath表单Web部件(3)--参数