Flask Blueprint
Blueprint简介
Blueprint它是Flask项目的一种组件式开发，可以在一个应用内或跨越 多个项目共用蓝图。使用蓝图可以极大地简化大型应用的开发难度，也为Flask扩展 提供了一种在应用中注册服务的集中式机制。 模块化管理程序路由是它的特色，它使程序结构清晰、简单易懂。但是一个Blueprint并不是一个完整的应用，它不能独立于应用运行，而必须要注册到某一个应用中。
由于只是演示蓝图的基本用法，所以这里以展示用户表，登陆认证，编辑用户，删除用户，新增用户来模拟多个模块作为演示。
环境搭建：
1、创建项目damo_2，在该项目下创建static（存放图片，css样式，js脚本等）、templates（HTML文件）两个目录。
2、新建一个settings.py的配置文件，配置文件中存放用户表
USER_INFO = [{'aaa':'111'},{'bbb':'222'},{'ccc':'333'}] # 模拟数据库中的用户表
一、函数的方式（FBV）：
1、展示用户表
1.1创建show.py
from flask import Blueprint,render_template from settings import USER_INFO show_app = Blueprint('show_app',__name__) @show_app.route('/show_page') def show_page(): return render_template('show_page.html',user_info=USER_INFO)
1.2在templates目录下创建show_page.html
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3 style="margin-left: 320px">用户详情表</h3> <form action=""> <table border="1px"> <thead> <tr> <th style="width: 150px;">序号</th> <th style="width: 150px;">用户</th> <th style="width: 150px;">密码</th> <th style="width: 150px;">操作</th> </tr> </thead> <tbody> {% for user_dict in user_info %} <tr> <td style="text-align: center">{{ loop.index0 }}</td> {% for user in user_dict %} <td style="text-align: center">{{ user }}</td> <td style="text-align: center">{{ user_dict.get(user) }}</td> {% endfor %} <td style="text-align: center"> <a href="/edit_user?id={{ loop.index0 }}">编辑</a> | <a href="/del_user?id={{ loop.index0 }}">删除</a> </td> </tr> {% endfor %} </tbody> </table> <br> <a href="/add_user">新增</a> </form> </body> </html>
2、新增用户
2.1创建add_user.py
from flask import Blueprint, request, render_template, redirect from settings import USER_INFO add_user_app = Blueprint('add_user', '__name__') @add_user_app.route('/add_user', methods=['GET', 'POST']) def add_user(): if request.method == 'POST': user = request.form.get('username') pwd = request.form.get('password') USER_INFO.append({user: pwd}) return redirect('/show_page') else: return render_template('add_user.html')
2.2在templates目录下创建add_user.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> <h3>新增用户界面</h3> 用户名：<input type="text" name="username"> 密码：<input type="password" name="password"> <button>新增</button> </form> </body> </html>
3、编辑用户
3.1创建edit_user.py文件
from flask import Blueprint, render_template, request, redirect from settings import USER_INFO edit_user_app = Blueprint('edit_user', '__name__') @edit_user_app.route('/edit_user', methods=['GET', 'POST']) def edit_user(): uid = int(request.args.get('id')) if request.method == 'POST': user = request.form.get('username') pwd = request.form.get('password') nlen = len(USER_INFO) if 0 > uid or uid >= nlen: return f'索引不存在,索引范围是:0-{nlen - 1}' else: USER_INFO[uid] = {user: pwd} return redirect('/show_page') else: user_info = USER_INFO[uid] return render_template('edit_user.html', user_info=user_info)
3.2在templates目录下创建edit_user.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> <h3>编辑用户界面</h3> {% for user in user_info %} 用户名：<input type="text" name="username" value="{{ user }}"> 密码：<input type="password" name="password" value="{{ user_info[user] }}"> {% endfor %} <button>保存</button> </form> </body> </html>
4、删除用户
4.1创建del_user.py
from flask import Blueprint,request,render_template,redirect from settings import USER_INFO del_user_app = Blueprint('del_user','__name__') @del_user_app.route('/del_user') def del_user(): uid = int(request.args.get('id')) USER_INFO.pop(uid) return redirect('/show_page')
5、创建damo_2.py主文件
from flask import Flask, session, request, redirect, render_template from flask import session from show import show_app from index import index_app from add_user import add_user_app from del_user import del_user_app from edit_user import edit_user_app from login import login_app user_app = Flask('__name__') user_app.secret_key = '~!@#$%^&*' user_app.config['DEBUG'] = True @user_app.before_request def session_check(): # 中间件用户登陆认证，用户必须登录后才能访问展示页面 if session.get('user') or request.path == '/login': return None else: return redirect('/login') @user_app.after_request def response_after(response): return response user_app.register_blueprint(index_app) # 注册公共展示页面 user_app.register_blueprint(show_app) # 注册用户详情页面 user_app.register_blueprint(add_user_app) # 注册新增用户页面 user_app.register_blueprint(del_user_app) # 注册删除用户页面 user_app.register_blueprint(edit_user_app) # 注册编辑用户页面 user_app.register_blueprint(login_app) # 注册用户登陆页面 @user_app.errorhandler(404) # 404错误页面 def error404(error_msg): return render_template('error404.html') user_app.run()
二、使用类的方式（CBV）
1、修改展示页面show.py
from flask import Blueprint, render_template from settings import USER_INFO from flask import views show_app = Blueprint('show_app',__name__) class ShowPage(views.MethodView): def get(self): return render_template('show_page.html', user_info=USER_INFO) show_app.add_url_rule('/show_page', view_func=ShowPage.as_view(name='show_page'))
2、修改新增用户add_user.py
from flask import Blueprint, request, render_template, redirect from settings import USER_INFO from flask import views add_user_app = Blueprint('add_user', '__name__') class AddUser(views.MethodView): def get(self): return render_template('add_user.html') def post(self): user = request.form.get('username') pwd = request.form.get('password') USER_INFO.append({user: pwd}) return redirect('/show_page') add_user_app.add_url_rule('/add_user',view_func=AddUser.as_view(name='add_user'))
3、修改编辑用户edit_user.py
from flask import Blueprint, render_template, request, redirect from settings import USER_INFO from flask import views edit_user_app = Blueprint('edit_user', '__name__') class EditUser(views.MethodView): def get(self): uid = int(request.args.get('id')) user_info = USER_INFO[uid] return render_template('edit_user.html', user_info=user_info) def post(self): uid = int(request.args.get('id')) user = request.form.get('username') pwd = request.form.get('password') nlen = len(USER_INFO) if 0 > uid or uid >= nlen: return f'索引不存在,索引范围是:0-{nlen - 1}' else: USER_INFO[uid] = {user: pwd} return redirect('/show_page') edit_user_app.add_url_rule('/edit_user',view_func=EditUser.as_view(name='edit_view'))
4、修改删除用户del_user.py
from flask import Blueprint,request,render_template,redirect from settings import USER_INFO from flask import views del_user_app = Blueprint('del_user','__name__') class DelUser(views.MethodView): def get(self): uid = int(request.args.get('id')) USER_INFO.pop(uid) return redirect('/show_page') del_user_app.add_url_rule('/del_user',view_func=DelUser.as_view(name='del_user'))
页面展示如下：
