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，查看頁面

如有問題，請留言。