八、功能实现
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打包就相对安全呢?别人解包不就行了?
响应前端:
- 请求转发:地址栏url不会改变,能够附带数据。
- 重定向: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要数据。
步骤:
- 获取登录信息
- 调用service得到能否登录的结果
- 响应: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存在这个问题)。
乱码问题:
- 确保mysql编码为utf-8
- 确保ide环境和文件的编码为utf-8
- 在代码中设置utf-8。
- 如果是get方式提交,则需要修改tomcat 的编码。
tomcat/conf/server.xml
,修改URIEncoding="UTF-8"
- 如果是post方式提交,需要在请求设置下面的代码:
request.setCharacterEncoding("UTF-8");
- 判断登录状态:
- 引入jsp的标准标签库。
- 使用
<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:修改信息时,用户信息的回显如何实现?
从 session 会话中获取用户 id
根据 id 查询当前用户的信息
把对象传递给 userInfo.jsp
注释:try-fianlly中,不管 try 里面怎么写,最后 finally 都会执行,即使在 try 里面写了 return。
思路:设计前端页面时,先使用硬编码填充数据。写后端时再进行替换,实现静态数据的动态化。
信息未填写时,可以提示 “待完善”。