首先，本人是一個小白。上個月來到現在的公司，接手了公司內部的業務管理系統，負責前端。之前公司是前後端都做，但個人更感興趣前端。
先簡單說下接手的項目吧。項目很冗餘，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也不好控制。
前端結構基本就是這樣子了，接下來還要優化後臺分頁，以及後臺數據格式化，將數據封裝成前端需要的對象，增刪改查自動化。之前頁面都是把所有數據從數據庫取到，然後在前臺分頁。