《毕业设计(论文)PPT答辩-基于Web2.0的网络团购系统的设计与实现课件.ppt》由会员分享，可在线阅读，更多相关《毕业设计(论文)PPT答辩-基于Web2.0的网络团购系统的设计与实现课件.ppt（40页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、基于Web2.0的网络团购系统的设计与实现07计算机科学与技术本科二班一、需求分析：l l2121世纪是知识经济迅猛发展的时代，随着经济的世纪是知识经济迅猛发展的时代，随着经济的全球化，信息还会以其特有的形式改变着经济、全球化，信息还会以其特有的形式改变着经济、科技和社会发展的走向，推动人们自身思维方式科技和社会发展的走向，推动人们自身思维方式和行为模式的创新。团购就是在这个大背景下的和行为模式的创新。团购就是在这个大背景下的创新产物。创新产物。l l团购是近两年才发展起来的团购是近两年才发展起来的B2TB2T商业模式。本课商业模式。本课题设计的目的就是做一个完善的团购系统，实现题设计的目的就
2、是做一个完善的团购系统，实现更为完善更为规范的更为完善更为规范的B2TB2T平台的设计。平台的设计。l l团购的好处主要表现在两方面：一是团购价格低团购的好处主要表现在两方面：一是团购价格低于产品市场最低零售价，二是产品的质量和服务于产品市场最低零售价，二是产品的质量和服务能够得到有效的保证。能够得到有效的保证。l l团购系统的意义：l l1、拓展企业商品流通渠道，帮助企业扩大市场份额。l l2、减少中间环节，降低营销成本，实现企业和消费者的共赢。l l3、消费者零购也能获得批发价格，节省居民采购成本和时间。l l4、一但产生产品质量问题和纠纷，有利于发挥集体维权优势，确保消费者的消费权益。l
3、 l2 2、目前国内网络团购机构有很多，对于消费者而言，、目前国内网络团购机构有很多，对于消费者而言，团购价格低于一般的市场价格，使消费者得到实惠；团购价格低于一般的市场价格，使消费者得到实惠；而对于商家来说，薄利多销加快了货物和现金的周转，而对于商家来说，薄利多销加快了货物和现金的周转，也可以降低商家的销售成本，因此形成了双赢的局面。也可以降低商家的销售成本，因此形成了双赢的局面。l l3 3、团购系统正如雨后春笋般的速度繁荣发展着，但是、团购系统正如雨后春笋般的速度繁荣发展着，但是目前存在很大的问题与很大的不规范性。而且存在钻目前存在很大的问题与很大的不规范性。而且存在钻法律空子的想象。我
4、的研究目标是通过做的这个团购法律空子的想象。我的研究目标是通过做的这个团购系统从技术角度来改变目前的混乱局面，通过一个更系统从技术角度来改变目前的混乱局面，通过一个更为完善的系统以达到科学完美的实现为完善的系统以达到科学完美的实现B2TB2T平台的设计。平台的设计。l l1 1、团购是这两年才发展起来的，所谓网络团购，就、团购是这两年才发展起来的，所谓网络团购，就是认识的或者不认识的具有相同购买意向的零散消费是认识的或者不认识的具有相同购买意向的零散消费者联合起来，向厂商进行大批量购买的行为，从而加者联合起来，向厂商进行大批量购买的行为，从而加大与商家的谈判能力，以求得最优价格的一种购物方大与
5、商家的谈判能力，以求得最优价格的一种购物方式。式。二、相关技术概述l l本课题是基于Web2.0相关技术的团购网站，团购网站的技术核心其实和淘宝、当当、拍拍或者亚马逊之类的电子商务型网站是很类似的！团购的优势在于网聚更多的人去买相同的东西会比正常价格低而已。他们都可以说是一个电子商务系统，所涉及的技术主要有Ajax、JavaScript、html/xml、CSS、ASP/PHP/JSP、（.Net/Lamp/JavaEE）以及数据库方面的相关技术。下面对这些技术做相应的介绍。l l1.AJAX1.AJAXl l即即“Asynchronous JavaScript and XML”Asynchr
6、onous JavaScript and XML”（异步（异步JavaScriptJavaScript和和XML)XML)，AJAXAJAX是指一种创建交互式网页是指一种创建交互式网页应用的网页开发技术。应用的网页开发技术。AjaxAjax优点是更迅捷的响应速优点是更迅捷的响应速度度 。通过。通过 AJAXAJAX，我们的，我们的 JavaScript JavaScript 可使用可使用 JavaScript JavaScript 的的 XMLHttpRequestXMLHttpRequest 对象来直接与服务对象来直接与服务器进行通信。通过这个对象，我们的器进行通信。通过这个对象，我们的 J
7、avaScript JavaScript 可可在不重载页面的情况与在不重载页面的情况与 Web Web 服务器交换数据。服务器交换数据。l l主要包含的技术主要包含的技术l lwebweb标准（标准（standards-based standards-based presentationpresentation）XHTML+CSSXHTML+CSS的表示；的表示；l l使用使用 DOMDOM（Document Object ModelDocument Object Model）进行动态显）进行动态显示及交互；示及交互；l l使用使用 XML XML 和和 XSLT XSLT 进行数据交换及相关
8、操作；进行数据交换及相关操作；l l使用使用 XMLHttpRequestXMLHttpRequest 进行异步数据查询、检索；进行异步数据查询、检索；l l使用使用 JavaScript JavaScript 将所有的东西绑定在一起。将所有的东西绑定在一起。3.CSS CSS（Cascading Style Sheet，可译为，可译为“层叠样式层叠样式表表”或或“级联样式表级联样式表”）是一组格式设置规则，用于控）是一组格式设置规则，用于控制制Web页面的外观。通过使用页面的外观。通过使用CSS样式设置页面的格式，样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在可将页面的内容
9、与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的文档中，而用于定义表现形式的CSS规则则存放规则则存放在另一个文件中或在另一个文件中或HTML文档的某一部分，通常为文件文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使外观更加容易，而且还可以使HTML文档代码更加简练，文档代码更加简练，缩短浏览器的加载时间。缩短浏览器的加载时间。2.JavaScript2.JavaScriptJavaScriptJavaScript是一种基于对象和事件驱动并具有相对安是一种基于对象和事件驱动并具
10、有相对安是一种基于对象和事件驱动并具有相对安是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户全性的客户端脚本语言。同时也是一种广泛用于客户全性的客户端脚本语言。同时也是一种广泛用于客户全性的客户端脚本语言。同时也是一种广泛用于客户端端端端WebWeb开发的脚本语言，常用来给开发的脚本语言，常用来给开发的脚本语言，常用来给开发的脚本语言，常用来给HTMLHTML网页添加动网页添加动网页添加动网页添加动态功能，比如响应用户的各种操作。是一种动态、弱态功能，比如响应用户的各种操作。是一种动态、弱态功能，比如响应用户的各种操作。是一种动态、弱态功能，比如响应用户的各种
11、操作。是一种动态、弱类型、基于原型的语言，内置支持类。类型、基于原型的语言，内置支持类。类型、基于原型的语言，内置支持类。类型、基于原型的语言，内置支持类。l l4.XML4.XMLl lXMLXML（Extensible Markup LanguageExtensible Markup Language）即可扩展标）即可扩展标记语言，它与记语言，它与HTMLHTML一样，都是一样，都是SGML(StandardSGML(Standard Generalized Markup Language,Generalized Markup Language,标准通用标记语言标准通用标记语言)。XmlX
12、ml是是InternetInternet环境中跨平台的，依赖于内容环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。的技术，是当前处理结构化文档信息的有力工具。扩展标记语言扩展标记语言XMLXML是一种简单的数据存储语言，是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然以用方便的方式建立，虽然XMLXML占用的空间比二占用的空间比二进制数据要占用更多的空间，但进制数据要占用更多的空间，但XMLXML极其简单易极其简单易于掌握和使用。于掌握和使用。l l5.Web 2.05.Web 2.0l
13、 lWeb2.0 Web2.0 是相对是相对Web1.0 Web1.0 的新的一类互联网应用的的新的一类互联网应用的统称。统称。Web1.0 Web1.0 的主要特点在于用户通过浏览器获的主要特点在于用户通过浏览器获取信息。取信息。Web2.0 Web2.0 则更注重用户的交互作用，用户则更注重用户的交互作用，用户既是网站内容的浏览者，也是网站内容的制造者。既是网站内容的浏览者，也是网站内容的制造者。所谓网站内容的制造者是说互联网上的每一个用所谓网站内容的制造者是说互联网上的每一个用户不再仅仅是互联网的读者，同时也成为互联网户不再仅仅是互联网的读者，同时也成为互联网的作者；不再仅仅是在互联网上
14、冲浪，同时也成的作者；不再仅仅是在互联网上冲浪，同时也成为波浪制造者为波浪制造者;在模式上由单纯的在模式上由单纯的“读读”向向“写写”以及以及“共同建设共同建设”发展；由被动地接收互联网信发展；由被动地接收互联网信息向主动创造互联网信息发展，从而更加人性化！息向主动创造互联网信息发展，从而更加人性化！l l6.LAMP6.LAMPl lLAMPLAMP即是即是即是即是Linux+Apache+Mysql+PerlLinux+Apache+Mysql+Perl/PHP/Python/PHP/Python一一一一组常用来搭建动态组常用来搭建动态组常用来搭建动态组常用来搭建动态 网站或者服务器的开源
15、软件，网站或者服务器的开源软件，网站或者服务器的开源软件，网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一本身都是各自独立的程序，但是因为常被放在一本身都是各自独立的程序，但是因为常被放在一本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了起使用，拥有了越来越高的兼容度，共同组成了起使用，拥有了越来越高的兼容度，共同组成了起使用，拥有了越来越高的兼容度，共同组成了一个强大的一个强大的一个强大的一个强大的WebWeb应用程序平台。随着应用程序平台。随着应用程序平台。随着应用程序平台。随着 开源潮流的开源潮流的开源潮流的开源潮流的蓬勃发展，开放
16、源代码的蓬勃发展，开放源代码的蓬勃发展，开放源代码的蓬勃发展，开放源代码的LAMPLAMP已经与已经与已经与已经与J2EEJ2EE和和和和.Net.Net商业软件形成三足鼎立之势，并且该软件开商业软件形成三足鼎立之势，并且该软件开商业软件形成三足鼎立之势，并且该软件开商业软件形成三足鼎立之势，并且该软件开发的项目在软件方面的投资成本较低，因此受到发的项目在软件方面的投资成本较低，因此受到发的项目在软件方面的投资成本较低，因此受到发的项目在软件方面的投资成本较低，因此受到 整个整个整个整个ITIT界的关注。从网站的流量上来说，界的关注。从网站的流量上来说，界的关注。从网站的流量上来说，界的关注。
17、从网站的流量上来说，70%70%以以以以上的访问流量是上的访问流量是上的访问流量是上的访问流量是LAMPLAMP来提供的，来提供的，来提供的，来提供的，LAMPLAMP是最强大是最强大是最强大是最强大的网站解决方案的网站解决方案的网站解决方案的网站解决方案l l7.Shopex 7.Shopex l lShopexShopex即网上商店平台软件系统，又称网店管理即网上商店平台软件系统，又称网店管理系统、网店程序、网上购物系统、在线购物系统。系统、网店程序、网上购物系统、在线购物系统。无论是开设个人网上购物商店还是企业在线购物无论是开设个人网上购物商店还是企业在线购物商城，一套好用的网店系统都是
18、必须的。商城，一套好用的网店系统都是必须的。l lShopExShopEx基于开源且性能卓越的基于开源且性能卓越的LampLamp（Linux+Apache+Mysql+PhpLinux+Apache+Mysql+Php）架构，最大）架构，最大程度降低您的总体拥有成本；程度降低您的总体拥有成本；与与WindowsWindows平台架平台架构不同，您无需为了操作系统、数据库等支付任构不同，您无需为了操作系统、数据库等支付任何额外费用，大大降低成本。何额外费用，大大降低成本。l lShopExShopEx与国内知名的与国内知名的SEOSEO团队点石互动、浩维互团队点石互动、浩维互动均结成战略合作伙
19、伴关系。业内领先的动均结成战略合作伙伴关系。业内领先的SEOSEO经经验均会在验均会在ShopExShopEx软件中迅速得到体现，大大促进软件中迅速得到体现，大大促进您您 的网店商品的搜索引擎收录。的网店商品的搜索引擎收录。l l8.Databasel l数据库，通俗点说就是存入数据的仓库。数据库数据库，通俗点说就是存入数据的仓库。数据库（DatabaseDatabase）是按照数据结构来组织、存储和管）是按照数据结构来组织、存储和管理数据的仓库。数据库有很多种类型，从最简单理数据的仓库。数据库有很多种类型，从最简单的存储有各种数据的表格到能够进行海量数据存的存储有各种数据的表格到能够进行海量
20、数据存储的大型数据库系统都在各个方面得到了广泛的储的大型数据库系统都在各个方面得到了广泛的应用。应用。l l数据库的种类数据库的种类 ：l l大型数据库有：大型数据库有：oracloracl、BD2 BD2、SQL server SQL server l l小型数据库有：小型数据库有：AccessAccess、MySQLMySQL、等。、等。三、功能模块设计三、功能模块设计l l主要功能模块的设计包括以下几个内容：主要功能模块的设计包括以下几个内容：l l1.1.商品发布与展示功能商品发布与展示功能l l2.2.订单处理功能订单处理功能l l3.3.会员管理功能会员管理功能l l4.4.支付与
21、配送功能支付与配送功能l l5.5.站点内容管理功能站点内容管理功能l l6.6.统计分析功能统计分析功能l l7.7.搜索引擎优化功能搜索引擎优化功能l l8.8.购物车功能购物车功能l l9.9.第三方支付功能第三方支付功能四、功能模块实现四、功能模块实现 l l1.1.论文设计概述：论文设计概述：论文设计概述：论文设计概述：l l本系统是借助于本系统是借助于SHOPEXSHOPEX开发的电子商务团购网站，开发的电子商务团购网站，这个网站大部分技术都是借助于这个平台实现的，这个网站大部分技术都是借助于这个平台实现的，功能强大，涵盖了所有团购需要到的功能，比如功能强大，涵盖了所有团购需要到的
22、功能，比如登陆，注册功能、会员管理功能、商品编辑与发登陆，注册功能、会员管理功能、商品编辑与发布管理功能、购物车功能、订单处理功能、支付布管理功能、购物车功能、订单处理功能、支付功能、站点文件管理功能等等。通过不懈的努力，功能、站点文件管理功能等等。通过不懈的努力，这个网站终于在三月底成功上线了，详情请点击：这个网站终于在三月底成功上线了，详情请点击：http:/http:/ 。l l本论文是通过这个电子商务网站改版设计出来的本论文是通过这个电子商务网站改版设计出来的团购系统网站。团购系统网站。l l2.2.文件模块组成文件模块组成文件模块组成文件模块组成l l这个是在这个是在PHPNOWPH
23、PNOW环境下的环境下的shopexshopex系统，我们需要编辑的系统，我们需要编辑的是是htdocshtdocs文件下面的文件下面的themesthemes文件，下面的截图是其相应的文件，下面的截图是其相应的文件组成目录文件组成目录 l l3.3.主体风格设计主体风格设计主体风格设计主体风格设计l l所有的网站都要有一个设计风格的，一个好的设计风格可所有的网站都要有一个设计风格的，一个好的设计风格可以带给人们新意，起码给我们一种舒服的感觉，这样用户以带给人们新意，起码给我们一种舒服的感觉，这样用户体验也会好很多的。体验也会好很多的。l l其次是，每个网站还有有内容，一个空空的网站也是留不其
24、次是，每个网站还有有内容，一个空空的网站也是留不住来访用户的。我们公司主要是所化妆品下的染发类，主住来访用户的。我们公司主要是所化妆品下的染发类，主要适用人群是年轻的八零九零后们和上了年纪的白发脱发要适用人群是年轻的八零九零后们和上了年纪的白发脱发老人，而这类商品的主要消费人群却基本上的我们这些年老人，而这类商品的主要消费人群却基本上的我们这些年轻人，所以这类网站的风格要做的阳光一点，我这里将网轻人，所以这类网站的风格要做的阳光一点，我这里将网站的主体风格设计成深红色调的形式，这样显得热情大气站的主体风格设计成深红色调的形式，这样显得热情大气而且吸引眼球。下面的网站首页的显示效果：而且吸引眼球
25、。下面的网站首页的显示效果：l l页脚显示效果，采用文字竖排显示与横排显示相结合的显示效果，或许会给我们带来点新意：4.功能展示功能展示l l登陆模块界面：（正确输入用户名、密码和验证登陆模块界面：（正确输入用户名、密码和验证码之后即可登陆到系统后台）码之后即可登陆到系统后台）l l御采堂团购系统后台界面：l l站点文件在线编辑界面（可以在线编辑页面，但站点文件在线编辑界面（可以在线编辑页面，但是效果没有是效果没有DreamweaverDreamweaver软件设计的效果好，推软件设计的效果好，推荐用荐用DWDW先设计好样板让后再放进去）：先设计好样板让后再放进去）：l l商品在线编辑功能界面
26、（通过这个后台功能可以商品在线编辑功能界面（通过这个后台功能可以直接发布商品信息，效果还可以，但是有一个软直接发布商品信息，效果还可以，但是有一个软件做这更有效率件做这更有效率shopexshopex助理，）：助理，）：l l订单模块（可以查看谁买了我们的商品，以及该订单模块（可以查看谁买了我们的商品，以及该客户的基本信息还有发货单、收款单快递模板设客户的基本信息还有发货单、收款单快递模板设计等等功能，这个模块还可以导入淘宝的订单，计等等功能，这个模块还可以导入淘宝的订单，很方便实用。）很方便实用。）l l购买商品登陆与注册界面（当用户没有登陆要购购买商品登陆与注册界面（当用户没有登陆要购买商
27、品时，会以弹出窗口的形式出现下面这个对买商品时，会以弹出窗口的形式出现下面这个对话框，这个也是要通过话框，这个也是要通过AjaxAjax技术实现的）：技术实现的）：l l会员注册与登陆模块（登陆进入购物车页面）：会员管理功能界面效果：(里面有会员的基本信息和会员享受的一些优惠还有一些基本的设置等等)l l查看购物车(可以查看到我们要买的商品数量和金额等信息)：l l订单处理（购物车模块）：l l客户留言模块：五、总结l l设计是一件很快乐的事情，尤其是当你设计出来的作设计是一件很快乐的事情，尤其是当你设计出来的作品被采用了，可以实现其商业价值的时候，自然会感品被采用了，可以实现其商业价值的时候
28、，自然会感到很自豪。在这半年的工作中，自己的辛苦没有白费，到很自豪。在这半年的工作中，自己的辛苦没有白费，自己做的东西很多也得到了肯定，并在不断地进步着。自己做的东西很多也得到了肯定，并在不断地进步着。l l团购系统的设计与架构是一项大工程，不可能是一个团购系统的设计与架构是一项大工程，不可能是一个人在短时间内可以全部完成的，我这个网站设计目前人在短时间内可以全部完成的，我这个网站设计目前也只是完成了其中的一部分的功能，毕业答辩的结束也只是完成了其中的一部分的功能，毕业答辩的结束不代表这个团购系统设计的终结，我还会坚持做下去，不代表这个团购系统设计的终结，我还会坚持做下去，做好他，最终得以有商
29、业应用的价值。做好他，最终得以有商业应用的价值。l l在做这个系统设计的期间，遇到了不少的技术问题，在做这个系统设计的期间，遇到了不少的技术问题，在这里很感谢我的主管对我的支持与鼓励，促使我不在这里很感谢我的主管对我的支持与鼓励，促使我不断地改进不断地完善。同时要感谢万老师，能及时给断地改进不断地完善。同时要感谢万老师，能及时给我反馈学校的相关计划和安排，好让我及时完成论文我反馈学校的相关计划和安排，好让我及时完成论文的编写。也感谢白云学院这四年来对我的栽培。的编写。也感谢白云学院这四年来对我的栽培。六、参考文献疯狂疯狂AjaxAjax讲义讲义 李刚编著李刚编著 20092009年年1010月
30、第二次印刷月第二次印刷疯狂疯狂JAVAJAVA讲义讲义 李刚编著李刚编著 20102010年年8 8月第五次印刷月第五次印刷疯狂疯狂XMLXML讲义讲义 李刚编著李刚编著 20082008年年1010月月 第一版第一版 JavaScriptJavaScript征途征途 朱印宏朱印宏 著著 20092009年年9 9月月 第一次印刷第一次印刷大巧不工大巧不工-Web-Web前端修炼之道前端修炼之道 赖定清赖定清 林坚林坚 编著编著 CSS CSS 网页布局实录网页布局实录 李超编著李超编著 20072007年年 9 9月月 第一版第一版网页设计与配色网页设计与配色 旭日东升主编旭日东升主编 20
31、092009年第一次印刷年第一次印刷电子商务概述电子商务概述 姜宏波主编姜宏波主编 20102010年年5 5月月 第四次印刷第四次印刷 附录：网站重要代码Index.htmlIndex.htmlrequire file=block/div class=div class=div class=div class=id=i3 div class=id=i4 require file=block/Header.htmlHeader.html div class=div style=width:0;height:0;font-size:0;div class=div class=div class=
32、div class=div class=id=t4 div class=Footer.htmlFooter.html div class=div class=div class=id=f11 div class=id=f2 Footer.cssFooter.css /*/*底部样式底部样式*/#foot#foot width:100%;width:100%;text-text-align:centeralign:center;background:url(ybgx_05.jpg)background:url(ybgx_05.jpg)repeat-x;repeat-x;.footmainfoot
33、main width:1007px;width:1007px;margin:0 auto;margin:0 auto;.footlogofootlogo float:leftfloat:left;width:217px;width:217px;height:88px;height:88px;text-text-align:centeralign:center;margin-top:20px;margin-top:20px;.footinfofootinfo float:leftfloat:left;width:770px;width:770px;margin:10px 0 0 20px;mar
34、gin:10px 0 0 20px;text-text-align:centeralign:center;.footinfofootinfo.cat1 .cat1 float:leftfloat:left;padding:0 15px;padding:0 15px;color:444;color:444;line-height:32px;line-height:32px;内部页面内部页面内部页面内部页面CSS CSS 样式：样式：样式：样式：#footer#footer clear:bothclear:both;width:900px;width:900px;color:#000;color:
35、#000;height:autoheight:auto;margin:2px auto;margin:2px auto;#footer p#footer p clear:bothclear:both;#footer h3 a#footer h3 a font-size:18px;font-size:18px;font-font-weight:boldweight:bold;color:#fffcolor:#fff;text-text-decoration:nonedecoration:none;#footer h4 a#footer h4 a font-size:14px;font-size:
36、14px;font-font-weight:boldweight:bold;text-text-decoration:nonedecoration:none;#dg#dg float:rightfloat:right;margin-right:260px;margin-right:260px;#egeg float:rightfloat:right;padding-right:20px;padding-right:20px;border:2px#999999;border:2px#999999;margin-right:50px;margin-right:50px;border-right-b
37、order-right-style:dottedstyle:dotted;#fgfg float:rightfloat:right;border:2px#999999;border:2px#999999;margin-right:50px;margin-right:50px;padding-right:20px;padding-right:20px;border-right-border-right-style:dottedstyle:dotted;#gggg float:rightfloat:right;border:2px#999999;border:2px#999999;margin-r
38、ight:50px;margin-right:50px;padding-right:20px;padding-right:20px;border-right-border-right-style:dottedstyle:dotted;Info.xmlInfo.xml 配置文件配置文件配置文件配置文件 御采堂团购御采堂团购 ypgxypgx NO.1 NO.1 精彩团购每一天精彩团购每一天 袁国麟袁国麟 http:/http:/ http:/http:/ key tplborders/border1.html/set key tplborders/border2.html/set key tplborders/border3.html/set key tplborders/border4.html/set key tplborders/border5.html/set key tplborders/border6.html/谢谢