立即登录 马上注册
首页 › 开发帮助文档 › 网络安全 › 【WebServerProgramming】Ch.3 初遇JSP程序

赞

评论

收藏

【WebServerProgramming】Ch.3 初遇JSP程序

网络安全 网络安全 发布于：2021-07-13 17:36 | 阅读数：660 | 评论：0

　　Servlet和JSP　　起初，Web服务非常简单，网页就是单纯的网页，没有很多复杂的功能。那时候的web服务其实就是单纯的传递客户端与HTML文件之间的数据，随着不断地开发，计算机网页已经不仅仅局限于浏览，而是功能越来越全面强大的应用。从而web服务将数据进行一定程度的运算，然后再返回给客户端。
　　这个过程的雏形就是Servlet的。Servlet（小型应用程序，小服务程序）最早是由Java编写的。为了替代CGI(公共网关接口)，速度慢且内存要求高的PHP/ASP等语言开始出现。而JSP是使用PHP相似的形态，与HTML位为中心的java程序连接。
DSC0000.png
如图所示，JSP与Servlet比较而言，一个是要求Java与HTML都要会，一个只需要HTML，以及极少部分的Java格式就能够编写，上手简单，且JSP可以在HTML格式里调用Java方法，从而使HTML的功能得到扩展。
　　JSP的特点：

  • 可是使用所有Java 的功能，因此Java 的更新意味着JSP的更新，发展空间非常大
  • 用Servlet处理的程序可以用记事本打开，对于用户而言也能够根据需求圆滑处理一些事务。
  • JSP和一些Servlet之间的数据可以很简单的共享
  • 可使用Beans。(Java组件）
  • 可以使用类似JSTL(JSP Standard Tag Library)的tag数据库，即便不使用Java代码，也有很多标签可以实现功能
  • 可以结合多种框架（Spring，MVC .etc）来处理事务
　　基础要求：要求对HTML5,CSS,JS有基础知识储备
进阶要求：对Java,Servlet，JDBC有知识储备
高级要求：DB，XML,Mobile Programming，Framework

JSP处理过程
DSC0001.png


  • 客户端输入URL
  • DNS解析
  • 返回IP地址
  • 使用IP地址访问JSP（web服务器在JSP内部）
  • 返回HTML网页

Servlet内部处理过程
DSC0002.png
JSP和Servlet有差别。JSP是像HTML一样的简单的文本文件结构，而Servlet是由JAVA代码编写的，JSP通过Servlet容器的代码编写成类文件（Java文件）来处理事务


  • JSP接收来自客户端的请求
  • 确认是否有对应请求的Servlet文件，如果有则执行该文件；如果没有则将该JSP编码成Servlet文件并装到Servlet容器中，然后执行该文件
  • 如果有需要传输给数据库进行操作的要求，则传输给数据库，否则直接返回
　　JSP文件比起一般文档文件，是 由HTML的标签代码和Java代码的混合版。举个例子，当有一个jsp文件第一次被执行，由于不存在对应的类，所以会创建一个同名类。然后到内存中运行，然后生成对应的实例（ instance/实体变量）。然后开始处理用户的请求，使用的_jspServer（）方法。执行完毕或出现异常中断时，容器会结束并执行jspDestory（）方法销毁内存的jsp文件。
　　JSP凭借容器将本身的混合代码转化到java代码，以Servlet的形态运行。在JSP生命周期结束后被销毁，但是其转换的java代码常驻于容器，当再次调用未改动的JSP文件时，不需要重新编码，直接进入内存执行。
　　基于Bean的JSP处理过程
DSC0003.png

  • 根据浏览器传来的请求处理，如果是HTML则直接返回HTML网页。如果是JSP则进入下一步
  • JSP进入容器，然后利用useBean方法访问Bean类
  • 如果需要的话，访问数据库并进行相关数据库的操作
  • 否则调用对应的JSP，处理完请求后，返回客户端
  • JSP进入容器后，可能有其他JSP正在使用beans，需要等待
HelloWorld.jsp　　1.在该路径下创建一个新的文件夹，文件夹名就是对应的web服务名。这里更应该说是实验，毕竟Helloworld是每个程序的基础
DSC0004.png
　　2.编写代码，如图
DSC0005.png
　　3.startup Tomcat的批处理文件，然后登陆本地8080端口
DSC0006.png
4.登录后按照创建的目录文件夹输入地址打开对应jsp文件
DSC0007.png
DSC0008.png
就可以看到我们的结果图。
　　5.找到生成的Java文件
DSC0009.png
运行成功后，我们可以在work文件夹下，如图所示的级联里找到对应的java文件。
DSC00010.png
可以找到被编译成Java语言的JSP内容。
计算器（Bean&Code）　　cala1：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
// 변수설정
int result = 0;
// 웹페이지 요청이 post 인 경우에만 수행 즉 form 을 통해 전달된것만 수행
// 초기 로딩시 오류방지
if(request.getMethod().equals("POST")) {
// 연산자를 가지고 옴.
String op =  request.getParameter("operator");
// 문자열 형태로 전달된 인자들을 int 로 변환함.
int num1 = Integer.parseInt(request.getParameter("num1"));
int num2 = Integer.parseInt(request.getParameter("num2"));
// 각 연산자별 처리
if(op.equals("+")) {
result = num1+num2;
}
else if(op.equals("-")) {
result = num1-num2;
}
else if(op.equals("*")) {
result = num1 * num2;
}
else if(op.equals("/")) {
result = num1 / num2;
}
}
%>
<HTML>
<HEAD>
<TITLE>ch03 : 计算器 </TITLE>
</HEAD>
<BODY>
<div align="center">
<H3>计算器</H3>
<HR>
<form name=form1 method=post>
<INPUT TYPE="text" NAME="num1" width=200 size="5">
<SELECT NAME="operator">
<option selected>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</SELECT>
<INPUT TYPE="text" NAME="num2" width=200 size="5"> 
<input type="submit" value="运算" name="B1"> <input type="reset" value="重新输入" name="B2">
</form>
<HR>
计算结果: <%=result %>
</div>
</BODY>
</HTML>
DSC00011.png
界面如上（中文部分换成了韩语）。这是一个很简单的运算符重载的Java代码。且可以直接通过浏览器地址来访问。

　　cala2:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%-- CalcBean 生成一个calc类接口 --%>
<jsp:useBean id="calc" class="jspbook.ch03.CalcBean"/> 
<%-- 通过调用calc 对象的setter方法来传递数据 --%>
<jsp:setProperty name="calc" property="*" />
<%-- 调用计算机方法 --%>
<% calc.calculate(); %>
<HTML>
<HEAD>
<TITLE> 计算机 </TITLE>
</HEAD>
<BODY>
<div align=center>
<H3>ch03 :计算机</H3>
<HR>
<form name=form1 method=post>
<INPUT TYPE="text" NAME="num1" width=200 size="5">
<SELECT NAME="operator">
<option selected>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</SELECT>
<INPUT TYPE="text" NAME="num2" width=200 size="5">
<input type="submit" value="计算" name="B1"> <input type="reset" value="重新输入" name="B2">
</form>
<HR>
计算结果 : <jsp:getProperty name="calc" property="result" />
</div>
</BODY>
</HTML>
　　但是，这个代码制成的jsp网页却无法直接访问。原因是没有Bean的存在。
DSC00012.png
比较二者的区别：
DSC00013.png
对于Calc1，功能由本身的代码实现，而Calc2只是提供了接口，具体的事务处理功能在Bean中进行。他们的区别是后者，可以实现对其他JSP项目的请求，当有需要时，其他JSP项目也能够通过该Bean内的类接口来实现对应的功能。
　　下一步来配置这个Bean的环境。首先是Bean的代码：
public class CalcBean{

private int  num1,num2;
private String operator="";
private int result;

public void calculate() {
if(operator.equals("+")) {
result = num1 + num2;
}
else if(operator.equals("-")) {
result = num1 - num2;
}
else if(operator.equals("*")) {
result = num1 * num2;
}
else if(operator.equals("/")) {
result = num1 / num2;
}
}

public void setNum1(String num1) {
this.num1 = Integer.parseInt(num1);
}
public void setNum2(String num2) {
this.num2 = Integer.parseInt(num2);
}
public void setOperator(String operator) {
System.err.println("## "+operator);
this.operator = operator;
}

public int getResult() {
return result;
}
}
　　cd 目录
javac -d . -encoding UTF-8 CalcBean.java
编译这段的java类文件即可
DSC00014.png
就会在对应路径下生成类文件了
DSC00015.png
然后创建新文件夹在指定路径下，命名为WEB-INF。在该文件夹里新建classes文件夹。
DSC00016.png
　　将刚刚编译获得的文件夹（内含路径如下图所示）
DSC00017.png
放在指定目录下，然后就可以运行calc2.jsp了。
DSC00018.png
运行结果与calc1相同，只不过实现方式变了。

　　
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
866 经验
864 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2024  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2