所以,结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法,以此作为指南,以一种较好的CSS样式组织习惯来进行WEB前端开发。 一、CSS样式文件分解 对于小项目,在写代码之前,按页面结构或页面内容将代码分为几块并给予注释。例如,可以分别将 全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。 而对于较大的工程,这样显然不会有什么效果。此时,就需要将样式分解到几个不同的样式表文件。下面的master stylesheet 就是这一方法的例子,它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构,而且有利于减少一些不必要的服务器请求。而分解文件的方法就有许多种,master stylesheet 使用了最常见的一种。 @import "reset.css"; @import "layout.css"; @import "colors.css"; @import "typography.css"; @import "flash.css"; /* @import "debugging.css"; */ 同时对于大型项目,你也可以加上CSS文件的升级标志或者一些诊断等其他措施,这里不再详述。大家注意在实现工作中总结与思考,也欢迎多参考jb51.net的相关文章。 二、为CSS文件建立索引 为了能够迅速的了解整个CSS文件的结构,在文件开头建立文件索引是一个不错的选择。 一种可行的方法是建立树形的索引,结构上的id 和 class 都可以成为该树的一个分支。 [Layout] * body + Header / #header + Content / #content - Left column / #leftcolumn - Right column / #rightcolumn - Sidebar / #sidebar - RSS / #rss - Search / #search - Boxes / .box - Sideblog / #sideblog + Footer / #footer Navigation #navbar Advertisements .ads Content header h2 或者也可以这样: [Contents] 1. Body 2. Header / #header 2.1. Navigation / #navbar 3. Content / #content 3.1. Left column / #leftcolumn 3.2. Right column / #rightcolumn 3.3. Sidebar / #sidebar 3.3.1. RSS / #rss 3.3.2. Search / #search 3.3.3. Boxes / .box 3.3.4. Sideblog / #sideblog 3.3.5. Advertisements / .ads 4. Footer / #footer 另一种方式可以只是先简单的将内容列举出来,也不需要缩进。下面的一个例子中,如果你需要跳至RSS部分你只需要简单的搜索。 [Contents] 1. Body 2. Header / #header 3. Navigation / #navbar 4. Content / #content 5. Left column / #leftcolumn 6. Right column / #rightcolumn 7. Sidebar / #sidebar 8. RSS / #rss 9. Search / #search 10. Boxes / .box 11. Sideblog / #sideblog 12. Advertisements / .ads 13. Footer / #footer /*--[8. RSS / #rss]--*/ #rss { ... } #rss img { ... } 定义这样一个样式检索可以很有效的使其他人阅读学习你的代码变得容易。在制作大项目的时候,你也可以将检索打印出来从而在你阅读代码的时候方便查阅。

