【JavaWeb】实训的长篇笔记（下）

---

八、功能实现

1、注册功能

• jsp：能够在页面中把数据动态化，jsp和html在元素标签上是无区别的，区别是html中写上java代码就成了jsp文件。filename.jsp。

  需要把html文件转换成jsp文件，以达到动态显示数据的目的。

<!-- jsp的文件头 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!-- 嵌入的java代码 -->
<% int i = 0;
%>

• 让类可以接收请求：extends HttpServlet；doGet, doPost，service都是可以接收前端请求的方法，可以重写它们！

  区别：前端发送的GET请求，则调用doGet方法；前端发送POST请求，则调用doPost方法。而service可以接收所有请求。

  • servlet2.x：以配置的方式来对应请求映射（更能理解原理）
  • servlet3.x：以注解的方式来对应请求映射

• java查看源码？

问题：怎么找到java类的源代码？

• 表单中的action和method，与方法及其注解相对应。

<form class="form-horizontal" action="register" method="post"></form>

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) {System.out.println("----dopost()----");
}

问题：试了好多次，后端好像一直收不到请求。后面又突然可以了，真是奇怪。

感受：到了Servlet，又给人一种强烈的黑盒感，你根本不知道它在干什么。也许我从来就没有很理解过Web。

问题：为什么要在doGet中调用doPost？前端用Get方法能正常将参数传递过来吗？

如何取得请求中的参数：

• 在前端，input的文本输入框（type="text"）需要设置name属性，相当于变量名。传输到后端之后，可以据此取出数据。

  input单选框(type="ratio")需要设置value属性。

• 在后端，使用request对象。

String nickName = request.getParameter("nickName"); // 参数均为String
int _sex = Integer.parseInt(sex); // String --> int

GET与POST：

• get：表单参数以明文方式，通过附加在ur后面l进行传递（不安全，有大小限制）。
• post：表单参数会隐藏，以打包的方式传递，相对安全，无大小限制。

问题：为什么post打包就相对安全呢？别人解包不就行了？

响应前端：

1. 请求转发：地址栏url不会改变，能够附带数据。
2. 重定向：url会变，不能附带数据。先根据form表单的action，到/register，然后再重定向到另一个页面。

// 请求转发，并附带两个参数
request.getRequestDispatcher("index.html").forward(request,response);
// 重定向(注册失败 --> 跳转到注册页面重新注册)
response.sendRedirect("register.jsp");

问题：在html的form表单中，如果使用post请求，则中文字符串无法正常得到；但改用get请求时是正常的。

----dopost()---- // 使用post请求
Users [id=0, nickname=??????, password=123456, sex=1]
----dopost()---- // 使用get请求
Users [id=0, nickname=hello, password=123456, sex=2]

问题（踩大坑一个）：在普通java代码中，可以注册成功；但是改成web项目运行，就会报错：java.lang.ClassNotFoundException: com.mysql.jdbc.Driver 。

web项目的代码是在Tomcat服务器中运行的，所以还需要将jdbc的jar包添加到磁盘tomcat服务器的lib目录下。

参考：servlet中调用JDBC报错：java.lang.ClassNotFoundException: com.mysql.jdbc.Driver_啥也不会的小学生的博客

显示错误消息：

• 传递信息：重定向不能附带数据，因此使用请求转发。
• <span></span> ：分块标签。
• ${info} ： 取request中的信息（一种快捷的方法）。

request.setAttribute("info", "网络原因，注册失败，请重新注册！");

记录：在前端提交空表单时，程序会寄。

2、登录功能

思路（一定要细化）：点击登录，进入登录页面，输入用户名和密码，点击登录按钮，把数据提交到servlet中，servlet中获取输入的用户名和密码，只需指定能否登录。控制器调用service要结果，service调用dao要数据。

步骤：

1. 获取登录信息
2. 调用service得到能否登录的结果
3. 响应：1）能登录，跳转到index.jsp；2）不能登录，跳转到login.jsp

• 在开发过程中，构造方法可以增加（重写），不要修改、删除（以防连锁反应）。

-- 只能提示“用户名或密码错误”，能查到数据就说明用户名密码正确。
select uid from users where nickName = 'zhangsan' and password = '123456';

• 注册时用户名也不能重复（暂时不处理）

问题：若登录窗口是弹出的新标签页，那登录后如何回到原来的页面，并显示成功登录的状态？

登录后显示用户名：

• request对象：作用域只是在当前请求中有效。

• 会话：当打开一个浏览器，就创建了一次会话。当浏览器关闭时，当前会话就结束了。

  会话对象：session ，作用域是整个会话。

request.getSession().setAttrivute("nickname", nickname);

<!-- 在index.jsp中取变量值 -->
${nickname}

问题：会话没有效果，在我的尝试中，它的作用域就和request.setAttribute()相同。使用重定向，或者打开新页面时，都无法显示用户名。只有使用请求得到的那个页面中才能显示用户名。

发现：存在浏览器的影响，当我从Edge更换为小白浏览器后，一切正常(尝试了各种qq、谷歌、华为等各种浏览器后，发现只有Edge存在这个问题)。

• 乱码问题：

  1. 确保mysql编码为utf-8
  2. 确保ide环境和文件的编码为utf-8
  3. 在代码中设置utf-8。
  • 如果是get方式提交，则需要修改tomcat 的编码。tomcat/conf/server.xml ，修改URIEncoding="UTF-8"
  • 如果是post方式提交，需要在请求设置下面的代码：

request.setCharacterEncoding("UTF-8");

