文档章节

web 前后台数据交互的方式

inidcard
 inidcard
发布于 2016/04/05 09:02
字数 2130
阅读 22
收藏 0

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

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




如上图,在使用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(这里有两种访问方式,一种是使用[]来进行访问,另外一种是使用"."来进行访问,两种访问效果是一样的。)

    
   
    
   
    
   
     
  1. ${param["name"] } myname   
  2. ${param.name} myname   
  3. ${param["alies"] } now.net.cn   
  4. ${param.alies} now.net.cn  

----------------------------

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

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

----------------------------

JSP2.0中定义和使用函数

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

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

示例文件:Compute.java

    
   
    
   
    
   
     
  1. package jsp2.examples.el;   
  2. import java.util.*;   
  3. public class Compute {   
  4. public static int add(String x, String y) {   
  5. int a = 0;   
  6. int b = 0;   
  7. try {   
  8. a = Integer.parseInt(x);   
  9. b = Integer.parseInt(y);   
  10. }catch(Exception e) {}   
  11. return a + b;   
  12. }   
  13. }  

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

----------------------------

2.将方法映射到TLD表中

----------------------------

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

    
   
    
   
    
   
     
  1. < function>   
  2. < description>add x and y< /description>   
  3. < name>add< /name>   
  4. < function-class>jsp2.examples.el.Compute   
  5. < /function-class>   
  6. < function-signature>int   
  7. add(java.lang.String,java.lang.String)   
  8. < /function-signature>   
  9. < /function>  

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

----------------------------

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

----------------------------

代码示例5: math.jsp

    
   
    
   
    
   
     
  1. < %@ taglib prefix="my"   
  2. uri="http://jakarta.apache.org/tomcat/jsp2-example-taglib %>   
  3. < HEAD>   
  4. < TITLE>Functions< /TITLE>   
  5. < /HEAD>   
  6. < BODY>   
  7. < H3>Add Numbers< /H3>   
  8. < P>   
  9. < FORM action="math.jsp" method="GET">   
  10. X = < input type="text" name="x" value="${param["x"]}">   
  11. < BR>   
  12. Y = < input type="text" name="y" value="${param["y"]}">   
  13. < input type="submit" value="Add Numbers">   
  14. < /FORM>   
  15. < P>   
  16. The sum is: ${my:add(param["x"],param["y"])}   
  17. < /BODY>   
  18. < /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’]}

本文转载自:http://blog.csdn.net/walkingmanc/article/details/7601970

inidcard
粉丝 1
博文 113
码字总数 8167
作品 0
东城
程序员
私信 提问
前后台交互

今天小姐姐不分享代码,来谈谈我对前后台交互的认知。 在web开发中,前后台交互是一个至关重要的环节,前后台需要及时沟通,工作才能顺利进行,有时候就是因为沟通不够,然后造成许多白用功。...

马大哈tt
2017/11/18
0
0
web前台用.net开发,后台用java开发,如何使两个系统高效、简单、紧密的交互

web前台用.net开发,后台用java开发,如何使两个系统高效、简单、紧密的交互? 前台一般是数据展现,后台做数据业务的处理,就是说前台的不会做增删改的操作?都是发送消息交由后台去处理吗?...

FrontNg
2014/09/03
2.6K
11
前端后台数据交互模式

对于java web前端后台的数据交互: 1、在jsp页面直接用jstl或者EL之类的东西或者自定义的标签来输出后端请求来的数据。 2、用ajax请求后端数据,动态的控制的dom节点渲染。 那么在在高并发的...

Qiurf
2016/03/04
1K
3
关于Ajax和websocket的区别以及使用场景!

在我们日常使用的互联网产品中,很多都是前后端数据的交互来完成的,说到数据交互就不得不提Ajax和websocket,它们可是数据交互的利器,那么它们分别是什么?websocket与Ajax轮询的区别又是什...

itxcc
2018/10/22
0
0
实现前后端分离的心得

原文出处:陈陈jg 实现前后端分离的心得 对目前的web来说,前后端分离已经变得越来越流行了,越来越多的企业/网站都开始往这个方向靠拢。那么,为什么要选择前后端分离呢?前后端分离对实际开...

陈陈jg
2017/07/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

拯救 项目经理个人时间的5个技巧

优秀的项目经理都有一个共同点,那就是良好的时间管理能力。专业的项目经理会确保他们的时间投入富有成效,尽可能避免时间浪费。 时间管理叫做GTD,即Getting Things Done——“把事情做完”...

Airship
20分钟前
2
0
前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
43
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部