# Vue3-Member-Management-Center
📝这是一个基于vue3全家桶开发的前后端分离项目。本项目使用NPM保资源管理器，结合webpack进行打包。

🐉在架构风格上我采用RESTful，因为这个架构风格使用Web的现有特征和能力， 更好地使用现有Web标准中的一些准则和约束。

🗃️在数据处理上本项目中的mock.js可以通过模拟数据生成器，通过一定规则 （API文档）生成模拟数据接口, 提供给前端人员进行测试。

😉为了使界面更加美观，我引入了UI框架 ElementUI 。

🚦本项目中使用axios取代了vue1.x中废弃掉的vue-resource，用于向后台发送请求

🎉项目运行（nodejs 6.0+）

# 克隆到本地
git clone https://github.com/Oudanlu/vue3-Member-Management-Center.git

# 进入文件夹
cd vue3-Member-Management-Center

# 安装依赖
npm install 或 yarn(推荐)

# 安装mock.js
npm install mockjs

# 安装axios
npm install axios -S

# 安装 Element-UI
npm i -S element-ui



# 开启本地服务器
npm run dev

# 发布环境
npm run build

！启动项目如果报错的话，请检查配置文件

😉如果对您有帮助，您可以点右上角 的"Star" 支持一下~感谢

🌎或者您可以 "follow" 一下，我会不断创作更多的项目

👋您也可以在issue中提出自己的见解或疑惑~

# 项目运行部分截图

![Image text](https://github.com/Oudanlu/vue3-Member-Management-Center/blob/master/src/assets/C1%200.png)

![Image text](https://github.com/Oudanlu/vue3-Member-Management-Center/blob/master/src/assets/C2%2011.png)

![Image text](https://github.com/Oudanlu/vue3-Member-Management-Center/blob/master/src/assets/C3%2024.png)

![Image text](https://github.com/Oudanlu/vue3-Member-Management-Center/blob/master/src/assets/C4%2073.png)


# 项目运行动图

![Image text](https://github.com/Oudanlu/vue3-Member-Management-Center/blob/master/src/assets/huiyuan.gif)
