MOBA_VIS

This Visual Analytics System is built based on JsonVee, an efficient front-end integration framework，Based on Node.js, Vue, Webpack.

Dependence

1. Webpack5, Vue 3.0, MongoDB
2. npm install to install all dependencies

Usage

1. 启动服务端

   npm run server

2. 启动前端

   npm run start

3. 发布

   npm run build

   此时会执行webpack的构建，目标文件会放到public目录

Directories

--- /project
-------- /build // 打包相关逻辑，一般不用动
-------- /config // 环境配置文件，本地环境和生产环境
-------- /public // 生产环境打包完后，就可以把这个目录发布到服务器
-------- /client
-------------- /assets // 资源文件目录，存放图片、样式、字体等
-------------- /common // 公共脚本，存放一些工具函数，工具类
-------------- /components // 存放抽象后的公司Vue组件
-------------- /modules // 主要页面逻辑以模块的形式分开
-------------------------- /home // 页面，一个页面一个目录
-------------------------- /detail // 页面，一个页面一个目录
-------------------------- /main.js // 项目中的主函数
-------------------------- /routers.js // 项目路由
-------- /server
-------------- /config // 服务端的一些配置文件
-------------- /handler // 处理前端的请求
-------------- /middleware // 中间件
-------------- /mock // 本地Mock数据
-------------- /router // 路由
-------------- /service // 对Handler的进一步封装

About

Vue 2.x 文档

Vue 3.x 文档

Node.js 文档

Express 框架学习