基于Flask的⼀个简单前端框架，Vue.js+Bootstrap4
⾸先，本⼈是⼀个⼩⽩。上个⽉来到现在的公司，接⼿了公司内部的业务管理系统，负责前端。之前公司是前后端都做，但个⼈更感兴趣前端。
先简单说下接⼿的项⽬吧。项⽬很冗余，python写的后台主要就是2个⽂件。⼀个view.py处理所有页⾯的请求，没有按功能模块分开，model.py处理sql语句。所有的业务功能都在这2个⽂件⾥⾯，每次打开都会很头疼......后台基本没有⽤到任何优化措施，⼤量的重复代码，对于返回给前台的数据，全是数据库查出来没经过任何处理的Array，这对于我来说简直是奔溃的。⽽前端的页⾯也没有使⽤到mvvm 框架，全是jquery操作，同时伴随着⼤量的Jinjia2模板语⾔在前端，⼏乎没法阅读下去，后台也拼了很多Dom在⾥⾯，可读性极差，⽽且修改起来⽆从下⼿。同时也导致稍微复杂点的业务页⾯在浏览器解析后达到万⾏级别。（开发该项⽬的同事以前是专门做数据这⼀快的，功能业务多，就2⼈，现在前后台的坑多也是ok的，慢慢填坑优化吧）
前端页⾯结构如下：公共模板
⼦页⾯
上图中active_page是当前路由页⾯的变量，他的值是页⾯引⽤的js的名字，从⽽传给模板页⾯实现动态加载页⾯js;
变量后跟的random其实是发现引⽤的js放在项⽬结构其他地⽅引⽤不到，⽽只能放在static下。放在static下就会导致浏览器⼀直缓存js，每次需要⼿动清理缓存，所以从后台传了个随机数，这样避免浏览器缓存修改的js。(有解决办法欢迎留⾔)
项⽬结构如下图
附上之前的页⾯
页⾯基本就是穿插各种模板语⾔，和后台拼好的模板给前台引⽤。这样的页⾯很乱，前后端耦合太严重了，css也不好控制。
前端结构基本就是这样⼦了，接下来还要优化后台分页，以及后台数据格式化，将数据封装成前端需要的对象，增删改查⾃动化。之前页⾯都是把所有数据从数据库取到，然后在前台分页。
jquery框架定义

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。