从0开始搭建一个基于Spring Boot的Web项目

从0开始搭建一个基于Spring Boot的Web项目

一、下载Spring Tools 4 for Eclipse

Spring Tools 4 for Eclipse是基于Eclipse的一个IDE,免费且开源,能让使用者快速完成Spring Boot项目的搭建。访问Spring Tools 4 for Eclipse的下载主页下载适合你的版本。

二、安装JDK

Spring Tools 4 for Eclipse要求JDK1.8以上,访问Oracle官网下载JDK,并安装。

三、下载Maven

选择Maven作为项目构建管理和依赖包管理的工具。访问Maven官网下载Maven,并配置。

四、 新建项目

  1. 打开IDE,右键点击project explorer,会出现一个菜单栏。选择New->project。这时会出现一个项目创建魔术师。从0开始搭建一个基于Spring Boot的Web项目
  2. 在项目创建魔术师界面选择Spring Boot下的Spring Starter Project
    从0开始搭建一个基于Spring Boot的Web项目
  3. 选择下一步,并填写相关项目要素。在这一步可以选择Maven或者Gradle作为项目构建管理和依赖包管理的工具,可以选择打包为Jar文件还是War文件,可以选择Java的版本(目前可以选择jdk8、11和14),以及编程语言(目前可以选择Java、Kotlin和Groovy)。目前的选项为Maven+Jar+JDK8+Java,并填写maven的group、artifact、和version信息,这三个信息可以确定一个maven项目在maven仓库里的位置。一般groupId填写的是java项目的包名,大多数情况我们会采取用公司或者个人的域名倒序的写法来保障唯一性。artifactId一般就是项目名。version则是自己根据实际的项目版本迭代情况进行编写。
    从0开始搭建一个基于Spring Boot的Web项目
  4. 选择下一步以后,开始配置该项目需要的starter组件。我们准备实现一个java的web项目,选择Spring Web,我们使用MySQL作为后台数据库,所以选择MySQL Driver来建立数据库的连接,我们使用MyBatis作为ORM框架,来实现java项目对数据库的操作,最后项目还需要前端页面,选择Thymeleaf。
    从0开始搭建一个基于Spring Boot的Web项目
  5. 选择结束,等待系统建立项目,系统建立项目的时候会自动下载相关依赖包,并在右下角会出现进度条。
    从0开始搭建一个基于Spring Boot的Web项目
  6. 等项目建好,就可以选择启动Spring Boot项目。如果选择了MySQL Driver和MyBatis组件,但是如果不配置MySQL的连接信息,启动Spring boot应用会报错。
    从0开始搭建一个基于Spring Boot的Web项目
  7. Spring boot会默认读取application.properties,将MySQL的连接信息写入application.properties,这时再启动就不会再报错了。
    从0开始搭建一个基于Spring Boot的Web项目
  8. 如果暂时不涉及数据库部分,也可以先注释pom.xml中MyBatis和MySQL组件的相关依赖,再启动Spring boot,发现也不会再报错。
    从0开始搭建一个基于Spring Boot的Web项目
  9. 这时应用启动了,但是暂时无法对外提供服务,因为还没有在服务器上发布任何资源,现在用浏览器通过访问http://127.0.0.1:8080/,会返回404的报错页面,这意味着服务器已经启动成功,但访问的网络资源不存在。
    从0开始搭建一个基于Spring Boot的Web项目
  10. 可以通过在有@SpringBootApplication注解的主程序的java类的包下面新建controller类,通过controller类配置发布web应用。新建一个LoginController类,并对类名加上@Controller注解,这个注解告诉Spring boot这是一个控制层,新建一个返回类型为ModelAndView的方法,并加上@GetMapping注解,@GetMapping注解使得该方法可以通过http协议的Get方式进行访问。如图所示,该方法可以通过http://127.0.0.1:8080/访问。返回类型是ModelAndView类型意味着该方法会默认去template文件夹下加载一个名为index.html的前端模板,如果不存在这个文件,则访问该链接会报500错误,错误原因就是thymeLeaf的模板引擎找不到index.html就直接抛出了异常,浏览器访问的错误截图如图,报了500,服务器错误。
    从0开始搭建一个基于Spring Boot的Web项目
  11. 完成renderLoginPage方法的开发,并在template文件夹下新增index.html文件,重启服务后,浏览器可以通过http://127.0.0.1:8080/访问到登陆页面。
    从0开始搭建一个基于Spring Boot的Web项目
    从0开始搭建一个基于Spring Boot的Web项目