目录
1. 页面展示
2. 静态页面设计
3. 使用Thymeleaf改造HTML
4. 准备工作
5. 功能设计
5.1 数据库设计
5.2 数据库表对应的实体类
5.3 监听器
5.4 数据库工具类
5.5 创建MessageServlet类
5.6 数据库逻辑处理
6. 项目源码
1. 页面展示
输入谁想对谁说的话，点击提交，内容就会显示在下方，如下所示：
2. 静态页面设计
HTML代码
CSS样式代码
JS代码
缺陷及改进
上述只是静态页面，也就是无论何时访问，页面都不会改变，并且上次提交的表白信息在下次访问时就会消失，所以我们需要制作成服务器版表白墙，也就是每次访问的时候所有的表白消息都可以展示出来，即访问时从数据库查询消息展示在前端，输入消息点击提交保存在数据库以后并展示在前端
3. 使用Thymeleaf改造HTML
我们采用form表单的提交方式，请求方法为post请求，展示的表白消息使用Thymeleaf对其改造，改造后的代码如下：
4. 准备工作
创建Maven项目后，在pom.xml中添加依赖
- 后端使用Servlet进行开发
- 使用模板引擎
- 数据库使用Mysql
- 引入单元测试框架，做某个功能的测试
java编程基础网页
创建相关的包
引入前端资源
5. 功能设计
5.1 数据库设计
分析：页面上将展示多条消息，每条消息都要从数据库中查询，并且输入消息点击提交后，会将消息保存在数据库，消息总共有三个字段，分别是谁，对谁，说什么，所以我们要创建一个message表，存放消息
5.2 数据库表对应的实体类
5.3 监听器
说明：TemplateEngine和ServletContextTemplateResolver的创建和初始化只执行一次，所以采用监听器的设计模式监听ServletContext的创建，ServletContext在Tomcat启动时自动创建，在Tomcat关闭时自动消失，所以在ServletContext创建的时候自动执行引擎和解析器的逻辑代码，将引擎写到ServletContext中，后续的Servlet直接从ServletContext中获取引擎即可
5.4 数据库工具类
提供获取数据库连接，统一释放资源
5.5 创建MessageServlet类
创建MessageServlet类，注解为@WebServlet("/message")，继承HttpServlet，重写doPost方法
- 解析请求，设置请求编码格式，获取到三个输入框内容，from，to，content
- 创建一个Messge实体类重写toString方法，提供Setter和Getter方法
- 将from，to，content设置到一个Message对象中，然后将这个对象插入到数据库中
- 插入到数据库中后，还要在前端展示出来，即每次访问message路径的时候都要在数据库中查询所有的消息，并展示在前端，故要重写doGet方法，在doGet方法中做对应的逻辑处理
- 在doGet方法中，设置响应编码格式，从ServletContext中获取引擎，创建web上下文，设置动态参数键为messages，值为从数据库中查询到所有消息的集合，整合模板和数据，将整合后的字符串写给前端，由浏览器渲染
- 在doPost方法中调用doGet方法是为了每次提交完后都要将消息展示在前端，因为和前面是相同的逻辑，所以直接调用doGet方法
上述涉及到往数据库插入消息和从数据库查询消息的逻辑，这两个逻辑将在MessageDao中展示
5.6 数据库逻辑处理
6. 项目源码
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.bianchenghao6.com/h6javajc/26093.html