网站如何集成支付宝!原来要给钱的

news/2024/5/9 12:44:09/文章来源:https://blog.csdn.net/jackljf/article/details/8863693

转:http://gavin-chen.iteye.com/blog/257864

刚在Javaeye看到一篇文章,关于网站集成支付宝的,正是我之前想了解的,不过作者写得有些零乱,解释也不太清楚,代码格式更是看着郁闷,待以后有空消化消化,再实践下,现先贴出来保存着吧。

(本文转载于http://stephen830.iteye.com/blog/254827)

国内电子商务系统实现的基本流程如下:
客户在系统内下订单 -> 系统根据订单生成支付宝接口url -> 客户通过url使用支付宝(网上银行)付款 -> 支付宝将客户的付款完成信息发送给电子商务系统 -> 系统收到支付宝信息后确定客户订单已经付款 -> 进行发货等后续流程。

在开始下面的内容之前,你要先有一个支付宝账户,如果要集成支付宝接口,你还必须申请开通服务(关于如何开通,可以直接到支付宝网站上申请).在服务开通后,支付宝会给你2个字符串编号:1个partnerId(合作伙伴ID),还有1个securityCode(安全码).当你拿到这2个码的时候就可以开始下面的内容了.

(1)如何调用支付宝接口?(将客户的订单信息按照既定的规则生成一个url跳转到支付宝网站)

通过下面方法[makeOrderAlipayUrl(HttpServletRequest httpRequest,Order order)]的调用得到支付宝的url,然后进行跳转(response.sendRedirect(url);).

Java代码 复制代码 收藏代码
  1. /** 
  2.      * 根据订单生成支付宝接口URL. 
  3.      * @param httpRequest 
  4.      * @param order 订单实例 
  5.      * @return 
  6.      * @throws Exception 
  7.      */   
  8.     public static String makeOrderAlipayUrl(HttpServletRequest httpRequest,Order order) throws Exception {    
  9.         HashMap hm = new HashMap();    
  10.         hm.put("_input_charset",httpRequest.getCharacterEncoding());//采用相同的编码方式    
  11.         hm.put("body","您在www.xxx.com上的订单");//填写在跳到支付宝页面上显示的付款内容信息    
  12.         hm.put("discount","-5");//填写折扣信息 -5表示抵扣5元    
  13.         hm.put("logistics_fee","10");//物流费用    
  14.         hm.put("logistics_payment","BUYER_PAY");//物流费用支付人 BUYER_PAY=买家支付物流费用    
  15.         hm.put("logistics_type","EXPRESS");//物流方式    
  16.         hm.put("notify_url","http://www.xxx.com/notifyurl.jsp");//客户付款后,支付宝调用的页面    
  17.         hm.put("out_trade_no",order.getId());//外部交易号,最好具有唯一性,在获取支付宝发来的付款信息时使用.    
  18.         hm.put("partner",partnerId);//partnerId(合作伙伴ID)    
  19.         hm.put("agent",partnerId);//partnerId(合作伙伴ID)    
  20.         hm.put("payment_type","1");//支付类型 1=商品购买,2=服务购买,...    
  21.         hm.put("price","105.30");//订单金额信息    
  22.         hm.put("quantity","1");//订单商品数量,一般都是写1,它是按照整个订单包来计算    
  23.         hm.put("return_url","http://www.xxx.com/ReturnUrl.jsp");//客户付款成功后,显示给客户的页面    
  24.         hm.put("seller_email","alipay@xxx.com");//你的支付宝账户email    
  25.         hm.put("service","create_direct_pay_by_user");//create_direct_pay_by_user=直接付款,trade_create_by_buyer 担保付款     
  26.         hm.put("subject","www.xxx.com的订单");//填写在跳到支付宝页面上显示的付款标题信息    
  27.         String payGateway = "https://www.alipay.com/cooperate/gateway.do?";//跳转到支付宝的url头    
  28.         return makeUrl(hm,securityCode,httpRequest.getCharacterEncoding(),payGateway);//securityCode(安全码)     
  29.     }    
  30.         
  31.         
  32.     /** 
  33.      * 根据传入的参数生成alipay的支付URL 
  34.      * @param hm 参数值 
  35.      * @param securityCode 安全码 
  36.      * @param charset 编码 
  37.      * @param payGateway 支付宝gateway 
  38.      * @return 
  39.      */   
  40.     public static String makeUrl(HashMap hm,String securityCode,String charset,String payGateway) throws Exception{    
  41.         List keys = new ArrayList(hm.keySet());    
  42.         Collections.sort(keys);//支付宝要求参数必须按字母排序    
  43.         StringBuffer content = new StringBuffer();    
  44.         for (int i = 0; i < keys.size(); i++) {    
  45.             content.append((String) keys.get(i));    
  46.             content.append("=");    
  47.             content.append((String) hm.get((String) keys.get(i)));    
  48.             if (i != keys.size() - 1) {    
  49.                 content.append("&");    
  50.             }    
  51.         }    
  52.         content.append(securityCode);    
  53.         String sign = md5(content.toString(),charset);    
  54.         content.delete(0,content.length());    
  55.         content.append(payGateway);    
  56.         for (int i = 0; i < keys.size(); i++) {    
  57.             content.append(keys.get(i));    
  58.             content.append("=");    
  59.             content.append(URLEncoder.encode((String) hm.get(keys.get(i)), charset));    
  60.             content.append("&");    
  61.         }    
  62.         content.append("sign=");    
  63.         content.append(sign);    
  64.         content.append("&sign_type=MD5");    
  65.         keys.clear();    
  66.         keys = null;    
  67.         return content.toString();    
  68.     }    
  69.         
  70.     /** 
  71.      * 生成md5编码字符串. 
  72.      * @param str 源字符串 
  73.      * @param charset 编码方式 
  74.      * @return 
  75.      * 
  76.      */   
  77.     public static String md5(String str,String charset) {    
  78.         if (str == null)    
  79.             return null;    
  80.         char hexDigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',    
  81.                 'a', 'b', 'c', 'd', 'e', 'f' };    
  82.             
  83.         MessageDigest md5MessageDigest = null;    
  84.         byte[] md5Bytes = null;    
  85.         char md5Chars[] = null;    
  86.         byte[] strBytes = null;    
  87.         try {    
  88.             strBytes = str.getBytes(charset);    
  89.             md5MessageDigest = MessageDigest.getInstance("MD5");    
  90.             md5MessageDigest.update(strBytes);    
  91.             md5Bytes = md5MessageDigest.digest();    
  92.             int j = md5Bytes.length;    
  93.             md5Chars = new char[j * 2];    
  94.             int k = 0;    
  95.             for (int i = 0; i < j; i++) {    
  96.                 byte md5Byte = md5Bytes[i];    
  97.                 md5Chars[k++] = hexDigits[md5Byte >>> 4 & 0xf];    
  98.                 md5Chars[k++] = hexDigits[md5Byte & 0xf];    
  99.             }    
  100.             return new String(md5Chars);    
  101.         } catch (NoSuchAlgorithmException e) {    
  102.             //Log.output(e.toString(), Log.STD_ERR);    
  103.             return null;    
  104.         } catch (UnsupportedEncodingException e) {    
  105.             //Log.output(e.toString(), Log.STD_ERR);    
  106.             return null;    
  107.         } finally {    
  108.             md5MessageDigest = null;    
  109.             strBytes = null;    
  110.             md5Bytes = null;    
  111.         }    
  112.     }   
