web开发表单的制作

web开发表单的制作

web开发时经常要制作表单，下面是制作表单的用法，学习笔记。

1. 后端服务器搭建，这里就不说了。

2. 选装的库。

sudo apt-get install python-pip
sudo pip install flask-bootstrap
sudo pip install flask-wtf

3. 主程序中定义表单类

     from flask import Flask
     from flask.ext.wtf import Form
     from flask.ext.bootstrap import Bootstrap
     from wtforms import StringField, SubmitField
     from wtforms.validators import Required

     class NameForm(Form):
         name = StringField('What is your name?', validators=[Required()])
         submit = SubmitField('Submit')

4. 将表单渲染成HTML

{% extends "bootstrap/base.html" %}

{% import "bootstrap/wtf.html" as wtf %}

{% block contenter %}
<div class="container">
    <h1>Hello, {% if name %}{{ name }}{% else %}Stranger{% endif %}!</h1>
</div>
{{ wtf.quick_form(form) }}
{% endblock %}

5. 运行主程序文件

python file.py runserver --host localhost

6. 打开浏览器输入loclhost，查看页面

如有问题，请留言。