SpringMVC4+thymeleaf3的一个简单实例（篇一：基本环境）

首语：用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



2: 设置项目属性



3: next->web module属性



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



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



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

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



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



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

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



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



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



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

扩展：

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



一路next：



指定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.