暑期生活学习笔记

一、本周学习内容
本周学习重点围绕 Java Web 基础开发技术 展开，主要包括 HTML（JSP）、CSS 以及 Servlet 的基本应用。通过理论学习与实践操作相结合的方式，逐步搭建起一个简单的 Web 开发框架。
（一）HTML 与 CSS 前端页面开发
HTML 静态页面设计
学习了 HTML5 的基本语法和结构，重点掌握表单（

）的使用，包括输入框（）、按钮（）等元素的属性设置。设计了一个简单的登录页面（login.html）和注册页面（register.html），包含用户名、密码输入框以及登录/注册按钮。
为表单添加了基本的验证功能，如必填项验证和密码长度限制，通过 HTML5 的 required 和 pattern 属性实现。
CSS 样式设计
深入学习了 CSS 的选择器、盒模型以及布局方式。使用 Flexbox 布局实现页面的响应式设计，确保页面在不同屏幕尺寸下（如手机、平板、桌面）都能保持良好的显示效果。
为登录和注册页面设计了简洁的样式，包括字体、颜色、边距等，提升了页面的视觉效果。同时，通过媒体查询（@media）实现了页面在不同断点下的样式调整。
（二）Servlet 后端开发
Servlet 基础
在 Eclipse 中创建了一个 Dynamic Web Project，学习了 Servlet 的生命周期，包括初始化（init()）、服务（service()）和销毁（destroy()）方法。
编写了一个简单的 LoginServlet 类，继承自 HttpServlet，并重写了 doPost() 方法。在该方法中，接收前端表单提交的用户名和密码，通过 request.getParameter() 获取数据，并进行简单的验证。
设置请求和响应的编码格式为 UTF-8，解决中文乱码问题。通过 response.setContentType("application/json;charset=UTF-8") 设置响应头，返回 JSON 格式的响应数据，如 { "code":0, "msg":"success" }。
Tomcat 部署与测试
将项目部署到本地的 Tomcat 9.0 服务器上，通过浏览器访问登录页面，提交表单后验证后端逻辑是否正常工作。
使用 Postman 工具测试 LoginServlet 的接口，确保能够正确处理 POST 请求并返回预期的 JSON 数据。
（三）数据库基础
SQL Server 2019 安装与配置
在本地安装了 SQL Server 2019，并成功创建了一个名为 campus 的数据库。
设计了一个用户表（user），包含字段：id（主键，自增）、username（用户名，字符串类型）、pwd（密码，字符串类型）。通过 SQL Server Management Studio 插入了三条测试数据。
JDBC 基础学习
学习了 JDBC 的基本概念和使用方法，包括加载驱动、建立连接、执行 SQL 语句以及关闭资源。
编写了一个简单的 Java 程序，通过 JDBC 连接到本地的 campus 数据库，查询 user 表中的数据，并打印结果到控制台。
二、下周计划
JSP 与 JSTL 学习
将本周的静态 HTML 页面升级为 JSP 页面，引入 JSTL 标签库，实现动态内容的展示。
学习 JSP 的内置对象和作用域，掌握如何在 JSP 页面中嵌入 Java 代码，以及如何通过 EL 表达式简化代码。
Servlet 与 JDBC 集成
在 LoginServlet 中集成 JDBC，实现用户登录时从数据库中查询用户名和密码，并进行验证。
学习如何处理数据库连接池，提高数据库访问效率，确保系统的性能和稳定性。
项目优化与调试
对本周的代码进行优化，包括代码结构的调整和性能的提升。
使用 Eclipse 的调试工具对项目进行调试，查找并修复潜在的错误，确保项目的稳定运行。
三、本周遇到的问题及解决方法
中文乱码问题
问题描述：在提交表单数据时，后端接收到的中文字符显示为乱码。
解决方法：在 doPost() 方法中，首先设置请求的编码格式为 UTF-8，即 request.setCharacterEncoding("UTF-8")。同时，设置响应的编码格式为 UTF-8，通过 response.setContentType("application/json;charset=UTF-8") 确保返回的 JSON 数据不会出现乱码。
Tomcat 启动缓慢问题
问题描述：启动 Tomcat 时，等待时间过长，CPU 占用率较高。
解决方法：发现是 Windows Defender 实时扫描 war 包导致的。将 Tomcat 的安装目录和项目目录添加到 Windows Defender 的白名单中，避免其进行不必要的扫描，启动时间显著缩短。
CSS Flexbox 布局问题
问题描述：在使用 Flexbox 布局时，input 元素的高度在垂直居中时出现塌陷。
解决方法：将 input 元素的 display 属性从默认的 inline 改为 block，并设置合适的 line-height，解决了高度塌陷的问题。
四、总结与反思
本周的学习重点在于打牢 Java Web 开发的基础，通过实际操作掌握了 HTML、CSS、Servlet 以及数据库的基本应用。虽然过程中遇到了一些问题，但通过查阅资料和调试，成功解决了这些问题，积累了宝贵的实践经验。
在下周的学习中，我将继续深入学习 JSP 和 JSTL 的应用，进一步完善项目的前端展示逻辑。同时，将重点放在 Servlet 与 JDBC 的集成上，实现用户登录功能的完整闭环。通过不断优化代码和调试项目，逐步提升自己的开发能力，为后续的学习打下坚实的基础。