搭建SpringBoot的web-mvc项目

搭建SpringBoot的web-mvc项目

一、Spring Boot简介

Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。通过这种方式,Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

本文是一个springboot入门级的web-mvc项目。

二、maven安装与配置

win8和win10配置Maven

三、用Spring Boot新建web-mvc项目

这里先介绍一下各种环境的配置信息:eclipse_neon2(4.6) 和 jdk1.8

因为SpringBoot中是内置tomcat的,所以也就不需要额外的tomcat配置了,现在开始讲如何在idea上面搭建SpringBoot web-mvc项目了

步骤一:在ECLIPSE中新建一个常规的maven项目,具体步骤请看看下面的图示:

搭建SpringBoot的web-mvc项目_第1张图片


注意,要勾选Create a simple progect,这样就不会创建项目骨架,不会从外网下载一些东西,导致会卡在那,下载东西的时间,还不如手工去创建一下目录,分分钟搞定

然后输入相应的groupId,artifactId,项目建好后,目录结构是这样的:

搭建SpringBoot的web-mvc项目_第2张图片


搭建SpringBoot的web-mvc项目_第3张图片


步骤二:右边是pom.xml文件

在resources目录下创建WEB-INF目录,这个是web项目都该有的目录

在resources目录下创建templates目录,(可以是velocity的vm模板放置的地方)

好,接下来修改pom.xml,我直接贴一个最小配置

通过图上面的几个步骤,一个基本的maven项目就搭建完成了,接下来就是开始搭建SpringBoot中各种配置文件信息了。

  pox.xml


	4.0.0
	ppl.study
	spring-boot-demo1
	0.0.1-SNAPSHOT
	spring-boot-demo1
	spring-boot-demo1-BY PPL

	
		org.springframework.boot
		spring-boot-starter-parent
		1.4.2.RELEASE
		 
	
	
		UTF-8
		UTF-8
		1.8
	
	
		
			org.springframework.boot
			spring-boot-starter-web
		
		
			org.springframework.boot
			spring-boot-starter-test
			test
		
		
			org.springframework.boot
			spring-boot-starter-thymeleaf
		
	
	
		
			
				org.springframework.boot
				spring-boot-maven-plugin
			
		
	
  

解释:

  1.在pom.xml中引入spring-boot-start-parent,spring官方的解释叫什么stater poms,它可以提供dependency management,也就是说依赖管理,引入以后在申明其它dependency的时候就不需要version了,后面可以看到。

  2.因为我们开发的是web工程,所以需要在pom.xml中引入spring-boot-starter-web,spring官方解释说spring-boot-start-web包含了spring webmvc和tomcat等web开发的特性。

  3.如果我们要直接Main启动spring,那么以下plugin必须要添加,否则是无法启动的。如果使用maven 的spring-boot:run的话是不需要此配置的。(我在测试的时候,如果不配置下面的plugin也是直接在Main中运行的。)

步骤三:.配置resources下面的Web资源文件,这里我再配置两个文件,一个是用来存放静态文件夹的static文件,还有一个就是用来存放HTML的资源文件夹templates。


这里需要特别主要的是:static文件中一般存放css,js,image等静态资源文件,而templates文件中一般存放各种HTML文件。而且这两个文件都是默认存在的,路径不需要特别的配置就可以直接引用了。

application.properties是个配置文件,这里面可以配置SpringBoot的相关信息。大家需要注意的是这个文件名千万不要写错,也不要放错位置,不然都不会生效的。

#修改tomcat的默认的端口号,将8080改为8888  
server.port=8888 


下面看图示案例和代码案例: (修正:com.ppl.app包刪除,把DemoApplication.java移到controller包下)

搭建SpringBoot的web-mvc项目_第4张图片


DemoApplication.Java和HelloController.java具体代码:

package com.ppl.controller;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class DemoApplication {
	public static void main(String[] args) {
		SpringApplication.run(DemoApplication.class, args);
	}
}

package com.ppl.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HelloController {
	@RequestMapping("/index")
	public String index() {
		return "welcome";
	}
}

welcome.html具体代码:





Insert title here


	

welcome page is login.........


四、启动

这样SpringBoot的Web-mvc项目就已经搭建成功了,具体步骤就是这样的。run main函数。

还有一点需要主要的是:因为我已经把端口号给修改了,所以访问的时候地址就要写成 127.0.0.1:8888/index 。


备注:

运行我们的Application了,我们先介绍第一种运行方式。

第一种方式特别简单:右键Run As -> Java Application。之后打开浏览器输入地址:http://127.0.0.1:8888/ 就可以看到Hello world!了。

第二种方式右键project – Run as – Maven build – 在Goals里输入spring-boot:run ,然后Apply,最后点击Run。


搭建SpringBoot的web-mvc项目_第5张图片

搭建SpringBoot的web-mvc项目_第6张图片


浏览器访问:http://localhost:8888/index

搭建SpringBoot的web-mvc项目_第7张图片

处理静态文件

浏览器页面使用HTML作为描述语言,那么必然也脱离不了CSS以及JavaScript。
为了能够浏览器能够正确加载类似/css/style.css, /js/main.js等资源,默认情况下我们只需要在src/main/resources/static目录下添加css/style.css和js/main.js文件后,
Spring MVC能够自动将他们发布,通过访问/css/style.css, /js/main.js也就可以正确加载这些资源。

你可能感兴趣的:(WEB开发,SPRING-BOOT)