微服务秒杀系统采用了前后端分离的模式,前端采用了Vue全家桶 + Element-Ui组件,后端采用Spring Cloud微服务框架开发而成。此项目是本秒杀系统的前台前端页面,使用vue-cli进行开发。
| 相关技术 | 版本号 |
|---|---|
| vue | 2.6.11 |
| vuex | 3.4.0 |
| vue-router | 3.2.0 |
| axios | 0.21.1 |
| element-ui | 2.15.0 |
├── public 公共目录
│ ├── favicon.ico favicon图标
│ └── index.html 首页入口文件
├── src 源代码目录
│ ├── api api请求接口目录
│ ├── assets 静态文件目录
│ ├── components 组件目录
│ ├── router 路由目录
│ ├── store Vuex目录
│ ├── utils 工具类目录
│ ├── views 主要页面目录
│ ├── App.vue 项目入口文件
│ ├── main.js 项目核心文件
│ ├── permission.js 项目权限文件
│ └── setting.js 项目配置文件
├── .env
├── .eslistrc.js
├── .browserslistrc
├── bable.config.js
├── package.json
├── README.md
└── vue.config.js
# 克隆项目
git clone https://github.com/ChoyRunYu/secondkill-vue.git
# 进入项目目录
cd secondkill-vue
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动项目
npm run serve
# 克隆项目
git clone https://github.com/ChoyRunYu/secondkill-vue.git
# 安装依赖、打包构建
cd secondkill-vue && npm install && npm run build:docker
# 运行docker-compose
cd docker && docker-compose up -d
# 构建项目
npm run build
# 代码格式检查
npm run lint



