本周学习

这周是期末考试周，没太多的学习时间，不过还是抽空了解些前端的知识。

一、HTML/CSS：页面的骨架与衣服
复习到Java Web时意识到，前端页面离不开HTML和CSS这对基础组合：
HTML 负责页面结构，像搭积木一样用标签定义内容位置。比如一个登录页面的骨架：

    <!-- 结构示例：登录框  -->
  <div class="login-container">
      <h2>欢迎登录</h2>
      <form>
          <label>用户名：</label>
          <input type="text" name="username">
          <label>密码：</label>
          <input type="password" name="password">
          <button type="submit">登录</button>
      </form>
  </div>

CSS 则是控制字体、颜色、边距等样式。比如让登录框居中并加个阴影：

    .login-container {
      width: 300px;
      margin: 50px auto; / 水平居中 /
      padding: 20px;
      box-shadow: 0 0 10px #ccc; / 浅灰色阴影 /
      border-radius: 8px; / 圆角 /

二、JavaScript：让页面“活”起来
静态页面太枯燥，用 JavaScript 添加简单交互，比如实时显示当前时间：

<p id="time-display">当前时间：</p>
<script>
    function updateTime() {
        const now = new Date(); // 获取当前时间
        document.getElementById("time-display").innerText = "当前时间：" + now.toLocaleString();
setInterval(updateTime, 1000); // 每秒更新一次

</script>

三、关联到Java后端的启发
虽然这周重点在前端，但想到之前学的Servlet和JSP，突然明白它们如何配合了：
前端表单提交的数据（如<input>内容），通过

提交到后端；
Java的request.getParameter("username")就能拿到前端数据。
代码片段联想：

// 后端Servlet片段 (配合前端表单)
protected void doPost(HttpServletRequest request, HttpServletResponse response) {
    String username = request.getParameter("username"); // 获取前端输入
    // ... 验证逻辑
}