• 基于Flask快速搭建一个管理系统

    1. 用到的技术

    1.1 导模块

    from flask import Flask, render_template, jsonify, redirect, request, url_for, session

    1.2 模块介绍

    1.3 flask路由系统

    1.3.1 普通使用

    @app.route('/delete')

    1.3.2 带有名分组

    @app.route('/edit/', methods=['GET', 'POST'])  # 有名分组 默认string

    1.3.3 带请求限制

    @app.route('/login', methods=['GET', 'POST'])  # 默认支持get，需要手动添加post

    1.3.4 带别名，默认别名是函数名

    @app.route('/index', endpoint='index')  # 起别名,不写默认函数名称

    1.3.5 路由其他参数(默认string)

    1. DEFAULT_CONVERTERS = {
    2.     'default':          UnicodeConverter,
    3.     'string':           UnicodeConverter,
    4.     'any':              AnyConverter,
    5.     'path':             PathConverter,
    6.     'int':              IntegerConverter,
    7.     'float':            FloatConverter,
    8.     'uuid':             UUIDConverter,
    9. }

    1.3.6 路由的本质

    1. 本质就是：app.add_url_rule()
    2.  
    3. 路由加载的源码流程
    4. -将ur1和函数打包成为rule对象
    5. -将ru1e对象添加到map对象中。
    6. - app.url_map = map对象
    7.  
    8. endpoint：如果不写默认是函数名，endpoint不能重名
    9.  
    10.  
    11.  
    12. # 一般使用第一种
    13. @app.route('/index')
    14. def index():
    15.     return render_template(' index.html ')
    16.  
    17. # 第二种
    18. def home():
    19.     return render_template(' index.html ')
    20. app.add_url_rule('/home', 'home', home)
    21.  
    22.  
    23. |

    1.3.7 app.add_url_rule参数

    1. @app.route和app.add_url_rule参数:
    2. rule：URL规则
    3. view_func：视图函数名称
    4. defaults = None, 默认值, 当URL中无参数，函数需要参数时，使用defaults = {'k': 'v'}
    5. 为函数提供参数
    6. endpoint = None, 名称，用于反向生成URL，即： url_for('名称')
    7. methods = None, 允许的请求方式，如：["GET", "POST"]
    8. #对URL最后的 / 符号是否严格要求,默认严格，False，就是不严格
    9. strict_slashes = None
    10.     '''
    11.         @app.route('/index', strict_slashes=False)
    12.         #访问http://www.xx.com/index/ 或http://www.xx.com/index均可
    13.         @app.route('/index', strict_slashes=True)
    14.         #仅访问http://www.xx.com/index
    15.     '''
    16. #重定向到指定地址
    17. redirect_to = None, 
    18.     '''
    19.         @app.route('/index/', redirect_to='/home/')
    20.     '''

    1.4 获取提交的数据

    1. # 1. get请求
    2. nid = request.args.get('nid')
    3. # 2. post请求
    4. username = request.form.get('username')

    1.5 返回数据

    1.5.1 返回时的格式

    1. return render_template('login.html', error='用户名错误')
    2. return render_template('login.html', **{'error':'xxx','age':'xxx'})

    1.5.2 坑1,出现找不到模板，解决办法

    • 项目下面是否有templates文件夹，你的html文件是否放进了里面；
    • templates文件夹是否和你运行的py文件在同一级目录；
    • render_template('***.html')这里面的名字是否正确，别打错了；
    • app = Flask(__name__, template_folder='templates') 在最开始的这句话中，template_folder后面一定要跟上templates；

    1.6 session&装饰器

    1.6.1 导入&使用

    1. import functools
    2. from flask import session
    3.  
    4. # flask使用session需要，传入一个secret_key，flask会生成一个key返回给前端，类似于cookie存储
    5. app.secret_key = 'lfsakhfnednlasdjmcls'
    6.  
    7.  
    8. def auth(func):
    9.     @functools.wraps(func)
    10.     def inner(*args, **kwargs):
    11.         if session.get('username'):
    12.             # print(session.get('username'))
    13.             ret = func(*args, **kwargs)
    14.             return ret
    15.         return redirect(url_for('login'))
    16.  
    17.     return inner
    18.  
    19.  
    20.  
    21. @app.route('/index', endpoint='index')  # 起别名,不写默认函数名称
    22. @auth
    23. def index():
    24.     """首页"""
    25.     return render_template('index.html', data_dict=DATA_LIST)
    26.  
    27.

    1.6.2 装饰器的使用方法

    1. @app.before_requestdef
    2. def func():
    3.     print('xxx')
    4.  
    5.  
    6. def x1():
    7.     print('xxx')
    8. x1.app.before_request(x1)

    1.7 request介绍

    • django的请求处理是逐一封装和传递;
    • flask的请求是利用上下文管理来实现的。

    1.8 django/flask介绍

    • django是个大而全的框架，flask是一个轻量级的框架。 django内部为我们提供了非常多的组件:
    orm / session / cookie / admin / form / modelform/路由/视图/模板/中间件/分页/ auth / contenttype/缓存/信号/多数据库连接
    •  flask框架本身没有太多的功能:路由/视图/模板(jinja2)/session/中间件，第三方组件非常齐全。

    2. 快速搭建管理系统

    2.1 基本使用

    1. from flask import Flask
    2.  
    3. # 起一个名字
    4. app = Flask(__name__)
    5.  
    6.  
    7. # 配置路由
    8. @app.route('/index')
    9. def index():
    10.     return 'hello word'
    11.  
    12.  
    13. if __name__ == '__main__':
    14.     # 启动
    15.     app.run()

    2.2 完整版

    2.2.1 py

    1. import functools
    2. from flask import Flask, render_template, jsonify, redirect, request, url_for, session
    3.  
    4. app = Flask(__name__)  # 默认 template_folder='templates'
    5. # 模拟数据
    6. DATA_LIST = {
    7.     '1': {'name': 'a', 'age': 32},
    8.     '2': {'name': 'a', 'age': 64},
    9.  
    10. }
    11. # flask使用session需要，传入一个secret_key，flask会生成一个key返回给前端，类似于cookie存储
    12. app.secret_key = 'lfsakhfnednlasdjmcls'
    13.  
    14.  
    15. def auth(func):
    16.     @functools.wraps(func)
    17.     def inner(*args, **kwargs):
    18.         if session.get('username'):
    19.             # print(session.get('username'))
    20.             ret = func(*args, **kwargs)
    21.             return ret
    22.         return redirect(url_for('login'))
    23.  
    24.     return inner
    25.  
    26.  
    27. @app.route('/login', methods=['GET', 'POST'])  # 默认支持get，需要手动添加post
    28. def login():
    29.     """登录"""
    30.     # render_template,  # 类似与django中国的render
    31.     # jsonify, # 类似与django中国的JsonResponse
    32.     # url_for 别名
    33.     if request.method == 'GET':
    34.         return render_template('login.html')
    35.     username = request.form.get('username')
    36.     password = request.form.get('password')
    37.     if username == '1' and password == '1':
    38.         session['username'] = username
    39.         return redirect('/index')
    40.     return render_template('login.html', error='用户名错误')
    41.  
    42.  
    43. @app.route('/index', endpoint='index')  # 起别名,不写默认函数名称
    44. @auth
    45. def index():
    46.     """首页"""
    47.     return render_template('index.html', data_dict=DATA_LIST)
    48.  
    49.  
    50. @app.route('/edit/', methods=['GET', 'POST'])  # 有名分组 默认string
    51. @auth
    52. def edit(nid):
    53.     """编辑"""
    54.     if request.method == 'GET':
    55.         user_dic = DATA_LIST.get(nid)
    56.         # print(user_dic) # {'name': 'a', 'age': 32}
    57.         return render_template('edit.html', user_dic=user_dic)
    58.     name = request.form.get('username')
    59.     age = request.form.get('age')
    60.     DATA_LIST[nid]['name'] = name
    61.     DATA_LIST[nid]['age'] = age
    62.     return redirect('/index')
    63.  
    64.  
    65. @app.route('/delete')
    66. @auth
    67. def delete():
    68.     """删除"""
    69.     nid = request.args.get('nid')
    70.     print(nid)  # 2
    71.     del DATA_LIST[nid]
    72.     return redirect(url_for('index'))
    73.  
    74.  
    75. if __name__ == '__main__':
    76.     app.run()

    2.2.2 login.html

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>登录title>
    6. head>
    7. <body>
    8. <form method="post">
    9.     <p>用户名：<input type="text" name="username">p>
    10.     <p>密码：<input type="password" name="password">p>
    11.     {{ error }}
    12.     <input type="submit" value="提交">
    13. form>
    14. body>
    15. html>

    2.2.3 index.html

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6.     <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    7. head>
    8. <body>
    9. <div>
    10.     <div class="bs-example" data-example-id="hoverable-table">
    11.  
    12.         <div class="panel panel-info">
    13.             <div class="panel-heading">
    14.                 <h3 class="panel-title">xx管理系统h3>
    15.             div>
    16.             <div class="panel-body">
    17.                 <table class="table table-hover">
    18.                     <thead>
    19.                     <tr>
    20.                         <th>序号th>
    21.                         <th>名称th>
    22.                         <th>年龄th>
    23.                         <th>操作th>
    24.                     tr>
    25.                     thead>
    26.                     <tbody>
    27.                     {% for key,item in data_dict.items() %}
    28.                     <tr>
    29.                         <th scope="row">{{ key }}th>
    30.                         <td>{{ item.name }}td>
    31.                         <td>{{ item["age"] }}td>
    32.                         <td><a href="/edit/{{ key }}">编辑a>|
    33.                             <a href="/delete?nid={{ key }}">
    34.                                 删除
    35.                             a>
    36.                         td>
    37.                     tr>
    38.                     {% endfor %}
    39.                     tbody>
    40.                 table>
    41.             div>
    42.         div>
    43.  
    44.  
    45.     div>
    46. div>
    47. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js">script>
    48. <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js">script>
    49. body>
    50. html>

    2.2.4 edit.html

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>编辑title>
    6. head>
    7. <body>
    8. <form method="post">
    9.     <p>用户名：<input type="text" name="username" value="{{ user_dic.name }}">p>
    10.     <p>密码：<input type="text" name="age" value="{{ user_dic.age }}">p>
    11.     <input type="submit" value="提交">
    12. form>
    13. body>
    14. html>

    3. 截图

  • 相关阅读:
    蓝桥（杂题3）
    【Vue项目复习笔记】购物车商品列表展示
    Spring Cloud 之OpenFeign
    asp.net结课作业中遇到的问题解决3
    NGS基础---Plink文件格式ped/map和bed/bim/fam
    【ASM】字节码操作 Opcodes 介绍
    前端H5动态背景登录页面（下）
    MySQL定位CPU利用率过高的SQL方法
    洛谷--最长连号
    taichi库记录
  • 原文地址：https://blog.csdn.net/qq_52385631/article/details/123466949