从零开发一个WEB应用(一)搭建后端开发环境



学习新知识，第一不能太零碎，要从始至终，循序渐进，最终得到一个完整的系统。第二不能太简单，该涉及到的知识点尽量涉及到。考虑到这两点，因此在整个过程中，将尽量全面的给出涉及到的各个知识点，并对涉及到的问题尽量给出一个简单的方法。从简单到逐步完善。不涉及太多的理论解说，以实例说明。

现在正式开始进入一个简单的课程辅助学习系统的设计和开发，内容包括教师和学生注册，通知的发布和展现，问题的发布、回复和展现，课程作业的进度维护等。采用敏捷开发，内容会不断完善。过程尽量详细，包括开发环境搭建、需求设计文档、程序代码、部署发布等。但网上能轻易找到答案的内容尽量不再重复。

一、开发环境

Jdk 8、Mysql 8、Tomcat 9、Spring Boot、VUE、Element UI，开发工具IntelliJ IDEA。Idea可以使用教育邮箱免费申请。

二、技术

前后端分离。前端使用VUE和Element UI。后端使用Spring Boot。接口采用RESTful风格。

三、搭建开发环境

1、下载安装jdk1.8，Mysql 8、Tomcat 9 和 Idea

Idea 可使用教育邮箱免费申请正版。网址：

https://www.jetbrains.com/zh/student/

其余都是免费软件。

2、打开Idea，使用“Spring Initializr”新建一个Project。

Group和Artifac是Java Package，建议Packaging选“war”。选用“war”，生成项目后也可以使用jar模式。

下一步依赖先选取“Lombok”和“Spring Web”，后面等需要连接数据库的时候再增加数据库连接的依赖即可，否则你现在就必须设置数据库连接参数，不设置的话运行系统会报错。

下一步生成项目。生成后目录结构如下：

3、修改Maven仓库地址

因为默认Maven数据仓库在国外服务器，因此国内用户可能很长时间也生成不了。此时建议修改Maven仓库为国内阿里的仓库。因为Idea 2019自带Maven 3，到Idea 2019的安装目录，如何打开Maven 3的配置文件：

$IntelliJ IDEA 2019.3$\plugins\maven\lib\maven3\conf\settings.xml

在“mirrors”部分增加一个“mirror”。

另外，还可以增加“localRepository”，这样以后在需要同样的依赖包时，就不必去下载了，直接在本地调用。

4、添加index.html

在src\main\resources\static 下添加index.html

5、启动内嵌服务器

点击右上角绿色三角图标，启动内嵌服务器

打开浏览器，输入http://127.0.0.1:8080/，显示

则表示Springboot 项目搭建成功。如搭建不成功，建议删除项目，然后重新建立一遍。多建几遍，便会熟悉了。下一步配置前端开发框架。