从零开始构建一个完整的web（前端+中间件）项目（第一期）

从零开始构建一个完整的web（前端+中间件）项目（第一期）

项目需求

简单来说，就是工作室需要一个官方网站，给工作室成员们提供新闻，通知，展示优秀作品等功能，同时纳新的时候，可以提交让同学们提交报名表，管理员进行审核等等。

技术选型

1. vue vue-cli vuex vue-router axios iview实现前端的基本业务逻辑
2. echarts 数据可视化 用于分析系统的错误日志，新生提交报名表情况等等
3. express 实现中间件机制，转发请求
4. jest 实现单元测试
5. git 版本管理

项目目录搭建

src下放置的前端的业务逻辑代码，middle下放置的是中间件相关，整体业务流程就是前端发送请求给中间件（node），中间件再转发给java后台。这个目录是用vue-cli生成的，然后自己加了一个middle，test（单元测试）,doc(文档相关)

中间件目录搭建（middle）

backend 用来存放访问java后台的api相关
bin 是启动项目的目录
helpers 是辅助函数
instance 存了一些实例 如错误对象 成功对象等
middleware 是中间件
routes 路径层 分发请求
services 相当于controller层 处理routes分发过来的请求

前端目录（src）

api 是访问中间层的接口
assets 静态资源
components 组件
helpers 辅助函数
store vuex相关
views 页面

以上就是大致的项目目录搭建