首页 > 代码库 > 前后端参数传递方式演化史
前后端参数传递方式演化史
写服务端比较头疼的事情就是从前端往后台传递参数了，一般的套路是：
前端页面写一大堆乱七八糟的参数 --> 传递到后台 --> 后台接收并且提取封装为一个对象，然后拿这个对象去进行各种业务操作。
v0.1 最早的时候是使用的Servlet，它是这样子的：
前端代码：
<form action="loginServlet" method="post"> 用户名：<input type="text" name="username" /><br/> 密 码：<input type="password" name="passwd" /><br/> <input type="submit" value="登录" /> </form>
接收参数的Servlet代码：
1 @WebServlet(urlPatterns={"/loginServlet"}) 2 public class LoginServlet extends HttpServlet { 3 4 @Override 5 protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException { 6 process(req,resp); 7 } 8 9 @Override10 protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException ,IOException {11 process(req,resp);12 }13 14 private void process(HttpServletRequest req, HttpServletResponse resp) throws ServletException ,IOException{15 String username=req.getParameter("username");16 String passwd=req.getParameter("passwd");17 18 User u=new User();19 u.setUsername(username);20 u.setPasswd(passwd);21 22 //blabla....23 24 }25 26 }
这种方式需要我们手动的一个个把参数扣出来然后打包成对象。
v0.2 后来有了struts2，它有一个参数拦截器可以自动地将参数拍进去：
前端页面：
<form action="loginAction" method="post"> 用户名：<input type="text" name="username" /><br/> 密 码：<input type="password" name="passwd" /><br/> <input type="submit" value="登录" /> </form>
Action代码：
1 public class LoginAction extends ActionSupport { 2 3 private String username; 4 private String passwd; 5 6 public String login(){ 7 8 System.out.println(username+","+passwd); 9 //....10 11 return SUCCESS;12 }13 14 public String getUsername() {15 return username;16 }17 18 public void setUsername(String username) {19 this.username = username;20 }21 22 public String getPasswd() {23 return passwd;24 }25 26 public void setPasswd(String passwd) {27 this.passwd = passwd;28 }29 30 }
这个时候可以在login()中直接使用username和passwd，因为参数拦截器已经把它们的值拍进去了。
v0.3 既然都已经可以拍进去，为什么不干脆彻底一点呢？
前端代码：
<form action="loginAction" method="post"> 用户名：<input type="text" name="user.username" /><br/> 密 码：<input type="password" name="user.passwd" /><br/> <input type="submit" value="登录" /> </form>
Action代码：
1 public class LoginAction extends ActionSupport { 2 3 private User user=new User(); 4 5 public String login() { 6 7 System.out.println(user.getUsername()+","+user.getPasswd()); 8 9 return SUCCESS;10 }11 12 public User getUser() {13 return user;14 }15 16 public void setUser(User user) {17 this.user = user;18 }19 20 }
但是这样子的话还是多了一级导航，还能更好吗？
v0.4 原来还有更酷更优雅的办法呢~ ModelDriven
前端代码：
<form action="loginAction" method="post"> 用户名：<input type="text" name="username" /><br/> 密 码：<input type="password" name="passwd" /><br/> <input type="submit" value="登录" /> </form>
后台代码：
1 public class LoginAction extends ActionSupport implements ModelDriven { 2 3 private User user; 4 5 public String login() { 6 7 System.out.println(user.getUsername()+","+user.getPasswd()); 8 9 return SUCCESS;10 }11 12 public User getUser() {13 return user;14 }15 16 public void setUser(User user) {17 this.user = user;18 }19 20 @Override21 public Object getModel() {22 if(user==null) user=new User();23 return user;24 }25 26 }
啊哈返璞归真了，从v0.2开始依赖的就是struts2的参数拦截器把参数拍进来，而最后一个依赖的则是ModelDriven拦截器将对象设置到ValueStack的栈顶，因为ValueStack有暴露栈顶属性可直接使用属性名访问的特性，所以在前台可以直接使用username和passwd传递参数。
参数拦截器：（待修改网址引用）
ModelDriven拦截器：（待修改网址引用）
.
前后端参数传递方式演化史
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。