/**  * 根据订单生成支付宝接口URL.  * @param httpRequest  * @param order 订单实例  * @return  * @throws Exception  */  public static String makeOrderAlipayUrl(HttpServletRequest httpRequest,Order order) throws Exception {   HashMap hm = new HashMap();   hm.put("_input_charset",httpRequest.getCharacterEncoding());//采用相同的编码方式   hm.put("body","您在www.xxx.com上的订单");//填写在跳到支付宝页面上显示的付款内容信息   hm.put("discount","-5");//填写折扣信息 -5表示抵扣5元   hm.put("logistics_fee","10");//物流费用   hm.put("logistics_payment","BUYER_PAY");//物流费用支付人 BUYER_PAY=买家支付物流费用   hm.put("logistics_type","EXPRESS");//物流方式   hm.put("notify_url","http://www.xxx.com/notifyurl.jsp");//客户付款后,支付宝调用的页面   hm.put("out_trade_no",order.getId());//外部交易号,最好具有唯一性,在获取支付宝发来的付款信息时使用.   hm.put("partner",partnerId);//partnerId(合作伙伴ID)   hm.put("agent",partnerId);//partnerId(合作伙伴ID)   hm.put("payment_type","1");//支付类型 1=商品购买,2=服务购买,...   hm.put("price","105.30");//订单金额信息   hm.put("quantity","1");//订单商品数量,一般都是写1,它是按照整个订单包来计算   hm.put("return_url","http://www.xxx.com/ReturnUrl.jsp");//客户付款成功后,显示给客户的页面   hm.put("seller_email","alipay@xxx.com");//你的支付宝账户email   hm.put("service","create_direct_pay_by_user");//create_direct_pay_by_user=直接付款,trade_create_by_buyer 担保付款    hm.put("subject","www.xxx.com的订单");//填写在跳到支付宝页面上显示的付款标题信息   String payGateway = "https://www.alipay.com/cooperate/gateway.do?";//跳转到支付宝的url头   return makeUrl(hm,securityCode,httpRequest.getCharacterEncoding(),payGateway);//securityCode(安全码)    }   /**  * 根据传入的参数生成alipay的支付URL  * @param hm 参数值  * @param securityCode 安全码  * @param charset 编码  * @param payGateway 支付宝gateway  * @return  */  public static String makeUrl(HashMap hm,String securityCode,String charset,String payGateway) throws Exception{   List keys = new ArrayList(hm.keySet());   Collections.sort(keys);//支付宝要求参数必须按字母排序   StringBuffer content = new StringBuffer();   for (int i = 0; i < keys.size(); i++) {   content.append((String) keys.get(i));   content.append("=");   content.append((String) hm.get((String) keys.get(i)));   if (i != keys.size() - 1) {   content.append("&");   }   }   content.append(securityCode);   String sign = md5(content.toString(),charset);   content.delete(0,content.length());   content.append(payGateway);   for (int i = 0; i < keys.size(); i++) {   content.append(keys.get(i));   content.append("=");   content.append(URLEncoder.encode((String) hm.get(keys.get(i)), charset));   content.append("&");   }   content.append("sign=");   content.append(sign);   content.append("&sign_type=MD5");   keys.clear();   keys = null;   return content.toString();   }   /**  * 生成md5编码字符串.  * @param str 源字符串  * @param charset 编码方式  * @return  *  */  public static String md5(String str,String charset) {   if (str == null)   return null;   char hexDigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',   'a', 'b', 'c', 'd', 'e', 'f' };   MessageDigest md5MessageDigest = null;   byte[] md5Bytes = null;   char md5Chars[] = null;   byte[] strBytes = null;   try {   strBytes = str.getBytes(charset);   md5MessageDigest = MessageDigest.getInstance("MD5");   md5MessageDigest.update(strBytes);   md5Bytes = md5MessageDigest.digest();   int j = md5Bytes.length;   md5Chars = new char[j * 2];   int k = 0;   for (int i = 0; i < j; i++) {   byte md5Byte = md5Bytes[i];   md5Chars[k++] = hexDigits[md5Byte >>> 4 & 0xf];   md5Chars[k++] = hexDigits[md5Byte & 0xf];   }   return new String(md5Chars);   } catch (NoSuchAlgorithmException e) {   //Log.output(e.toString(), Log.STD_ERR);   return null;   } catch (UnsupportedEncodingException e) {   //Log.output(e.toString(), Log.STD_ERR);   return null;   } finally {   md5MessageDigest = null;   strBytes = null;   md5Bytes = null;   }   }  

当客户通过接口url付款后,支付宝会自动的去调用前面提供的[notify_url]参数中的url.

(2)支付宝将付款信息返回给系统
当客户付款后,支付宝就会自动调用上面表单提供的[notify_url],下面是一个[notifyurl.jsp]的一个例子:

Java代码 复制代码 收藏代码
  1. <%@ page contentType="text/html;charset=UTF-8"%><%@ page import="com.soft4j.AlipayMgr"%><%    
  2.     String ret = AlipayMgr.insert(request);    
  3.     if(ret==null){    
  4.         out.print("success");//成功接收支付宝发来的付款信息    
  5.     }else{    
  6.         out.print("fail");//出错    
  7.     }    
  8. %> 
<%@ page contentType="text/html;charset=UTF-8"%><%@ page import="com.soft4j.AlipayMgr"%><%   String ret = AlipayMgr.insert(request);   if(ret==null){   out.print("success");//成功接收支付宝发来的付款信息   }else{   out.print("fail");//出错   }   
%>

 

 

如果确认收到支付宝发来的客户付款信息,则返回"success",这样子支付宝就知道系统已经收到信息了;否则返回"fail",这样支付宝会过一段时间后再次发来。其实,只有当支付宝收到"success"的返回信息后才会停止发送付款信息,否则会自动的每隔一段时间就调用上面
的[notify_url]通信接口。

(3)系统处理支付宝发来的付款信息

Java代码 复制代码 收藏代码
  1. /* 
  2. * Created on 2005-6-12 
  3. * Author stephen 
  4. * Email zhoujianqiang AT gmail DOT com 
  5. * CopyRight(C)2005-2008 , All rights reserved. 
  6. */   
  7. package com.soft4j;    
  8.    
  9. import java.sql.Connection;    
  10. import java.sql.SQLException;    
  11. import java.util.Enumeration;    
  12. import java.util.Vector;    
  13. import javax.servlet.http.HttpServletRequest;    
  14.    
  15. /** 
  16. * 支付宝付款通知接口. 
  17. *  
  18. * @author stephen 
  19. * @version 1.0.0 
  20. */   
  21. public final class NotifyUrlMgr {    
  22.         
  23.         
  24.     public static String insert(HttpServletRequest httpRequest) {    
  25.             
  26.         //定义变量和进行必要的初始化工作    
  27.         Enumeration parameterNames = null;    
  28.         String parameterName = null;    
  29.         String parameterValue = null;    
  30.         int count = 0;    
  31.         Vector[] params = null;    
  32.         Vector vParameterName = new Vector();    
  33.         Vector vParameterValue = new Vector();    
  34.             
  35.         try {    
  36.             String orderId = httpRequest.getParameter("out_trade_no");//订单号    
  37.             if(orderId==null||"".equals(orderId)) orderId="-1";    
  38.             parameterNames = httpRequest.getParameterNames();    
  39.             boolean isPrint = false;    
  40.             while (parameterNames.hasMoreElements()) {//循环收取支付宝发来的所有参数信息    
  41.                 parameterName = (String) parameterNames.nextElement();    
  42.                 parameterValue = httpRequest.getParameter(parameterName);    
  43.                 if(parameterValue==null) parameterValue="";    
  44.                 vParameterName.add(parameterName);    
  45.                 vParameterValue.add(parameterValue);    
  46.                 count++;    
  47.             }    
  48.                 
  49.             //这里添加对收到信息的处理:一般是将这些信息存入数据库,然后对客户的订单进行处理.    
  50.                 
  51.             return null;    
  52.         } catch (Exception e) {    
  53.             return e.toString();    
  54.         } finally {    
  55.             //    
  56.         }    
  57.     }    
  58.    
/*  * Created on 2005-6-12  * Author stephen  * Email zhoujianqiang AT gmail DOT com  * CopyRight(C)2005-2008 , All rights reserved.  */  
package com.soft4j;   import java.sql.Connection;   
import java.sql.SQLException;   
import java.util.Enumeration;   
import java.util.Vector;   
import javax.servlet.http.HttpServletRequest;   /**  * 支付宝付款通知接口.  *   * @author stephen  * @version 1.0.0  */  
public final class NotifyUrlMgr {   public static String insert(HttpServletRequest httpRequest) {   //定义变量和进行必要的初始化工作   Enumeration parameterNames = null;   String parameterName = null;   String parameterValue = null;   int count = 0;   Vector[] params = null;   Vector vParameterName = new Vector();   Vector vParameterValue = new Vector();   try {   String orderId = httpRequest.getParameter("out_trade_no");//订单号   if(orderId==null||"".equals(orderId)) orderId="-1";   parameterNames = httpRequest.getParameterNames();   boolean isPrint = false;   while (parameterNames.hasMoreElements()) {//循环收取支付宝发来的所有参数信息   parameterName = (String) parameterNames.nextElement();   parameterValue = httpRequest.getParameter(parameterName);   if(parameterValue==null) parameterValue="";   vParameterName.add(parameterName);   vParameterValue.add(parameterValue);   count++;   }   //这里添加对收到信息的处理:一般是将这些信息存入数据库,然后对客户的订单进行处理.   return null;   } catch (Exception e) {   return e.toString();   } finally {   //   }   }   }

 

这样系统可以在客户使用支付宝付款后,自动的根据支付宝发来的付款信息确认客户的付款情况,并进行相应的后续操作.

如果你的电子商务系统不是java环境的,也可以参考上面的内容。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_746686.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

分享25佳 iPad 应用程序的网站设计案例

苹果的东西太招人喜欢了&#xff0c;iPad 2在国内还未上市&#xff0c;江湖传闻有中国“黄牛”提编织袋在美国抢购 iPad 2&#xff0c;不知是真是假。不过我们今天不讨论这个&#xff0c;我们说点别的&#xff0c;有的人称iPad为平板电脑&#xff0c;有的人说不对&#xff0c;应…

为SharePoint网站创建自定义导航菜单

转&#xff1a;http://kaneboy.blog.51cto.com/1308893/397779 相信不少人都希望把SharePoint网站内置的那个顶部导航菜单&#xff0c;换成自己希望的样式。由于SharePoint 2007/2010的网站导航基本上基于标准的ASP.NET SiteMap模型&#xff0c;所以只要你对ASP.NET SiteMap有…

Sharepoint网站创建自定义导航全记录

转&#xff1a;http://tech.it168.com/a2009/1207/820/000000820524_all.shtml 【IT168 技术文档】在一个Sharepoint网站中可以创建子网站&#xff0c;页面&#xff0c;文档库等等&#xff0c;下面我们详细介绍创建页面导航和下拉菜单的过程。 1.要激活一个发布功能的Feature。…

在SharePoint 2010中创建网站的权限级别

转&#xff1a;http://www.360sps.com/Item/CreatePermissionLevels.aspx 权限级别是SharePoint 2010新增加的功能&#xff0c;使我们对权限的设置又提高了一个层次。SharePoint 2010的权限级别指的是可分配给用户或用户组的单个权限组。SharePoint 2010自带的权限级别有&…

深度学习相关网站链接与参考资料

http://deeplearning.stanford.edu/wiki/index.php/神经网络 https://arxiv.org/list/cs.AI/recent https://www.52ml.net/18635.html http://neuralnetworksanddeeplearning.com/ https://github.com/tigerneil/neural-networks-and-deep-learning-zh-cn http://www.hank…

21个为您的网站和博客提供的免费视频播放器

很多设计师在都会在他们的网站使用视频播放器。在线视频播放器无需为简单的用户和Web开发人员提供过多的介绍&#xff0c;它简单易用&#xff0c;为您建站时提供了灵活性和创造性&#xff0c;您可以添加无限数量的视频&#xff0c;并根据你的想法安排它们的专辑标题、艺术家的名…

网站重构之配置文件分解

转&#xff1a;http://www.cnblogs.com/ASPNET2008/archive/2010/05/04/1727538.html 最近赶上公司重构网站,架构组的同事为提高web部门的开发效率,总结出了一些不错的经验&#xff0c;本人也是直接受益者&#xff0c;为此用下面几篇文章来与大家分享。 这一篇&#xff0c;我想…

优秀网页设计:别出心裁的创意网站导航菜单

导航菜单是网站重要的组成部分&#xff0c;关系着网站的可用性和用户体验。一个有吸引力的导航能够吸引用户去浏览更多的网站内容&#xff0c;增加用户在网站的停留时间。为了让导航能够和网页内容完美的融合在一起&#xff0c;设计前需要设仔细分析网页结构。下面收集了30佳别…

互联网网站的反爬虫策略浅析

因为搜索引擎的流行&#xff0c;网络爬虫已经成了很普及网络技术&#xff0c;除了专门做搜索的Google&#xff0c;Yahoo&#xff0c;微软&#xff0c;百度以外&#xff0c;几乎每个大型门户网站都有自己的搜索引擎&#xff0c;大大小小叫得出来名字得就几十种&#xff0c;还有各…

这是一个神奇(神器)的网站

只要想不到&#xff0c;没有g友做不到 PaperWriting网站地址

大型网站动态应用系统架构(转)

原文在这里。 动态应用&#xff0c;是相对于网站静态内容而言&#xff0c;是指以c/c、php、Java、perl、.net等服务器端语言开发的网络应用软件&#xff0c;比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。 大…

Python爬虫之网站验证码识别(三)

视频链接&#xff1a;Python爬虫7天速成&#xff08;2020全新合集&#xff09;无私分享 Python: 章节p29-p31 文章目录前言一、云打码平台使用流程操作流程二、代码编写⭐2.1 使用超级鹰云平台2.2 实战演练⭐总结前言 验证码和爬虫之间的爱恨情仇&#xff1f; 门户网站所提供的…

asp.net 1.1网站开发配置出现”Visual Studio .NET 无法创建或打开应用程序”解决方法...

可能的解决方案&#xff1a; 1.注册.net framework 1.1 C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis /i 2,如果配置的改网站端口以前曾经有其他网站占用过改端口&#xff0c;删除一下目录 C:\Documents and Settings\Administrator\VSWebCache\[计算机名]-[端…

IIS企业案例系列之四:发布多个网站之方案二

方案2&#xff1a;多端口发布网站到外网&#xff0c;默认发布不加密的网站是80端口&#xff0c;下面我们测试用81端口发布一个新的网站&#xff1a;www.iSusan.com,并绑定IP地址192.168.2.20&#xff0c;具体步骤如下&#xff1a;1、下面添加一个新的网站Susan在C盘Susan文件夹…

黄聪:WordPress 多站点建站教程(一):怎样开启WordPress多站点功能,实现手机移动端主题开发,与主站用户数据共享...

为了开发手机移动端的wordpress&#xff0c;需要使用Wordpress的多站点功能。 1、打开WordPress根目录下的wp-config.php文件&#xff0c; 在文件的任何位置加上以下内容&#xff1a; define(WP_ALLOW_MULTISITE, true); // 建议加到<code>/* Thats all, stop editing! H…

建站过程中服务器系统卡顿,网站卡顿和服务器有关系吗?

首先我们收一下网站出现卡顿的情况&#xff0c;主要有以下几种前况&#xff1a;1、是百网速原因;2、是浏览器缓存原因&#xff0c;清一下浏览器缓存就好;3、是服务器原因;服务器不稳定影响的。但是网站卡顿和服务器有关系吗?怎么解决服务器卡的问题第一&#xff0c;您要是本地…

服务器怎么解绑网站域名,服务器解绑ip

服务器解绑ip 内容精选换一换通过将弹性公网IP与弹性网卡绑定&#xff0c;您可以构建更灵活&#xff0c;扩展性更强的IT解决方案。弹性网卡本身提供一个私网IP&#xff0c;与弹性公网IP绑定后&#xff0c;相当于同时具备了私网IP和公网IP。弹性网卡和弹性公网IP的绑定关系不随弹…

洛奇英雄传老福单机版服务器不显示,洛奇英雄传官方网站

这一次叫老福跪下唱征服&#xff01;《洛奇英雄传》公开强化系统全球首发&#xff0c;更有一系列的强化福利、强化活动等你来玩&#xff01;国庆小长假&#xff0c;我们一起围观砰砰砰&#xff01;公开强化系统全球首发本次更新之后&#xff0c;至指定地点进行强化的玩家&#…

html+css静态网站_什么是Web开发?什么是静态站点?

在九十年代初期&#xff0c;浏览网站内容的浏览器相对简单&#xff0c;所以网站必须也相应地简单易用。而当时网站主要是没有字体类型的文本&#xff0c;任何形式的图像都很重要。最早期的网站是静态的&#xff0c;无法提供交互式、动画或个性化等内容。为了追求更复杂的Web内容…