乐趣区

关于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 的前端我的项目算是初始化胜利了。

退出移动版