05-01 后台管理员页面框架搭建

后台管理员页面框架搭建完成后,应该是页面左侧每个页面都可以访问:

框架资源下载: python Flask订餐小程序框架

05-01 后台管理员页面框架搭建

 

账户登录相关界面

  1. 新建User
  2. 新建login, edit, reset-pwd方法
  3. 新建对应视图层

账户管理相关页面

  1. 新建Account
  2. 新建index, set, info方法
  3. 新建对应视图层

账户登录页面开发

账户登录页面需要添加如下静态开发文件夹及其内部资源:

  • E:\study\mooc\order_V200722\web\static
  • E:\study\mooc\order_V200722\web\templates

05-01 后台管理员页面框架搭建

账户登录页面涉及如下开发文件:

  • order_V200722\web\controllers\user\User.py      # 实现login视图函数
  • order_V200722\www.py       # 注册user路由user
  • order_V200722\application.py         # 引入静态文件相关的函数模板以及初始化变量
  • order_V200722\common\libs\UrlManager.py     # 连接管理器
  • order_V200722\web\controllers\static.py       # 加载静态目录,此文件只在开发环境有效,部署后有其他方法进行处理
  • order_V200722\web\templates\user\login.html    # html页面

 

页面效果: http://IP:5001/user/login

05-01 后台管理员页面框架搭建

开发步骤如下:

步骤1: 在order_V200722项目目录下新建User.py的路由蓝图和视图函数

        order_V200722\web\controllers\user\User.py

05-01 后台管理员页面框架搭建

 

后台列表页面"仪表盘"开发

后台列表页面"仪表盘"涉及如下开发文件:

  • order_V200722\web\controllers\index.py     # 实现index视图函数
  • order_V200722\www.py       # 注册index路由user
  • order_V200722\web\templates\index\index.html

 页面效果: http://IP:5001/user/login

05-01 后台管理员页面框架搭建

其他后台页面搭建

其他后台页面的搭建如同"仪表盘"页面开发,步骤如下:

步骤1: 在web/controllers目录下创建目录文件写入蓝图路由以及视图函数

步骤2: 在templates目录下创建视图函数对应的html文件

步骤3: 在www.py文件中注册路由

05-01 后台管理员页面框架搭建