前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于flask入门教程-整体框架

关于flask入门教程-整体框架

作者头像
python与大数据分析
发布2022-03-11 17:11:49
8220
发布2022-03-11 17:11:49
举报
文章被收录于专栏:python与大数据分析

整个系统采用Inspinia+ admin

inspinia admin 最新版 bootstrap 完全响应式后台管理模板,采用扁平化设计。使用Bootstrap 3+ Framework,HTML5和CSS3,等技术开发而成。

inspinia admin 包含大量的可重复使用的UI组件的集合,并与最新的jQuery插件集成。

可以用于所有类型的Web应用程序,如自定义管理面板,项目管理系统,管理仪表板,应用程序后端,CMS或CRM。

在本微小项目应用的技术有flask、flask_sqlalchemy,flask_paginate,bootstrap、jquery,ajax,往小里说用到了sweetalert,jquery.metisMenu,bootstrap-datetimepicker,总的来说是个尝试性的微小项目,实现了系统的登陆、主页面、用户信息的查询、增加、删除、修改等功能。

整体页面功能说明

页面名称

页面功能

404.html

404错误页面

500.html

500错误页面

base.html

base页面

home.html

主页面

login.html

登陆页面

userinfo.html

用户主页面

useradd.html

用户新增页面

userupdate.html

用户修改页面

整体前端框架使用到的css文件,后续还会用到echarts

/static/css/bootstrap.min.css

bootstrap CSS库

/static/font-awesome/css/font-awesome.css

font-awesome图标

/static/css/animate.css

CSS3动画库

/static/css/style.css

常规的style

/static/css/metisMenu.css

导航栏插件

/static/css/iconfont/iconfont.css

阿里巴巴矢量图标库

/static/css/bootstrap-datetimepicker.min.css

bootstrap日期控件

/static/css/sweetalert.css

漂亮的弹窗口插件

整体前端框架使用到的js文件,后续还会用到echarts

/static/js/inspinia.js

一套后台管理模板

/static/js/jquery.js

jquery

/static/js/bootstrap.min.js

bootstrap

/static/js/plugins/metisMenu/jquery.metisMenu.js

导航栏插件

/static/js/plugins/slimscroll/jquery.slimscroll.min.js

jQuery滚动条插件

/static/js/plugins/pace/pace.min.js

页面进度条插件

/static/js/bootstrap-datetimepicker.min.js

bootstrap日期控件

/static/js/locales/bootstrap-datetimepicker.zh-CN.js

bootstrap日期控件-中文支持

/static/js/sweetalert.min.js

漂亮的弹窗口插件

关于flask主功能,后续将改造成blueprint方式,并将数据操作进行分离

功能

路由

内部函数

html页面

# 将原生SQL语句返回结果集转换为字典

def datatodict():

# 检查登陆情况

def login_check():

login.html

# 上下文钩子

def my_context_process():

# 错误处理-404页面

@app.errorhandler(404)

def internal_error(error):

404.html

# 错误处理-500页面

@app.errorhandler(500)

def internal_error(error):

500.html

# 登陆页面

@app.route("/")

def login():

login.html

# 登录页面的提交验证

@app.route("/login")

def slogin():

home.html

# 注销页面

@app.route("/logout")

def logout():

login.html

# 管理系统主页面

@app.route('/home')

def home():

home.html

# 当前信息主页面

@app.route('/userinfo')

def userinfo():

userinfo.html

# 添加用户主页面

@app.route('/userinfo/useradd')

def useradd():

useradd.html

# 添加用户主页面响应

@app.route('/userinfo/useradd')

def useradd():

userinfo.html

# 删除用户主页面提交响应

@app.route('/userinfo/userdelete')

def userdelete():

userinfo.html

# 修改用户主页面

@app.route('/userinfo/userupdate/<userid>')

def userupdate():

userupdate.html

# 修改用户主页面响应

@app.route('/userinfo/userupdate/<userid>')

def userupdate():

userinfo.html

登陆页面样式

主用户页面样式

用户修改操作

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-02-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 python与大数据分析 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
项目管理
CODING 项目管理(CODING Project Management,CODING-PM)工具包含迭代管理、需求管理、任务管理、缺陷管理、文件/wiki 等功能,适用于研发团队进行项目管理或敏捷开发实践。结合敏捷研发理念,帮助您对产品进行迭代规划,让每个迭代中的需求、任务、缺陷无障碍沟通流转, 让项目开发过程风险可控,达到可持续性快速迭代。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档