First Web Project

1.out 用于向客户端输出数据，最常用的是 out.print();。需要注意的是 out.println() 或者 out.print("\n") 均不能实现在客户端的换行功能。接下来我们用一个简单的实验来学习 out 的用法。进入到 webapps 目录下。 cd /opt/apache-tomcat-8.5.54/webapps copy 使用以下命令获取一个项目包： wget https://labfile.oss.aliyuncs.com/courses/3254/JspProject.zip copy 下载之后，在我们的 index.jsp 中写入以下代码。 First Web Project <% out.println("hello"); out.print("world\n"); out.print("hello world"); %> ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664557338) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664815121) 2.在 Web 服务，在打开的页面地址中添加 /JspProject/，得到的运行结果如下图所示。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664658486) 3.在我们之前的项目中创建一个 register.jsp。在项目中创建 show.jsp 并写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664737391) 4.使用命令重启 Tomcat，并点击 Web 服务，在地址栏中新增 /JspProject/register.jsp 得到以下结果。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664956102) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663664959617) 5.当 method="post" 时，表示以 post 方式请求表单，请求后的地址为 ……/ JspProject/show.jsp。如果改为 method="get"，再次提交表单，地址栏显示的地址为 ……/JspProject/show.jsp?uname=李四&upwd=123&hobby=足球&hobby=篮球。说明：如果“ URL 地址传递 ”中的值是中文，而 JSP 页面编码是 UTF-8 时，则会显示乱码。原因是“ URL 地址传递”使用的是 get 方式传递数据，而 get 方式的默认编码是 ISO-8859-1，与 JSP 页面编码 UTF-8 不一致。解决方法就是将 get 方式提交的数据进行统一字符编码，详见后文。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663665015556) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220920-1663665018751) 二.JSP 内置对象 response 1.在我们创建于 Tomcat 中的项目里新建一个 login.jsp 并在其中写入以下代码： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160443609) 2.新建验证页 check.jsp，并写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160476799) 3.若登录成功则跳转成功页面，新建 success.jsp。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160507845) 4.启动Web服务 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160551458) 5.输入密码跳转 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160571516) 6.得出结论 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220926-1664160633443) 具体如下：在此可以将“请求转发”和“重定向”想象成以下情景。请求转发：张三去银行的 A 窗口办理业务，A 窗口的业务员发现自己办不了该业务，就将张三的业务请求转发给其他同事办理，最后将办理完的业务返回给张三。也就是说，张三只是给银行的 A 窗口发送了一次请求，而该业务办理人员之间的换人工作，是由银行内部处理的，即张三只发出了一次请求，更换窗口业务员（跳转）是银行的行为。重定向：张三去银行的 A 窗口办理业务，A 窗口的业务员发现自己办不了该业务，然后告诉张三应该重新去窗口 B 办理，张三收到该消息后，又重新向银行的窗口 B 再次请求办理业务，最终银行的窗口 B 处理完张三的请求，并将办理完的业务返回给张三。也就是说，张三分别向银行的窗口 A、窗口 B 各发送了一次请求（共 2 次请求），更换窗口业务员（跳转）是张三的行为。三.Cookie 的使用 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264803681) 1.在项目中新建登录页 login_cookie.jsp，并写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264843677) 2.创建客户端 temp.jsp，并写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264960047) 3.创建服务端 request_getCookies.jsp。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264985369) 4.先执行 response_addCookie.jsp，并在跳转后的页面 temp.jsp 里单击超链接，得到以下运行结果： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264990227) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664264993216) 5.在项目中新建登录页 login_cookie.jsp ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664265032842) 6.新建登陆验证页面 check_cookie.jsp，写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664265057368) 7.第一次访问登录页 login_cookie.jsp 时，先输入用户名 zhangsan 及密码并点击登录， ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664265098425) 之后如果再次访问登录页 login_cookie.jsp，就会看到页面已经保存了用户名，如下图所示。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220927-1664265105112) 四.Cookie 和 JSP 内置对象 session 1.Cookie Cookie 对象是先由服务器端产生，再发送给客户端（浏览器）的，并且浏览器会将该 Cookie 保存在客户端的某个文件中。也就是说，Cookie 技术能将服务器端的一些数据保存在用户使用的客户端计算机中。这样一来，用户下次就可以直接通过自己的计算机访问到该数据，而不必再访问服务器。因而 Cookie 技术可以提高网页处理的效率，也能减少服务器端的负载。但是由于 Cookie 是服务器端保存在客户端的信息，所以其安全性相对较差。 2.创建以下项目 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445737789) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445743459) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445749084) 得出结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445761695) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445764368) 可以发现，请求头信息中包含着多个 Cookie 对象，每个 Cookie 对象都是以“键=值”的形式存在的，并且键为 JSESSIONID 的 Cookie 对象是由服务器自动产生的。实际上，在客户端每次访问服务器时，服务器为了区分各个不同的客户端，就会自动在每个客户端的 Cookie 里设置一个 JSESSIONID，表示该客户端的唯一标识符。 3.创建以下项目 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445905326) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445915322) 得出的结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664445935480) 会议上一次输入名保存 4. 创建以下项目 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664446888257) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664446890918) 首先执行 cookieExpiry.jsp 来设置 Cookie 对象，如果在 60 秒以内运行 cookieExpiryResult.jsp，则运行结果如下图所示。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-16644如果超过 60 秒以后，再次运行 cookieExpiryResult.jsp，运行结果如下图所示。 46921079) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664446951112) 由上面两次运行结果可知，通过 setMaxAge(秒数) 可以设置 Cookie 对象的有效期。五.JSP 内置对象 session 当用户（浏览器）向 Web 应用第一次发送请求时，服务器会创建一个 session 对象并分配给该用户；该 session 对象中包含着一个唯一标识符 sessionId ，并且服务器会在第一次响应用户时，将此 sessionId 作为 jsessionId 保存在浏览器的 Cookie 对象中；这个 session 将一直延续到用户访问结束（浏览器关闭或用户长时间不访问 Web 应用）。当 Web 应用接收到用户的请求时，首先会检查服务器是否已经为这个用户（浏览器）创建过了 session 对象，具体是判断用户的请求中是否包含了一个 sessionId，如果包含 sessionId，则服务器就会通过这个 sessionId 找到对应的 session ，以确定是这个用户在访问服务器。而如果用户的请求中没有 sessionId ，则服务器会为该用户创建一个新的 session，并生成一个与此 session 对应的 sessionId，然后将 sessionId 随着本次响应返回给用户（在 Cookie 对象中）。 session 是存储在服务器端的（在用户第一次请求时，由服务器创建并用来保存该用户的 sessionId 等信息）。 session 是在多次请求间共享的，但多次请求必须是同一个客户端发起的（例如，同一个用户进行的购物操作）。 session 的实现机制需要先发标记给客户端，再通过客户端发来的标记（ jsessionId ）找到对应的 session。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20220929-1664447104390) 六.JSP 内置对象 appliapplication 对象是 javax.servlet.ServletContext 接口的实例化对象，代表了整个 Web 项目，所以 application 对象的数据可以在整个 Web 项目中共享，用法上类似于“全局变量”的概念。 application 对象的常用方法如下表所示： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221010-1665372086388) 1.创建 applicationDemo.jsp 文件，并写入以下代码。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221010-1665372106899) 2./JspProject/applicationDemo.jsp 得到以下运行结果。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221010-1665372134430) 七.四种范围对象的作用域 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475098401) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475102324) 八.pageContext 作用域 1.首先创建一个页面 pageDemo.jsp，然后通过 pageContext.setAttribute() 添加两个属性（每个属性都由键值对组成），再通过 pageContext.getAttribute() 将属性的值取出。 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475173900) 结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475206798) 2.代码以下 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475256525) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475259488) 3.结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475274133) 因为页面从 page_scope_one.jsp 通过请求转发跳转到 page_scope_two.jsp 后，就已经不再是同一个页面了，所以无法再通过 pageContext 对象获取到数据。九.request 作用域 1.代码 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475387793) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475395722) 2.结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475406524) 因为从 request_scope_one.jsp 到 request_scope_two.jsp 的跳转是“请求转发”，即仍然是同一次请求，而 request 的作用范围就是“在一次请求中有效”。但要注意，如果将上例的“请求转发”改为“重定向”或超链接形式的跳转，则不会再获取到数据。代码修改 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475474994) 因为 request 的作用范围是“在一次请求中有效”，而“重定向”或超链接形式的跳转，都是在跳转时重新发送了一次新的请求（重新去请求 request_scope_redirect_two.jsp ），因此是获取不到数据的。十.session 作用域从上个实验中我们知道 request 作用域为一次请求，如果请求发生了变化或是经历了重定向或超链接的跳转则会失效。如果希望在增加属性以后，能够在跳转后的任何页面（无论是请求转发、重定向或超链接跳转），甚至是项目中任何一个页面都能获取到该属性值，就可以使用 session 的作用域来实现。接下来我们将上个实验的作用域从 request 改为 session。 1.代码 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475553215) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475560646) 2.结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475596389) 从上图中可以看到，虽然“重定向”或超链接形式的跳转，会重新向服务器发送一次请求（重新去请求 request_scope_redirect_two.jsp ），但仍然可以从 session 的作用域中获取到属性值。当然，如果通过请求转发实现的跳转，也能通过 session 获取到属性值。也就是说，只要在 session_scope_redirect_one.jsp 中将属性（如 bookName 和 author ）增加到 session 中后，凡是同一个浏览器都可以获取到 session 中的该属性值；但如果换成其他浏览器，则就不能再在 session 中获取到该属性值了。可以联想一下平日的网购经验，如果通过火狐浏览器登录淘宝，那么只要登录一次以后，在短时间内即使重新开启一个火狐标签，也会以“已登录”的身份访问淘宝；但如果换成 IE 浏览器，则又会需要重新登录了。所以网站中的登录功能，可以通过 session 来实现。十一.application 作用域继续前个实验的讨论，如果想实现这样一个功能“只要在一个页面中增加了属性，那么即使重新换一个新浏览器，也要能访问到该属性值”，该如何实现呢？答案就是 application 的作用域 1.代码如下 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475752772) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475757450) 2.结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475800539) 即只要是通过 application.setAttribute() 增加的属性，那么任何浏览器的任何页面都可以获取到该属性值。但是如果将 Tomcat 服务器关闭，则 application 中的属性值就全部消失了。 3.代码如下 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475833255) 4.结果 ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid2141968-20221011-1665475844202) 之后，无论是刷新当前页，还是新开一个浏览器标签，或者打开一个其他浏览器再次访问，每访问一次，访问次数就会累加一次。需要说明的是，虽然四种作用域的大小依次是 pageContext < request < session < application ，但不能为了方便就随便使用范围较大的范围对象，因为范围越大造成的性能损耗就越大。因此，如果多个作用域都能完成相同的功能，一般会使用范围小的那个对象。十二.小结通过本实验的学习，我们了解到： JSP页面中的九大内置对象分别是 out、request、response、session、application 五个常用的内置对象及 Cookie 的使用方法，然后再讲解 pageContext 、request、session、application。客户端请求信息被 Tomcat 封装到 request 对象中，因此 JSP 等服务器端应用程序可通过 request 获取请求参数等重要信息；服务器端的响应信息则被封装到 response 对象中，因此 JSP 等服务器端应用程序可通过 response 设置 Cookie 等重要信息。 JSP 内置了四种范围的对象，注意 pageContext 对象中的内容“在当前自身页面范围内有效”； request 对象中的内容“在一次请求过程中有效”；session 对象中的内容“在同一个浏览器一段时间内有效或者说一次会话内有效”；application 对象中的内容“在整个服务期内有效”。在客户端与服务端交互时，Cookie 对象用于存储客户端的状态，而 session 对象用于存储服务端的状态。当客户端向 Web 应用第一次发送请求时，服务器会创建一个 session 对象并分配给该用户；该 session 对象中包含着一个唯一标识符 sessionId ，并且服务器会在第一次响应用户时，将此 sessionId 作为 jsessionId 放入 Cookie 对象中，客户端接收到该 Cookie 后会在以后的每次请求头中携带 jsessionId ；这个 session 将一直延续到用户访问结束。

“【1+X】Java Web 应用开发”实验报告