web 前后台数据交互的方式

小灰灰 2022-01-14 19:49 419阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

做web开发，很重要的一个环节就是前后台的数据的交互，数据从页面提交到contoller层，数据从controler层传送到jsp页面来显示。这2个过程中数据具体是如何来传送的，是本节讲解的内容。

首先说一下数据如何从后台的contorller层传送到页面jsp上。

![05090240_Wx73.jpg][]

如上图，在使用struts的情况下上图就是我们在jsp页面上能获取到的对象，我们想将后台数据传到jsp必须将这些数据放到这些对象中才行。

那么我们就有2种方法了，一种是放到request对象里面作为一个属性，例如：request.setAtribute(“别名”,对象名);

还有一种方法 就是存放到valueStack里面去。 我们只需要在外面的action里面设置一个属性值，写上set和get方法，在我们进行业务逻辑处理的时候为该属性值赋值，那么stutrts就会自动将我们这个action中的属性值放到valueStack里面去，并最终传送到jsp页面上。

到了jsp后，我们如何显示呢？

以前有通过java代码来显示的，但那样不好，jsp 2.0以后就不允许直接在jsp页面上写java 代码了，取而代之的是EL，也就是表达式语言。

下面具体聊聊jsp中用于显示的EL。

jsp 2.0 EL：

jsp 2.0的EL 规定，可以在jsp页面上通过${属性名}这样的语法来访问传送到页面上的对象的属性值。

并且提供了内置的一些对象方便用户访问不同范围内的属性值：

`• 如果在不同的属性范围内，保存了同一个属性的话，按照page-request-session-application进行优先顺序输出级别最高的那个`

例如，url 后面接的参数，在页面上可以通过${param.*}获取到。

在后台通过request.setAttribute("all",all);设置的值，在页面上可以通过${all[0]}得到(假设all是一个list类型)，如果是map则使用

，如果只是一个对象，那么可以使用

${all.属性}.

`内置的11个隐含对象：`

`为方便的获得WEB应用程序的相关数据,EL表达式语言定义了一些隐含对象。隐含对象共有11个对象，(JSP中具有9个隐含对象,EL比JSP中具有更多的隐含对象，这样EL比JSP更方便的获取数据) 使用这些对象可以很方便的访问Web 程序数据。`

`隐含对象包括Session(获得当前web程序的Session值),cookie(获得WEB程序的Cookie值),header,headerValues(获得用户的Http数据访问头部信息),Param和ParamValues(获得用户提交数据参数)等。`

`使用${隐含对象名称["元素"]} 就可以获得这个值了,例如${header("host")} 可以显示http头部中host的值,${param("username")},可以获得显示用户表单提交的用户. 使用${empty(param("username")} 可以判断用户提交表单是否为空等。(这样比jsp1.2中使用request.getParamter("username") 要简化和方便很多了)`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`隐含对象及隐含对象访问实例`

`EL 表达式定义了11个隐含对象,使用这11个对象可以很方便的读取到session,cookie,HttpHeader,用户提交表单(param)等`

`隐含对象 内容`

`applicationScope 应用程序范围内的scoped变量组成的集合`

`cookie 所有cookie组成的集合`

`header HTTP请求头部，字符串`

`headerValues HTTP请求头部，字符串集合`

`initParam 全部应用程序参数名组成的集合`

`pageContext 当前页面的javax.servlet.jsp.PageContext对象`

`pageScope 页面范围内所有对象的集合`

`param 所有请求参数字符串组成的集合`

`paramValues 所有作为字符串集合的请求参数`

`requestScope 所有请求范围的对象的集合`

`sessionScope 所有会话范围的对象的集合`

`下面是获取HTTP访问头部数据和用户提交数据的示例`

`EL表达式 运算结果`

`${header["host"]} 这里得到HTTP连接头部的host值`

`${header["accept"]} 这里获得HTTP头部的accept值`

`${header["user-agent"]} 这里获得HTTP头部的user-agent值`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`访问应用程序数据`

`除了可以方便的访问内置的隐含对象外,EL还可以方便的到应用程序数据,访问应用程序数据使用两种方式 . (点号运算符)访问对象的属性，也可以使用[] 来访问数组元素(实际上EL中访问隐含对象数据也是使用这两种方式的)`

