Skip to content

ChoyRunYu/secondkill-vue

Repository files navigation

微服务秒杀系统 - 前台页面

vue elementui vuerouter vuex axios

简介

微服务秒杀系统采用了前后端分离的模式,前端采用了Vue全家桶 + Element-Ui组件,后端采用Spring Cloud微服务框架开发而成。此项目是本秒杀系统的前台前端页面,使用vue-cli进行开发。

项目链接

名称 github gitee
后台管理前端 https://github.com/ChoyRunYu/secondkill-admin https://gitee.com/Choyrunyu/secondkill-admin
微服务秒杀系统后端 https://github.com/ChoyRunYu/secondkill https://gitee.com/Choyrunyu/secondkill

相关技术

相关技术 版本号
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

docker部署

# 克隆项目
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

系统截图

image-20210725141627940

image-20210725141645800

image-20210725141704024

image-20210725141718800

About

毕业设计-秒杀系统

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages