實戰(zhàn)腳手架準(zhǔn)備分三部曲

Flask實戰(zhàn)腳手架 (后端+restful api)
Yii2實戰(zhàn)腳手架 (后端+restful api)
Vue2實戰(zhàn)腳手架(前端)

Flask實戰(zhàn)腳手架 (后端+restful api)

學(xué)習(xí)Flask從實戰(zhàn)開始，制作一個web常用的腳手架，已備以后快速開發(fā)。
項目git地址第二次提交

暫定功能模塊：

• 用戶模塊
• 文章模塊

用到的python插件：

• Flask-Login #用戶登陸
• Flask-Migrate #數(shù)據(jù)庫管理工具
• Flask-DebugToolbar #dubug工具欄
• Flask-SQLAlchemy #ORM
• Flask-WTF #表單

用戶模塊

安裝所需的插件
pip install flask-login flask-sqlalchemy flask-migrate flask-wtf

1. 修改 app/__init__.py如下

from flask import Flask
from app.config import Config
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate
from flask_login import LoginManager


db = SQLAlchemy()
migrate = Migrate()
login = LoginManager()
login.login_view = "backend.login" #配置用戶默認(rèn)登陸端點


def create_app(config_class=Config):
   app = Flask(__name__)
   app.config.from_object(config_class)

   db.init_app(app)
   migrate.init_app(app, db)
   login.init_app(app)

   from app.backend import bp as backendbp #導(dǎo)入backend藍(lán)圖
   app.register_blueprint(backendbp, url_prefix='/backend') #注冊藍(lán)圖

   return app

主要是注冊插件與藍(lán)圖

3. 初始化注冊后臺藍(lán)圖app/backend/__init__.py

from flask import Blueprint

bp = Blueprint('backend', __name__)

from . import views

4. 添加用戶登陸表單app/backend/forms.py

from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, BooleanField, SubmitField
from wtforms.validators import DataRequired


class LoginForm(FlaskForm):
    username = StringField('username', validators=[DataRequired()])
    password = PasswordField('Password', validators=[DataRequired()])
    remember_me = BooleanField('Remember Me')
    submit = SubmitField('Sign In')

4. 添加后臺路由app/backend/views.py

from . import bp
from flask import render_template, flash, redirect, url_for, request
from app.models import User
from flask_login import login_user, logout_user, login_required
from app.backend.froms import LoginForm


@bp.route('/')
@bp.route('/index')
@login_required
def index():
    return render_template('backend/index.html')


@bp.route('/login', methods=['GET', 'POST'])
def login():
    form = LoginForm()
    if form.validate_on_submit():
        user = User.query.filter_by(username=form.username.data).first()
        if user is None or not user.check_password(form.password.data):
            flash('賬號或密碼錯誤,請重新輸入!')
            return redirect(url_for('backend.login'))
        login_user(user)
        next_page = request.args.get('next')
        if next_page:
            return redirect(next_page)
        return redirect(url_for('backend.index'))
    return render_template('backend/login.html', form=form)


@bp.route('/logout')
def logout():
    logout_user()
    return redirect(url_for('backend.index'))

1. 創(chuàng)建模型app/models.py

from app import db, login
from datetime import datetime
from werkzeug.security import generate_password_hash, check_password_hash
from flask_login import UserMixin, login_manager


class User(db.Model, UserMixin):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(64), index=True)
    password_hash = db.Column(db.String(128))
    last_login_at = db.Column(db.DateTime, default=datetime.utcnow)

    profile = db.relationship('Profile', backref='user', lazy='dynamic')

    def __repr__(self):
        return '<User {}>'.format(self.username)

    @property
    def password(self):
        return self.password_hash

    @password.setter
    def password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

# 配置用戶登陸時加載的方法
@login.user_loader
def load_user(user_id):
    return User.query.get(user_id)


class Profile(db.Model):
    __table_args__ = (
        db.PrimaryKeyConstraint('user_id'),
    )

    user_id = db.Column(db.ForeignKey('user.id'))
    nickname = db.Column(db.String(125))
    tel = db.Column(db.String(13))

    def __repr__(self):
        return '<Profile {}, {}>'.format(self.user_id, self.nickname)

好了，到這里，現(xiàn)在可以用flask-migrate數(shù)據(jù)遷移工具初始化數(shù)據(jù)庫，并生成了

flask db init # 第一次需要初始化，以后就不需要此命令了
flask db migrage
flask db upgrade

現(xiàn)在應(yīng)該在項目的根目錄生成app.db的SQLite數(shù)據(jù)庫了
我們來驗證下程序是否有問題。我們在run.py里面壓入User、Profile兩表，去試試命令行執(zhí)行

from app import create_app, cli, db
from app.models import User, Profile

app = create_app()
cli.register(app)

@app.shell_context_processor
def make_shell_context():
    return {
        'app': app,
        'User': User,
        'Profile': Profile,
        'DB': db
    }

這里壓入了db與兩表

flask shell # 進(jìn)入shell交互模式
>>> DB
<SQLAlchemy engine=sqlite:////Users/jydd/python/myapp/app.db>
>>> u1 = User(username='user1')
>>> u1.password = '123456'
>>> p1 = Profile(nickname='nickname1', tel='1808888888')
>>> p1.user = u1
>>> p1.user
<User user1>
>>> u2 = User(username='user2')
>>> u2.password = '123456'
>>> u2.check_password('123456')
True
>>> p2 = Profile(nickname='nickname2', tel='19099999999')
>>> p2.user = u2
>>> DB.session.add(u1)
>>> DB.session.commit()
>>> u1.id
1
>>> u1.profile.first().nickname
'nickname1'
>>> DB.session.add(u2)
>>> DB.session.commit()
>>> u2.id
2

5. 模板部分 就不講了，簡單的標(biāo)簽，直接可以看git項目地址查看源碼

現(xiàn)在通過訪問路由 http://127.0.0.1:5000/backend/
會跳轉(zhuǎn)到 http://127.0.0.1:5000/backend/login?next=%2Fbackend%2F
登陸成功后會跳轉(zhuǎn)到 http://127.0.0.1:5000/backend/

backend/login

backend/index