`表达式${data}表示名为data的scoped变量。可以使用点号（.）或方括号（[]）运算符从集合中检索属性值：(两种数据访问方式演示)`

`点号运算符用于访问命名的属性，比如表达式${customer.name}表示scoped变量customer的name属性；`

`方括号运算符可用于检索命名的属性，比如在${customer[“name”]}中。也可以通过${customers[0]}的形式来访问集合customers中的第一项。`

`EL表达式语言同时还统一了对点号和方括号运算符的处理，因此${customer.name}与${ customer[“name”]}是等价的。`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`以下可以读取用户提交的信息,假设用户提交信息为 ?name=myname&alies=now.net.cn(这里有两种访问方式,一种是使用[]来进行访问,另外一种是使用"."来进行访问，两种访问效果是一样的。)`

`${param["name"] } myname ${param.name} myname ${param["alies"] } now.net.cn ${param.alies} now.net.cn`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`访问应用程序数据需要进行以下几个步骤：`

`1.编写public类的static public 方法，只有static public的方法才能被标记表达试访问。`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`JSP2.0中定义和使用函数`

`表达式语言允许你定义可在表达式中调用的函数。函数必须作为public类中的public static方法编写。同时要将文件映射到TLD标志库文件中。`

`为了说明函数的使用，我们举一个简单的例子，把两个数相加。首先要编写求两数之和的Java方法代码，如代码示例所示，这里定义了一个静态方法，它接收两个字符串参数，把它们解析成整数并返回它们的和。`

`示例文件:Compute.java`

`package jsp2.examples.el; import java.util.*; public class Compute { public static int add(String x, String y) { int a = 0; int b = 0; try { a = Integer.parseInt(x); b = Integer.parseInt(y); }catch(Exception e) {} return a + b; } }`

`用javac把这段代码编译成功后，下一步就要把函数的签名映射到标签库。`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`2.将方法映射到TLD表中`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`配置标记库描述文件 函数描述符`

`< function> < description>add x and y< /description> < name>add< /name> < function-class>jsp2.examples.el.Compute < /function-class> < function-signature>int add(java.lang.String,java.lang.String) < /function-signature> < /function>`

`现在我们就可以编写一个JSP页面来使用这个函数。代码示例5是包含两个字段的一个表单，用户输入两个数字并按下“求和”按钮，就会调用上面的函数并把两个数相加，结果在同一个页面中显示出来。`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`3.在JSP页面中调用要引用的Taglib标记,然后就可以在jsp页面中访问了。`

`－－－－－－－－－－－－－－－－－－－－－－－－－－－－`

`代码示例5: math.jsp`

`< %@ taglib prefix="my" uri="http://jakarta.apache.org/tomcat/jsp2-example-taglib %> < HEAD> < TITLE>Functions< /TITLE> < /HEAD> < BODY> < H3>Add Numbers< /H3> < P> < FORM action="math.jsp" method="GET"> X = < input type="text" name="x" value="${param["x"]}"> < BR> Y = < input type="text" name="y" value="${param["y"]}"> < input type="submit" value="Add Numbers"> < /FORM> < P> The sum is: ${my:add(param["x"],param["y"])} < /BODY> < /HTML>`

上面 说的都是jsp EL，其实它还可以和JSTL 标签结合起来使用， 也就是说 放在JSTL的value属性中来使用。

大家需要注意的是，要把Jsp EL和ONGL的表达式区别开来，这2者很类似，但是在一般的jsp页面中使用的其实都是jsp 的

EL。

下面说说，页面数据如何提交后台，页面的form里面的数据都是通过request对象 传送到后台的，在后台可以通过 request.getPArameter("a")；来得到前台页面传入的值。 在使用struts的情况下，struts 还会将这些放入到request的值取出来，自动映射到action的 同名属性上去，所以 ，我们也可以直接通过在action里面设置和页面form里面的域同名的属性来直接使用struts为我们自动填充进去的页面提交值了，这样比通过

request.getPArameter("a")；要方便很多。

${all[‘id’]}

转载于:https://my.oschina.net/abbchina/blog/652491

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/52f73277bc474aed91a1cc60d5202548.png
[05090240_Wx73.jpg]: /images/20220114/4b2e915f7497428d8562c99115dcabef.png