• 判断登录状态：
  1. 引入jsp的标准标签库。
  2. 使用<c:if>标签进行判断。

<%@ taglib uri="http://java.sun.com/jsp.jstl/core" prefix="c" %><c:if test="${null == nickname}">...
</c:if>

问题（open）：引入标签库报错：Can not find the tag library descriptor for "http://java.sun.com/jsp.jstl/core" 。使用中说“ 将tomcat引入进去，才会有这个标签库 ”，如何引入？

公共页面的抽取：

• 创建header.jsp，将导航栏放入其中。然后在其它需要的页面引入。

<jsp:include page="header.jsp"></jsp:include>

感受：jsp的调用页面，与flask中的模板块方式还是有所不同。模板块是有一个base.html作为一个整体的统一结构，其它页面继承它并覆盖其中的一些块。

注销：

• 思路：把 nickname 从 session 会话中移除，移除后再导航栏中就不会再显示用户名，而是显示登录和注册。
• 创建类 LoginOutServlet。1）移除session中的nickname; 2）重定向到首页 index.jsp。
• 错误类型：1）404：请求或响应的路径错误；2）500：服务器代码错误。

<li><a href="logout">注销</a></li>

3、问题说明

1、启动服务器之后，项目访问不了

• 记得将项目部署到服务器里面。
• 项目部署路径：双击 tomcat --> Server Locations，可以查看、修改项目的部署路径。部署之后，即使你将原来的项目代码删掉，项目仍然可以运行。WEB-INF/（类路径）下是编译好的字节码。
• 访问路径：Properties for … --> Web Project Setting --> Context root。这里才是在浏览器访问项目所使用的名称，如localhost:8080/friends/index.jsp 。如果修改项目名称，而这里没变的话，使用新名称是访问不了的。

2、其它一些问题

• 数值格式化异常：尝试将非数字字符串转换为数字类型。
• 找不到主类：项目配置问题（jdk，版本）。
• jstl找不到：将jar包导进去就行。
• 找不到页面（404）：避免中文路径。有时会将中文编码、转码，比如有些网站中看到了%啥的。
• 代码错误（500）
• 数据库连接异常：根据自己的情况修改连接参数，正确导入依赖（jar包）
• 代码布局问题：多用 F12
• dao层的空指针异常：对 null 对象就无法调用相应的方法。
• 前端提交的数据，后端获取不到：注意表单控件名称。

4、首页数据显示

一进首页，就要能拿到数据，直接访问index.jsp是拿不到的。

思路：发送请求到 control，在 control 中获得推荐朋友的集合数据，再响应 index.jsp，然后 index.jsp 遍历数据。

（图片上传比较复杂，可以先直接在本地放两张用一下）

• 创建一个首页控制层，indexServlet.java，路径为/index。
• 服务层：getUsersByIndex(Users user)方法，根据用户的性别和状态进行查询。

-- 查询推荐朋友
select uid,nickname,photo,words from users where indexstatus=2 and sex=1 limit 8;

前端遍历数据： 使用 jsp 的标准标签库

<c:forEach items="${listboy}" var="user"><img src="img/${user.photo}" alt="..."><p>宣言：${user.words}</p>
</c:forEach>

注：${user.words} 相当于调用了 Users 类的 get 方法

老师说：许多人缺少独立思考的能力，不告诉一步步怎么做，就不会做。

• bug：uri 打错了

<!-- 错误的 -->
<%@ taglib uri="http://java.sun.com/jsp.jstl/core" prefix="c"%>
<!-- 正确的 -->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

问题：我在 blog_java 项目中是由 jstl 包的，但是在 myfriends 项目中不知道为啥没有。不过，把包贴过去之后就好了。

-- 全部设置为不推荐(2)
update users set indexstatus=1;

老师杂谈：了解北京，可以去上地，95%是IT；八王坟地铁站，非常挤；天通苑，一个小区400万人。这样的芸芸人海，害。

没有推荐数据时，提示系统暂无推荐：EL表达式如何判断集合是否为空

<c:if test="${empty list_friend}">集合为空
</c:if>

5、后台管理

后台登录：

• 思路：首页中点击导航栏中的“后台管理”，进入后台管理登录，登录后进入后台管理，进行用户信息管理。可以复用普通用户登录模块，减少冗余代码。

• 可以在数据库中指定 admin 账号，然后根据 uid、用户名来判断。作用是不用单独写管理员登录的control、service、dao代码。

<!-- 前端在不同的登录页面传递key相同但值不同的参数 -->
<!-- hidden表示不会在前端显示表单 -->
<input type="hidden" name="flag" value="1">

显示用户列表：与首页数据显示的思路类似。

注：response.sendRedirect 中的index.jsp都应该换成index。

• 获取所有用户列表：在services/IUsersServices

普通用户 - 个人中心：

• 显示性别：在数据库中，性别使用的是 int 类型。在前端可以使用${user.sex==1?"女":"男"} 。

感受：老师水平确实可以，页面简洁大气。

问题1：图片的上传比较麻烦，感觉可以先存一些图片，然后提供给用户选择，而不是让他自己上传？

问题2：修改信息时，用户信息的回显如何实现？

1. 从 session 会话中获取用户 id
2. 根据 id 查询当前用户的信息
3. 把对象传递给 userInfo.jsp

注释：try-fianlly中，不管 try 里面怎么写，最后 finally 都会执行，即使在 try 里面写了 return。

思路：设计前端页面时，先使用硬编码填充数据。写后端时再进行替换，实现静态数据的动态化。

• 信息未填写时，可以提示 “待完善”。

---

未完但完