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

整个系统采用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,总的来说是个尝试性的微小项目,实现了系统的登陆、主页面、用户信息的查询、增加、删除、修改等功能。

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

整体页面功能说明

页面名称页面功能404.html404错误页面500.html500错误页面base.htmlbase页面home.html主页面login.html登陆页面userinfo.html用户主页面useradd.html用户新增页面userupdate.html用户修改页面

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

/static/css/bootstrap.min.cssbootstrap CSS库/static/font-awesome/css/font-awesome.cssfont-awesome图标/static/css/animate.cssCSS3动画库/static/css/style.css常规的style/static/css/metisMenu.css导航栏插件/static/css/iconfont/iconfont.css阿里巴巴矢量图标库/static/css/bootstrap-datetimepicker.min.cssbootstrap日期控件/static/css/sweetalert.css漂亮的弹窗口插件

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

/static/js/inspinia.js一套后台管理模板/static/js/jquery.jsjquery/static/js/bootstrap.min.jsbootstrap/static/js/plugins/metisMenu/jquery.metisMenu.js导航栏插件/static/js/plugins/slimscroll/jquery.slimscroll.min.jsjQuery滚动条插件/static/js/plugins/pace/pace.min.js页面进度条插件/static/js/bootstrap-datetimepicker.min.jsbootstrap日期控件/static/js/locales/bootstrap-datetimepicker.zh-CN.jsbootstrap日期控件-中文支持/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/

登陆页面样式

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

主用户页面样式

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

用户修改操作

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

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

Original: https://blog.csdn.net/baoqiangwang/article/details/122995095
Author: python与大数据分析
Title: 关于flask入门教程-整体框架

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/750267/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球