(超清)SpringBoot+Vue3打造企业级一体化SaaS系统

SpringBoot+Vue3打造企业级一体化SaaS系统

download：https://www.666xit.com/4092/

一、vue3(element-plus)是什么？

vue：是一个用于创立用户界面的开源JavaScript结构，也是一个创立单页运用的Web运用结构；Vue所重视的核心是MVC形式中的视图层，一起，它也能方便地获取数据更新，并经过组件内部特定的办法实现视图与模型的交互。简单的说，vue是一套前端的开发结构，vue是目前三大主流的结构之一，其他两个结构是:React、Angular。

前端开发结构出现的含义：

1、前端工程化

1）标准化，也便是制定或者约定一个开发规矩、开发标准，比如，类的命名标准、制定编码模板代码，等等，提倡约定大于装备（vue、springboot等等当中就有约定大于装备的标准）

2）可定量的进程化办法，简单来说便是制定衡量整个开发流程和进度的办法

3）版别操控，来管理代码的更新

4）开发运用的技能、办法。

2、前后端分离

前端：担任View（视图层）和Controller（业务模块流程操控层）

后端：担任Model层、业务、数据处理等

3、组件化开发

element-plus：根据 Vue 3，面向设计师和开发者的组件库

二、token 安全验证

根据Token的身份验证是无状况的，咱们不将用户信息存在服务器中。这种概念处理了在服务端存储信息时的许多问题。NoSession 意味着咱们的程序可以根据需要去增减机器，而不用去担心用户是否登录。

1、根据Token的验证进程

2、Token验证的优势

三、运用步骤

1.装置node环境

2.环境搭建

代码如下（示例）：

1、npm install -g cnpm --registry=https://registry.npm.taobao.org

2、npm config set registry https://registry.npm.taobao.org

npm install -g yarn

yarn

npm install -g @vue/cli

vue -V

vue create 项目名称(将自己的项目名称写好就可以，在这里我的项目名称是vue-manage)

vue create springboot-vue-demo

挑选Manually select features

挑选路由和vuex

挑选3.x版别

输入y (路由信息为history)

挑选In package.json

是否保存装备

创立,发动项目

发动成功,浏览器输入8080端口进行拜访

3.idea发动Vue项目

挑选npm,在npm中Script选项中输入serve

我这边为什么是dev呢，由于我装备多个环境dev,pro,test

这样我可以经过这个来切换不同的环境

装置vue插件