论文代写网可分享到:0
代写硕士毕业论文 > 毕业论文代写 > 软件工程论文 > 用XML+XSLT+CSS+JavaScript模式组建网站

用XML+XSLT+CSS+JavaScript模式组建网站

作者:2016-10-01 22:49阅读:文章来源:论文代写
  Web文档通常包括的要素有:数据、结构、表现和行为。Web标准化中, XHTML+CSS+JavaScript模式只是将表现(CSS)和行为(JavaScript)分离了出来,数据和结构仍然混杂在一起,这样的模式不是Web文档的最终目标,而只是一个过渡品。XHTML标准的建立,是为了向XML过渡的,XML+XSLT+CSS+JavaScript模式才能真正做到数据、结构、表现和行为的完美分离。XML和XSLT的转换使Web设计受益无穷。借助XML和 XSLT转换,可以实现将网站内容存储在数据库中,在XML中传输数据,然后再通过XSLT转换将其转变为XHTML。 
  1 与传统模式的结构对比 
  传统的XHTML+CSS+JavaScript模式结构如图 1所示,本方案使用的XML+XSLT+CSS+JavaScript模式结构如图 2所示。用XML+XSLT结构输出页面相当于把XHTML拆开了,使用XML存储数据,使用XSLT编写页面结构。 
  XML是可扩展标记语言(EXtensible Markup Language)的缩写,用于传输和存储数据,是W3C的推荐标准[1]。XML将信息序列化为文本进行保存,使数据可以在不同平台、不同应用程序间进行交换。 
  XML强在数据结构弱于数据显示格式,对XML文件的显示要借助于额外的样式表[2]。专门针对XML设计的可扩展样式表语言XSL(EXtensible Stylesheet Language),是用于以可读格式呈现XML数据的语言。XSLT是可扩展样式表语言转换(XSL Transformations)的缩写,它是XSL中最重要的组成部分,用于将XML文档转换为(X)HTML、文本或者XML类型的文档。XSLT样式表由一些模板组成,这些模板决定了输出文本的格式。XSLT也是W3C的推荐标准。 
  2 网站组建方案分析 
  网站组建结构如图 3所示。用户通过浏览器浏览XML文档数据,XML文档在组织数据的同时,通过语句调用XSLT文件。XML和XSLT在客户端下载并自动合成XHTML页面文件,由浏览器进行解析。与此同时,客户端会同步下载CSS文件和JS文件。 
  3 网站组建实例 
  由于XML本身是作为描述和传输信息的文档,所以XML+XSLT结构更适合于信息展示类的页面,比如新闻、相册等。另外,游戏官网也很适合使用此结构来完成,如暴雪公司的游戏官网(星际争霸2、魔兽世界、暗黑破坏神3等)均采用XML+XSLT结构。 
  下面以新闻列表显示为例说明XML+XSLT结构在Web开发中的应用。本例的实现思路是:新闻相关信息以XML文档的形式给出,新闻列表显示风格则由XSLT文件进行控制。其中,XML文档可由两种方式生成,方式一是通过运行.ashx文件在服务器端动态生成,其文件目录结构如图 4所示,方式二是直接提供一个静态的XML文件,其文件目录结构如图 5所示。 
  图 4中各文件作用说明如下:Handler.ashx是用户访问入口,用于呈现XML,纯粹的数据容器;XSLTFile.xslt负责在客户端格式化XML,纯粹的结构定义;Stylesheet.css用于定义页面样式,纯粹的表现定义;JScript.js用于客户端交互,纯粹的交互控制。图 5中XMLFile.xml是用户访问入口,一个静态的XML文件。 
  各文件关键代码如下所示。 
  Handler.ashx 
  public void ProcessRequest(HttpContext context) 
  { 
  context.Response.ContentType = "text/plain"; 
  SqlConnection cn = new SqlConnection(); 
  cn.ConnectionString = @"Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\NewsDB.mdf;Integrated Security=True;User Instance=True"; 
  cn.Open(); 
  SqlCommand cm = new SqlCommand(); 
  cm.CommandText = "select * from articles"; 
  cm.Connection = cn; 
  SqlDataReader dr = cm.ExecuteReader(); 
  StringBuilder sb = new StringBuilder(); 
  sb.Append(""); 
  sb.Append(""); 
  sb.Append(""); 
  while (dr.Read()) 
  { 
  sb.Append("
"); 
  sb.Append("" + dr["id"] + ""); 
  sb.Append(""); 
  sb.Append("" + dr["ptime"] + ""); 
  sb.Append("
"); 
  } 
  sb.Append("
"); 
  context.Response.Write(sb.ToString()); 
  } 
  代码说明:从数据库NewsDB.mdf中读取新闻信息,按XML文档的语法格式构造成一个的字符串sb输出。 
  代码说明:XML文档是树状结构的,所有XML元素都须有关闭标签。第二行代码表明XML文档调用了XSLT文档。本段代码中间省略了标签结构相同的多条新闻信息。 
  本例在IE浏览器中的运行效果如图 6所示。 
  4 网站组建模式优劣分析 
  相比以往的各种网站开发模式,如XHTM模式、XHTML+CSS+JavaScript模式等,用XML+XSLT+CSS+JavaScript模式组建网站的优势更为明显。 
  用以往的XHTM模式进行开发,由于仅仅是一个XHTML文档,前台程序员要在上面定义文档结构,以及ID、Class,还要在上面写客户端事件,后台程序员得把从数据库中取得的数据插入到页面中的某处。这时XHTML就像是一个接口,双方共用着这一个接口,双方的工作都受其牵制。该模式本身结构的混杂性,带来开发过程中人员分工界限不明确的问题,导致前台与后台程序员之间出现频繁磋商的情况,最终延误开发效率。 
  而新模式中的情况是,后台程序员只管负责跟数据库打交道、处理业务逻辑,客户端需要数据时,只要提供XML文档就可以了;作为前台程序员,只要知道XML文档结构和用户界面中的交互控件,就可以通过XSLT灵活地安排布局和编写事件逻辑。充分解耦的新模式带来的就是细化分工及并行开发,更便于团队协作。 
  此外,新模式更节省带宽资源和服务器端处理器资源。带宽资源方面:用户每次切换页面,只需下载一个XML文档,其他XSLT、CSS、JS都只需在第一次使用该文件时下载一次,这样使得每次在网络上传输的页面数据量大大减少。服务器端处理器资源方面:客户端呈现的代码全由XSLT在客户端动态合成,服务器端的工作仅仅是处理业务逻辑和数据库交互,比较轻松。 
  还有,用新模式组建的网站更易于被搜索引擎检索及有更强的对外可扩展能力。因为XML数据冗余少且可在不同平台、不同应用程序间通用。 
  但用新模式组建网站也存在一定的弊端。比如:1.更高的技术要求。显然相比以往的方案,此方案需要开发者掌握更多知识,并组合应用;2.更高的客户端负荷。XSLT加重了客户端的处理压力,虽然客户端的运算资源负荷是一个可以忽视的问题,通常将尽可能多的运算放到客户端,但并不是所有客户都使用中高端的机器,尤其是对一些上网本用户而言;3.更差的兼容性。XHTML、JS、CSS在各个浏览器上本来就有些兼容性问题,现在再加上XSLT,使开发者面临的问题更为严峻。并且对于移动客户端、盲人阅读器及其他非常规客户端而言,XSLT不一定能被解析。 
  将新模式与其他模式的性能优劣对比概括列表,如表1所示。
  5 结束语 
  用XML+XSLT+CSS+JavaScript模式组建网站,是一种非常高效、低耦的建站方案。但此模式确实有其技术难度,目前并不流行。不过,随着时间的推移、观念的更新、工具的发展,相信会得到普及和广泛的应用。  硕士代写论文网文章地址:/rjgclw/2034.html

相关阅读

最新更新

毕业论文代写

写作技巧

认准本站唯一联系方式

论文代写: 78312064

论文发表: 78312674

咨询电话:13281127927

haoyiceo@163.com

安排论文送知网报告

检测结果与学校一致

扫一扫咨询官方微信