前言

工作有两三年,素来只会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一下嘛。

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