由于实习需要,需要通过ajax来获取后台的List集合里面的值。由于前面没有接触过,所以今天就来研究下了。 一、首先需要下载JSON依赖的jar包。它主要是依赖如下: json-lib-2.2.2-jdk15 ezmorph-1.0.4 commons-logging-1.0.4 commons-lang-2.4 commons-collections-3.2.1 commons-beanutils 二、实例。 1、身份证错误信息Bean类(ErrorCondition.java) 复制代码 代码如下: /** *@Project: excel *@Author: chenssy *@Date: 2013-4-4 *@Copyright: chenssy All rights reserved. */ public class ErrorCondition { private String name; // 姓名 private String idCard; // 身份证 private String status; // 错误状态 private String message; // 错误信息 ErrorCondition(String name,String idCard,String status,String message){ this.name = name; this.idCard = idCard; this.status = status; this.message = message; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getIdCard() { return idCard; } public void setIdCard(String idCard) { this.idCard = idCard; } public String getStatus() { return status; } public void setStatus(String status) { this.status = status; } public String getMessage() { return message; } public void setMessage(String message) { this.message = message; } } 2、JSP页面(index.jsp) 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script> </head> <body> <input type="button" value="点我显示数据" id="clickMe"> <table id="showTable" border="1"> <tr> <td>姓名</td> <td>身份证</td> <td>错误状态</td> <td>错误信息</td> </tr> </table> <script> $("#clickMe").click(function(){ var url = "json/jsonTest.action"; $.ajax({ type:'get', url:url, dataType: 'json', success:function(data){ $.each(data,function(i,list){ var _tr = $("<tr><td>"+list.name+"</td><td>"+ list.idCard+"</td><td>"+list.status+ "</td><td>"+list.message+"</td></tr>"); $("#showTable").append(_tr); }) } }) }) </script> </body> </html> 3、Action处理类(JsonTest_01.java) 复制代码 代码如下: /** *@Project: jsonTest *@Author: chenssy *@Date: 2013-4-5 *@Copyright: chenssy All rights reserved. */ public class JsonTest_01 { public String execute() throws IOException{ ErrorCondition r1 = new ErrorCondition("张三", "4306821989021611", "L", "长度错误"); ErrorCondition r2 = new ErrorCondition("李四", "430682198902191112","X", "校验错误"); ErrorCondition r3 = new ErrorCondition("王五", "", "N", "身份证信息为空"); List<ErrorCondition> list = new ArrayList<ErrorCondition>(); list.add(r1); list.add(r2); list.add(r3); //将list转化成JSON对象 JSONArray jsonArray = JSONArray.fromObject(list); HttpServletResponse response = (HttpServletResponse) ActionContext.getContext().get(ServletActionContext.HTTP_RESPONSE); response.setCharacterEncoding("UTF-8"); response.getWriter().print(jsonArray); return null; } } 4、struts.xml配置 复制代码 代码如下: <?xml version="1.0" encoding="GBK"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN" "http://struts.apache.org/dtds/struts-2.1.7.dtd"> <!-- 指定struts 2的配置文件的跟元素 --> <struts> <package name="json" namespace="/json" extends="struts-default"> <action name="jsonTest" class="com.json.action.JsonTest_01" method="execute"></action> </package> </struts> 三、运行结果 开始页面如下: 当点击按钮后返回的结果如下:

怎样建立最佳索引?1、明确地创建索引create index index_name on table_name(field_name)tablespace tablespace_namepctfree 5initrans 2maxtrans 255storage(minextents 1maxextents 16382pctincrease 0);2、创建基于函数的索引常用与UPPER、LOWER、TO_CHAR(date)等函数分类上,例:create index idx_func on emp(UPPER(ename)) tablespace tablespace_name;3、创建位图索引对基数较小,且基数相对稳定的列建立索引时,首先应该考虑位图索引,例:create bitmap index idx_bitm on class (classno) tablespace tablespace_name;4、明确地创建唯一索引可以用create unique index语句来创建唯一索引,例:create unique index dept_unique_idx on dept(dept_no) tablespace idx_1;5、创建与约束相关的索引可以用using index字句,为与unique和primary key约束相关的索引,例:alter table table_nameadd constraint PK_primary_keyname primary key(field_name)using index tablespace tablespace_name;如何创建局部区索引?1)基础表必须是分区表2)分区数量与基础表相同3)每个索引分区的子分区数量与相应的基础表分区相同4)基础表的自分区中的行的索引项,被存储在该索引的相应的自分区中,例如create index TG_CDR04_SERV_ID_IDX on TG_CDR04(SERV_ID)Pctfree 5Tablespace TBS_AK01_IDXStorage(MaxExtents 32768PctIncrease 0FreeLists 1FreeList Groups 1)local/如何创建范围分区的全局索引?基础表可以是全局表和分区表create index idx_start_date on tg_cdr01(start_date)global partition by range(start_date)(partition p01_idx vlaues less than ('0106')partition p01_idx vlaues less than ('0111')...partition p01_idx vlaues less than ('0401'))/如何重建现存的索引?重建现存的索引的当前时刻不会影响查询重建索引可以删除额外的数据块提高索引查询效率alter index idx_name rebuild nologging;对于分区索引alter index idx_name rebuild partition partition_name nologging;删除索引的原因?1)不再需要的索引2)索引没有针对其相关的表所发布的查询提供所期望的性能改善3)应用没有用该索引来查询数据4)该索引无效,必须在重建之前删除该索引5)该索引已经变的太碎了,必须在重建之前删除该索引语句:drop index idx_name;drop index idx_name partition partition_name;建立索引的代价?基础表维护时,系统要同时维护索引,不合理的索引将严重影响系统资源,主要表现在CPU和I/O上。插入、更新、删除数据产生大量db file sequential read锁等待。关于创建索引的建议虽然说,在表中是否创建索引,不会影响到Oracle数据库的使用,也不会影响数据库语句的使用。这就好像即使字典没有目录的话,用户仍然可以使用它一样。可是,若字典没有目录,那么可想而知,用户要查某个条目的话,其不得不翻遍整本字典。数据库也是如此。若没有建立相关索引的话,则数据库在查询记录的时候,不得不去查询整个表。当表中的记录比较多的时候,其查询效率就会很低。所以,合适的索引,是提高数据库运行效率的一个很好的工具。不过,并不是说表上的索引越多越好。过之而不及。故在数据库设计过程中,还是需要为表选择一些合适的索引。宁缺勿滥,这是建立索引时的一个遵循标准。在理论上,虽然一个表可以设置无限的索引。但是,数据库管理员需要知道,表中的索引越多,维护索引所需要的开销也就越大。每当数据表中记录有增加、删除、更新变化的时候,数据库系统都需要对所有索引进行更新。故数据库表中的索引绝对不是多多益善。具体来说,在索引建立上,笔者对大家有如下建议。建议一:在基数小的字段上要善于使用位图索引。基数是位图索引中的一个基本的定义,它是指数据库表中某个字段内容中不重复的数值。如在员工信息表中的性别字段,一般就只有男跟女两个值,所以,其基数为2;婚姻状况字段的话,则其只有已婚、未婚、离婚三种状态,其基数就为3;民族一览内也是只有有限的几个值。对于要查询基数小的字段,如现在用户想查找所有婚姻状况为“已婚”的“女性”时,利用位图索引可以提高查询的效率。这主要是因为标准索引是通过在索引中保存排序过的索引列以及对应的ROWID来实现的。若我们在基数小的列上建立标准索引的话,则其会返回大量的记录。而当我们在创建位图索引的时候,在Oracle会对整个表进行扫描,并且会为索引列的每个取值建立一个位图。若内容相同,则在位图上会以一个相同的数字表示。此时,若这个字段的基数比较小的话,则若需要实现对整个字段的查询的话,效率就会非常的高。因为此时,数据库只要位图中数字相同的内容找出来即可。除了在数据表某列基数比较小的情况下,采用位图索引外,我们往往在一些特殊的情况下,也会建议采用位图索引。最常见的情况是,在Where限制条件中,若我们多次采用AND或者OR条件时,也建议采用位图索引。因为当一个查询饮用了一些部署了位图索引的列的时候,这些位图可以很方便的与AND或者Or 运算符操作结合以快速的找出用户所需要的记录。但是,这里要注意,不是在条件语句中包含运算符的时候,采用位图索引都能够提供比较高的效率。一般来说,只有AND 或者OR运算符的时候,位图索引才会比较具有优势。若此时用户采用大于号或者不等于号作为条件语句中的限制条件的时候,则往往采用标准索引具有更大的优势。所以,笔者在数据库设置中,一般只有在三种情况下才采用位图索引。一是列的基数比较小,而有可能需要根据这些字段的内容查找相关的记录;二是在条件语句中,用到了AND或者OR运算符的时候。除了这两种情况外,最好能够采用其他适合的索引。第三种情况是,需要用到NULL作为查询的限制条件。因为标准查询一般情况下,会忽略所有的NULL值列。也就是说,若需要查询“所有没有身份证号码”的员工的信息的时候,标准索引并不能够起到加速查询速度的作用。此时,就需要采用位图索引。因为位图索引会记录相关的NULL值列信息。建议二:创建索引的一些限制条件。并不说,表或者列建立的索引越多越好。相反,索引建的越多,有时会反而会影响数据库运行的整体性能。所以,在建立索引的时候,仍然会有一些限制条件。一是不要对一些记录内容比较少的表建立索引。在一个应用系统设计的时候,如设计一个ERP系统的数据库,其虽然有几千张表。但是,并不是每张表都有大量记录的。相反,其中有近一半左右的数据表,可能其存储的数据不会超过百条。如员工登陆帐户密码表、企业部门信息表等等。对于这些记录内容比较少的表,我们建立最好不要为其建立索引。无论是表上的,还是字段上,都不要建立索引。二是若表中的内容比较大,但是,这个表基本上不怎么查询的时候,则只需要在表上建立索引即可;而不需要在字段上建立索引。如现在在ERP系统中,有一张表是“AD_Table”。其存储的是这个数据库中相关表的信息。这张表只有在数据库设计的时候才会用到。故这张表中的记录虽然比较多,但是由于用户用的比较少,所以,一般没有必要为这张表建立列级别上的索引。而直接用表索引来代替。三是在一些NULL字段上,要根据实际情况来判断是否要建立索引。如现在有一张人事档案的表格,其上面有两个字段,分别为“身份证号码”与“地区”。有时会为了某个原因,企业需要所有员工都在系统中登记他们的身份证号码,以方便他们办工资卡、社会保险等等。所以人事管理可能需要经常的查询系统,看看有没有没有身份证号码的员工信息。此时,就需要利用条件“IS NULL”来查询我们所需要的记录。故为了提高查询效率,若某个记录可能为空,并且经常需要以NULL为条件进行查询的时候,则最好给这个字段添加一个索引,并且最好建立位图索引。相反,若虽然可能会以NULL这个条件作为查询的限制语句,但是,用的不是很多的时候,则就没有必要为其建立索引。建议三:多表连接查询的索引设计。如现在有一个人事管理系统。人事经理想知道员工的社保缴纳情况。他需要知道员工的姓名、职务、户籍性质(农民户口跟居民户口费用不一样)、缴纳的情况等等。但是,这些信息包含在不同的表中。因为为了提高数据库的性能,在表中存储的可能只是某些序号,而不是具体的内容。如在社保表中,存储的是员工对应的编号,而不是员工的名字。所以,要得到这份报表的话,就可能需要关联员工基本信息表、公司组织结构表等表格,才能够查询到用户所需要的内容。为此,就需要利用Join语句,把这些表格关联起来。为了提高数据库的查询效率,这些用来关联的字段,最好能够建立索引。这可以显著的提高查询的速度。建议四:在表的更新速度与查询速度之间寻求一个平衡点。众所周知,索引本身并不影响数据库的使用,其主要是为了提高数据库的查询效率。但是,由于当数据库的表中的数据更新的时候,包括记录的增加、删除、更改等等,都会对虽有的索引进行更新。很明显,索引虽然可以提高查询速度。但是,也会对一些表的更新操作产生不良的影响。当在表中建立的索引越多,这个不利影响也会越大。故数据库管理员在设置索引的时候,还需要注意,在这两个之间需要一个均衡点。按照一般的理论来说,当某个表多数用来查询、更新相对来说比较上的话,则要多多采用索引。相反,当某个表记录更新居主导,查询相对来说比较少的话,则不要建立太多的索引,避免对更新的速度差生不利影响。在实际工作中,若某个表频繁的被视图所调用的话,则最好就好设置比较多的索引。在选择数据库索引时大家可以参考上文给出的四点建议,相信掌握了上文中的四点建议,大家一定能选择一款合适的索引类型。

