私有項目技術要求&技術教程資源

前端

• 前端的構建使用vue cli 3.0多頁面構建。
• 每一個頁面（登陸、浙工大、杭電）的數據不共享，依靠localstorage通訊。（重要）

必須使用：

1. flex佈局 爲了自適應。（重要）
2. vue全家桶 不用不行
3. 全部元素的單位不是PX，而是rem。 100px=1rem。這樣是爲了自適應。（重要）
4. yarn yarn有更快的安裝速度

推薦使用：

1. typescript 對之後的維護大有用處，與語法兼容，能夠不用。 大多數狀況下，*.ts能夠當作 *.js使用
2. less less與CSS3兼容,且有更方便的寫法，能夠不用。

禁止使用：

1. JQ 緣由：虛擬dom的vue不須要jq，ajax有功能更強的axios。（重要）
2. float部分 float佈局所能實現的，flex均可以，且flex有更好的可讀性與易維護性，在此項目中，不到萬不得已，儘可能不要使用。 （重要）

試試dispaly:inline-block ?

說明

主目錄說明：

最主要的是src目錄下的文件。

• public 公共文件
• dist 編譯後的靜態文件
• src 存放各個學院的代碼
• vue.config.js新增學校入口

src目錄說明：

• 主配置在main.js裏
• 頁面路由在router.ts中查看
• views存放整張頁面，整張頁面若是要拆分若干個，則放置在compontes裏，再經過引用compontes中的文件組成一個view.

好比， ../components/Toolbar.vue與 ../components/NavBack.vue文件在views/activityjoined.vue中被引用。

• components 存放小的組件給views的頁面調用

後端

後端按功能拆分。

• DB是數據庫的配置
• dict是字典
• main.go是程序入口

請不要：

在除dict文件以外的地方直接寫表名、學校名。

資源

• flex
• go語法看這本書第二章就夠了,不須要看併發與接口，能夠當C語言來用
• 項目佈署參考我寫的
• VUE全家桶