创建主表实体类

首先创建一个entity包下的主表实体类，这里命名为User。

代码如下：

vue-element-admin介绍

• vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现
• 内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件
• 可以快速搭建企业级中后台产品原型

mockjs介绍

Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具，可以用来模拟服务器响应，优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型

• 前后端分离
• 开发无侵入（不需要修改既有代码，就可以拦截Ajax请求，返回模拟的响应数据）
• 数据类型丰富（支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等）
• 增加单元测试的真实性（通过随机数据，模拟各种场景）
• 用法简单、符合直接的接口
• 方便扩展（支持扩展更多数据类型，支持自定义函数和正则）

安装：

1

npm install mockjs

Vuex介绍

• 对于组件化开发来说，大型应用的状态往往跨越多个组件。在多层嵌套的父子组件之间传递状态已经十分麻烦，而Vue更是没有为兄弟组件提供直接共享数据的办法。
• 基于这个问题，许多框架提供了解决方案——使用全局的状态管理器，将所有分散的共享数据交由状态管理器保管，Vue也不例外。
• Vuex 是一个专为 Vue.js 应用程序开发的状态管理库，采用集中式存储管理应用的所有组件的状态。
• 简单的说，Vuex用于管理分散在Vue各个组件中的数据。
• 安装：

1

npm install vuex@next

• 官网

1

https://v3.vuex.vuejs.org/zh/

VueRouter的安装与使用

• Vue路由vue-router是官方的路由插件，能够轻松的管理 SPA 项目中组件的切换
• Vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来
• vue-router 目前有 3.x 的版本和 4.x 的版本，vue-router 3.x 只能结合 vue2进行使用，vue-router 4.x 只能结合 vue3 进行使用
• 安装：

1

npm install vue-router@4

• 官网：

1

https://v3.router.vuejs.org/zh/guide/

Axios的使用

Axios简介

使用背景：在实际项目开发中，前端页面所需要的数据往往需要从服务器端获取，这必然涉及与服务器的通信。 Axios主要是前端的一个网络请求框架，大部分基于Ajax

• Axios基于promise网络请求库，作用与node.js和浏览器中。
• Axios在浏览器端使用XMLHttpRequests发送网络请求，并能自动完成JSON数据的转换。
• 地址

1

https://www.axios-http.cn/