关于java:springboot-vue前后端分离后台管理系统一

前言

工作有两三年，素来只会 crud, 明天开始整顿一下，从零开始搭建一个简略的前后端后盾管理系统

技术选型

• springboot 2.0+
• vue 2.0

我的项目搭建

1、springboot 我的项目搭建

开发工具

• idea
• jdk1.8
• maven

初始化我的项目

创立一个 sample-admin 我的项目，退出 Spring web 依赖。去掉多余的.mvn 相干文件，把默认 application.properties 配置文件改成 application.yml 后缀（看集体爱好！），整个我的项目构造如下：

配置默认端口和 path

server:
  port: 8181
 servlet:
    context-path: /sa

启动我的项目试一下。

创立一个 TestController, 代码的事总要 hello world 一下嘛。

@RestController
public class Test {@GetMapping("hello")
    public String hello() {return "hello word";}
}

拜访 localhost:8181/sa/hello

胜利拜访到了，这就搭建好了一个简略具备 web 性能的 springboot 我的项目了。

2、vue 我的项目搭建

开发工具

• vscode
• node

初始化我的项目

这里选用 vue-element-admin 这个现成的框架，使用 element ui，社区沉闷也不错。这里间接抉择下载 vue-admin-template 根底模板，在根底上写咱们本人想要的性能。

vue 是依赖 node 环境和 npm 依赖包治理，所以要先装好环境，网上教程很多。

下载 ZIP 压缩包，解压到喜爱的文件夹。

关上 vscode 导入我的项目文件夹，在管制台上执行 npm 导包命令

npm install 或 npm i

依赖下载胜利后，执行 run 命令运行程序

npm run dev

拜访 localhost:9528

进入登陆界面并登陆，vue 的前端我的项目算是初始化胜利了。