This project is a Visual Analytics System for real-time MOBA game prediction and feature analysis, in supplement to the current MOBA game live programs. The system frontend is designed with real-time game features and predictions, equiped with interactive analysis functionalities. We experimented with dataset from a real MOBA game WildFire by NetEase and it turned out succeddful primitively. Thanks to JsonVee, an efficient front-end integration framework based on Node.js, Vue.js, Express.js, Webpack.
More documents could be found under the dir /thesis, which is my undergrad thesis.
- Webpack5, Vue 3.0, MongoDB
- node >=v16
npm installto install all dependencies inpackages.json
- run the server
npm run server
- run the client
npm run start
- build the project
此时会执行webpack的构建，目标文件会放到public目录
npm run build
npm run buildnpm run server- Open in browser: http://localhost:8050/#/detail
Note：key configurations are in build/webpack.prod.conf.js，where you can find CopyPlugin
comment lines related to closeup models
--- /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的进一步封装