CarmenSystem
前言
上一篇文章主要介绍了做项目的目的,本章开始正式进入实战阶段,在开始之前,我们先来了解一下什么是前后端分离,简单来说,前后端分离就是前端通过ajax调用后端实现的restful api进行数据交互。
本章主要实现目标如下:
一、创建Springboot后端项目
二、创建Vue前端项目
一、SpringBoot后端项目创建
Java项目的创建方式有很多,主要流派分为编辑器和IDE流,本人倾向于IDE,因为编辑器的开发效率实在是…
IDE我喜欢使用的是IntelliJ IDEA,真的好用~~~话不多说,现在开始
在IDEA中新建项目,选择Spring Initializr,点击Next
需要注意的是这个功能得联网,如果是在内外网环境隔离的情况下,可使用建空白MAVEN项目,使用自己公司内网仓库导入SpringBoot依赖。
按项目情况输入信息,这里我们使用Java8进行开发,点击Next
注:
Group一般为域+你的公司或本人名。域又分为org、com、cn等等许多,其中org为非营利组织,com为商业组织。
Artifact是maven的一个概念,可视为项目名
Type为项目构建方式,我习惯使用maven,当然也可以使用gradle
Language使用Java
Packaging打包方式为Jar
Java Version使用java8
Version为maven项目初始版本,后面可以改
Name和Artifact保持一致
Description是项目描述,可以不填
Package为项目打包路径
选择自己需要的模块,这里我们选Web,点击Next,后期可以改pom.xml文件添加依赖
点击Finish完成项目创建
二、Vue前端项目创建
在开始之前,需要各位安装Node.js(含npm),通过npm安装Vue Cli手架,本人其实也是对Vue来说也是个新手,比起从头到尾的一点一滴积累,我更加喜欢边学边做,也许有人会认为这种方式不好,但我觉得也就是见仁见智吧~~~话不多说,现在开始
在IDEA中新建项目,选Vue.js,点击Next
注:IDEA是不自带Vue.js的,需要各位自行安装Plugin,也可以用WebStorm创建项目,后者做web会更专业些,但作为一名懒癌,我实在忍受不了同时使用两个IDE,故我选择了前者~~
输入相关项目信息,点击Finish完成项目创建
注意:项目完成后,需要等待vue手架初始化完成。并且这种创建方式需要联网,内外网分离的情况,我也没有什么好想法~~~