liuhuahua815 / Coin

设计初衷

• 因为自己大学以来一直是学委，每到期末周总是有很多同学会问复习资料、需要交流课程题目，所以就产生了写一个这种网站的想法吧。在这里同学们可以上传下载学习资料、互相回答对方的问题、记录课堂笔记……

设计过程

• period1
  • 前端语言：原生 html + css + js + jquery
  • 后端语言：php
  • 前后端不分离

刚开始还不会框架用的是原生的js写的代码，十分痛苦。所有样式都自己写（没用组件库），什么动态展示添加的数据（用字符串拼接再document.innerHtml展示或者createElment...)...动态为添加的dom绑定事件...一个数据多个页面要用到怎么传参啊...想想不用框架写这些真的挺麻烦的，但也挺感激这段经历的，让我对框架的理解更深刻了，也让我的css、js基础更扎实了。

• period2
  • 前端框架: Vue + vuex + vue-Router + Element-UI
  • 后端语言：node.js
  • 前后端分离

后来目标确定搞前端了，就chuaichuai把vue学完了，重构了这个项目。开始用组件库的时候，哇那叫一个爽得起飞，第一次感觉自己写页面也能这么快。

系统功能

主要分成图中框起来的这五大模块，没重构前是全部写完了，重构后笔记区和管理员这两模块还没写完

部分页面截图（重构后的）

1. 用户注册

2. 期末急救箱

• a. 主页面
• b. 上传
• c. 文件预览

3. 答疑区

• a. 问题中心
• b. 具体问题
• d. 问题发布
• e. markdown编辑器

4. 个人中心

使用

• 启动（原生版本） xxxx以后补充
• 启动（重构后的版本）
  • 前端部分 npm run serve
  • 后端部分 node app.js