私有项目技术要求&技术教程资源

前端

• 前端的构建使用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全家桶