网站最基本的东西是什么? ——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度! 内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。 所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢?Steve Souders(Steve Souders的资料http://www.oreillynet.com/pub/au/2951)提出的提高网页效率的14条准则,而这些准则也将是我们下篇中介绍到的YSlow工具的理论基础: Make Fewer HTTP Requests Use a Content Delivery Network Add an Expires Header Gzip Components Put CSS at the Top Move Scripts to the Bottom Avoid CSS Expressions Make JavaScript and CSS External Reduce DNS Lookups Minify JavaScript Avoid Redirects Remove Duplicate Scripts Configure ETags Make Ajax Cacheable 这里我们将逐一的讲解这些准则,对其中开发者密切相关的准则我将详细讲解。小弟个人技术实在有限,错误和无知在所难免,还请高人指点。第一条:Make Fewer HTTP Requests 尽可能的减少HTTP的Request请求数。80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等文件造成的。减少这些资源文件的Request请求数将是提高网页显示效率的重点。这里好像有个矛盾,就是如果我减少了很多的图片,样式,脚本或者flash,那么网页岂不是光秃秃的,那多难看呢?其实这是一个误解。我们只是说尽量的减少,并没有说完全不能使用。减少这些文件的Request请求数,当然也有一些技巧和建议的:1:用一个大图片代替多个小图片。这的确有点颠覆传统的思维了。以前我们一直以为多个小图片的下载速度之和会小于一个大图片的下载速度。但是现在利用httpwatch工具的对多个页面进行分析后的结果表明事实并不是这样。第一张图是一个大小为40528bytes的337*191px的大图片的分析结果。第二张图是一个大小为13883bytes的280*90px的小图片的分析结果。一个大小为40528bytes的337*191px的大图片的分析结果(点击图片可以查看完整大图片)一个大小为13883bytes的280*90px的小图片的分析结果(点击图片可以查看完整大图片)第一张大图片花费时间为:Blocked:13.034sSend:0.001sWait:0.163sReceive:4.596sTTFB:0.164sNetWork:4.760s功耗时:17.795s真正用于传输大文件花费的时间为Reveive时间,即4.596s,多数的时间是用来检索缓存和确定链接是否有效的Blocked时间,供花费13.034s,占总时间的73.2%。

本文实例讲述了JSP使用JDBC完成动态验证及采用MVC完成数据查询的方法。分享给大家供大家参考。具体如下:一、目标:① 掌握JDBC链接数据库的基本过程;② 掌握使用JDBC进行数据查询。二、主要内容:① 在上一次的实例基础上,通过连接数据库完成用户登录功能,介绍JDBC的基本用法;② 通过显示所有用户信息进一步介绍JDBC的用法和查询结果的处理。1、JDBC概念Java Database Connectivity的缩写,用于连接Java应用程序与各种关系数据库的标准接口。对于编程人员来说,连接任何数据库都是相同的。2、要使用JDBC开发应用需要哪些准备工作?安装数据库,包括数据库表的创建;根据数据库的类型,得到数据库的JDBC驱动程序,不同的数据库管理系统需要不同的JDBC驱动程序,并且不同版本的数据库管理系统需要的驱动程序有可能不同的;这里使用Oracle数据库,驱动程序需要放在WEB-INF/lib下面。数据库的相关信息:数据库的IP地址,服务的端口号,数据库的名字,连接数据库的用户名和密码。3、 举例:使用数据库对用户登录信息进行验证。需要修改User.java中验证用户信息的方法。1)在类的前面增加了一个import语句:复制代码 代码如下:import java.sql.*;2)增加的后的check方法如下:public boolean check(){/* if(username==null || userpass==null) return false; if(username.equals("zhangsan") && userpass.equals("lisi")) { return true; }else{ return false; }*/ Connection con = null; Statement stmt = null; ResultSet rs = null; boolean b = true; try{ // 指出连接数据库所需要的驱动程序 Class.forName("oracle.jdbc.driver.OracleDriver"); // 建立与数据库之间的连接// myserver修改为数据库服务器IP,mydb为数据库名 con = DriverManager.getConnection("jdbc:oracle:thin:@myserver:1521:mydb","scott","tiger"); // 编写查询数据库信息的SQL语句 String sql="select * from usertable where username='"+username+"' and userpass='"+userpass+"'"; System.err.println(sql); // 创建语句对象,用于执行SQL语句 stmt = con.createStatement(); // 执行SQL语句得到结果集 rs = stmt.executeQuery(sql); // 判断rs中是否有数据 if(rs.next()) b = true; else b = false; }catch(Exception e){ System.out.println(e.getMessage()); } finally{ // 关闭相关对象 if(rs!=null) try{ rs.close(); }catch(Exception ee){} if(stmt!=null) try{ stmt.close(); }catch(Exception ee){} if(con!=null) try{ con.close(); }catch(Exception ee){} } return b;}4、运行测试可以使用数据库中的用户名和口令进行登录。5、向页面传递查询结果很多时候,客户端需要从服务器端得到数据并显示,因为数据的查询是由JavaBean完成的,对JavaBean的调用是通过Servlet完成的,Servlet中可以得到查询的结果,但是显示信息是由JSP页面完成的,如何把Servlet中查询的信息传递给JSP页面呢?前面介绍过可以通过request、session和application传递信息,因为可以让Servlet和JSP处于相同的请求,所以3个对象都可以使用。但是因为session和application的保存时间比较长,容易造成服务器资源的浪费,所以通常采用request存储。下面通过查询并显示所有信息的功能来介绍具体用法。需要完成的工作如下:① 在User.java中添加查询所有用户信息的方法;② 编写查询所有用户信息的控制器;③ 编写显示信息的JSP页面。6、 在User.java中添加方法查询所有用户信息的方法如下:public ArrayList getAllUser(){ Connection con = null; Statement stmt = null; ResultSet rs = null; ArrayList users = new ArrayList(); try{ // 指出连接数据库所需要的驱动程序 Class.forName("oracle.jdbc.driver.OracleDriver"); // 建立与数据库之间的连接 con = DriverManager.getConnection("jdbc:oracle:thin:@myserver:1521:mydb","scott","tiger"); // 编写查询数据库信息的SQL语句 String sql="select * from usertable"; // 创建语句对象,用于执行SQL语句 stmt = con.createStatement(); // 执行SQL语句得到结果集 rs = stmt.executeQuery(sql); // 遍历结果集 while(rs.next()) { String username = rs.getString(1); String userpass = rs.getString(2); // java.util.Date birthday = rs.getDate(3); // int age = rs.getInt(4); User user = new User(); user.setUsername(username); user.setUserpass(userpass); users.add(user); } }catch(Exception e){ System.out.println(e.getMessage()); } finally{ // 关闭相关对象 if(rs!=null) try{ rs.close(); }catch(Exception ee){} if(stmt!=null) try{ stmt.close(); }catch(Exception ee){} if(con!=null) try{ con.close(); }catch(Exception ee){} } return users;}需要在类的前面引入java.util包,代码如下:复制代码 代码如下:import java.util.*;7、 编写控制器代码如下:package servlet;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;import javabean.*;import java.util.*;public class GetAllUser extends HttpServlet{ public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException { // 第一步:获取用户的输入信息,这里不需要 // 第二步:调用JavaBean User user = new User(); ArrayList users=null; users = user.getAllUser(); // 第三步:传值 request.setAttribute("users",users); // 第四步:选择一个界面对用户进行响应 String forward="userlist.jsp"; RequestDispatcher rd = request.getRequestDispatcher(forward); rd.forward(request,response); } public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException { doGet(request,response); }}这里假设使用userlist.jsp对用户进行响应。8、 配置控制器在Web.xml中添加如下代码: <servlet> <servlet-name>getAllUser</servlet-name> <servlet-class>servlet.GetAllUser</servlet-class> </servlet> <servlet-mapping> <servlet-name>getAllUser</servlet-name> <url-pattern>/getAllUser</url-pattern> </servlet-mapping>9、 编写userlist.jsp响应<%@ page contentType="text/html;charset=gb2312"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><c:forEach var="user" items="${users}"> 用户名:${user.username} 口令:${user.userpass} <br></c:forEach>这里的c:forEach标签用于循环处理,items指出循环遍历的集合,var声明循环变量,表示集合中的一个元素。循环体中通过表达式语言显示用户信息。10、运行测试http://127.0.0.1:8080/ch7/getAllUser希望本文所述对大家的JSP程序设计有所帮助。

分类:腾博会手机版下载

时间:2016-09-07 15:27:13