首语:用SpringMVC和thymeleaf实现一个简单的应用,包括基本环境搭建,SpringMVC4和thymeleaf3的整合,页面参数的获取,页面参数验证,以及用MySQL保存数据。我会把步骤以及过程当中可能会遇到的问题写详细一些,其中的命名规则以及程序结构不一定符合真正的开发标准。内容很简单,仅供参考。

关于spring和thymeleaf这里不做介绍。如果你还不了解,请参照:
1: Spring:www.spring.io
2: thymeleaf:www.thymeleaf.org

我的开发环境:
ubuntu16.04 LTS 64位;
jdk1.8.0_112;
eclipse for Java EE.neon.1a release(4.6.1);
apache-tomcat-9.0.0.M11;
friefox49.0.2;
spring4.3.3;
thymeleaf3.0.2;
mysql5.7.16;

篇一、基本环境搭建,从Hello Monkey!开始

1:新建一个 Dynamic Web project

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

2: 设置项目属性

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

3: next->web module属性

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

4: 点击finish完成,最后生成的项目结构图大概是这个样子

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

5: 我们看看自动生成的web.xml里面都有什么内容

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

下一篇我们会对这个文件做修改配置。有同学问,那个welcome file list是怎么回事?本篇末尾解释。

6: 在WebContent目录下新建一个index.html,修改其内容:title修改为zoo,body里面写上Hello Monkey!

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

7: 项目浏览窗口zoo上鼠标右击,下拉菜单->Run As->Run on Server

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

如果你还未配置server请参照篇末。

8: 选中红框内容(选中后只要每次启动tomcat就会启动本应用),并一路next

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

9: 你的eclipse里面是不是出现了Hello Monkey!

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

10: 当然你也可以打开浏览器输入地址:http://localhost:8080/zoo/

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

好吧,我承认,以上内容都没涉及到一点点的spring和thymeleaf,但这就是我们最基本的环境,有了基础以后我们就可开始下一篇的springMVC与thymeleaf的整合。

扩展:

1: 如果你还未在eclipse中把tomcat整进来,可参照如下操作:
window->Preferences->Server->Runtime Environments->Add...
根据tomcat版本选择:

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

一路next:

SpringMVC4+thymeleaf3的一个简单实例(篇一:基本环境)-LMLPHP

指定tomcat安装路径,点击finish完成!
如果你的eclipse底部没有Servers窗口,请点击eclipse顶部菜单:Window->Show View->Servers;
在Servers窗口里点击鼠标右键:New->Server,选择你配置好的tomcat即可。

2: 关于welcome file list:
顾名思义,这里配置的是欢迎页面,也就是首页面。web 容器会根据这些规则从web应用的根目录下查找文件名匹配的文件,如果存在就显示此页面,不存在那就直接404啦。
举例:我把规则设定为

<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>

如果web应用的根目录(本应用是WebContent目录)下有index.html这个文件,那么在浏览器中访问http://localhost:8080/zoo/和访问http://localhost:8080/zoo/index.html都会显示index.html文件的内容。
如果在浏览器下输入http://localhost:8080/zoo,根目录下有多个欢迎页面会显示哪个呢?比如有index.html和default.html两个,web容器会咋办呢?你猜!
hehe,她会显示index.html,因为在我们的规则中index.html排在default.html前面,也就是说welcome-file-list是有顺序的,web容器会按顺序查找,一旦找到会忽略后面的。

END.

05-06 07:56