html5技术下web富客户端网页设计方案

《html5技术下web富客户端网页设计方案》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、HTML5技术下Web富客户端网页设计方案　　5是近十年来）的标准；全新的级联样式表（CSS）标准，用于定义文档的外观和呈现方式以及JavaScript脚本语言。　　（2）实现基于标准的富VC,hibernate作为Dao层的ORM框架处理数据持久化方面的逻辑，spring作为一个中间层的容器，统一管理系统的业务逻辑。　　系统遵循接口编程的原则，所有的Action、Service和Dao都应该定义接口。在纵向上划分为Action、Service和Dao3个层，横向按功能模块划分，每一个具体的子模块应该拥有其对应的Action、Servi

2、ce和Dao层。据此思想，在子模块的子一级功能中，应当对其进行封装，以使各个不同的子功能之间不相耦合。系统在Service层上应该使用spring的AOP机制实现系统的事务管理、日志记录功能，可以编写一个通用的Dao,所有其他Dao都继承自此Dao,以减少Dao层的开发量。系统后台的基本架构如图3所示。系统的辅助系统处理数据查询量大问题，在非分布式的系统中，使用上述架构容易导致资源枯竭造成系统崩溃，故而数据查询模块不采用上述架构，而采用传统的servlet+jav-abean+jdbc的架构模式。　　采用传统的架构模式并不意味着就是最简

3、单、最基本的模式，为了减少jdbc层的开发，首先，该辅助架构应该将jd-bc操作封装成jdbc模板,提供ResultSet到Java集合的映射,以提供一个统一的数据集接口。该数据集除了由jdbc操作从数据库中获取数据外，还应提供一个外部接口，用以构造该数据集。　　由此可知对于该辅助架构，它的底层是一个数据集的提供者，该数据集提供者有两种方法获取数据集，一是通过jd-bc接口从数据库中获取数据并将其转化为Java集合,二是通过外部接口设置其数据集。数据集总是和模型一并存在的，有数据集就意味着有构成该数据集的模型，辅助架构的数据集提供者必须

4、是统一的、通用的，而数据模型肯定不是唯一的，对于每一个不同的业务，可能都会有一种不同的模型，因此，对于该数据集提供者，可以采用Java泛型设计模式。　　比如DataQuery类有3个属性，list属性表示该类所封装的数据集，它可以是由jdbc操作从数据库中获取的，也可以是由外部设置进来的；sql属性表示当该DataQuery是由jdbc方式构造时，用以从数据库提取数据的sql语句；totalCount属性表示数据集的大小。DataQuery类有5个方法，其中两个构造方法，DataQuery（insql:String）构造方法表示该构造方

5、法接收一条sql语句，由JDBC方式构造该数据集，当由此方式构造数据集时，对数据的提取以及到Java集合的映射操作被封装在了excute（）方法中，这是一个私有方法。getData和getAllData方法顾名思义，前者是返回原始数据集中指定位置、指定长度的新的数据集，后者是返回整个原始数据集。　　3分层开发模式　　基于5的Web富客户端X页设计采用软件体系架构设计中常用的分层的设计方法，分层的设计方法是软件体系结构设计中最为常见也最重要的一种方法，从上到下分别是：表示层（UI）、业务逻辑层（BLL）、数据访问层（DAL）和数据层（DL

6、）。4层之间相互作用的关系图如图4所示。　　采用分层的软件结构使开发人员可以只关注其中的某一层进行设计与开发，可以降低层与层之间的依赖关系，在需求变化时可以方便地用新的实现替换原有的层次实现，更有利于软件结构的标准化和各层逻辑的复用，也在很大程度上降低了后期软件维护的成本。　　4基于5技术的表示层开发　　表示层位于整个软件体系的最上层，也是和用户关系最紧密的一层，主要用于接收用户的输入数据、页面操作等请求，并把后台程序返回的数据和结果以适当的形式反馈给用户，其主要作用是为用户提供一个友好的交互式操作界面。　　由于Web监控软件采用B/S

7、的设计模式，所以系统中的表现层的主要形式是Web页面，而在程序中的表现形式是ASPX文件.在Web监控系统中需要通过大量的图表和曲线对生产运行数据进行显示，因此采用最新的超文本语言版本5和SVG可缩放矢量图形（ScalableVectorGraphics）实现了更加良好的曲线与图表的显示效果，同时为进一步地增加交互界面的可操作性，可以选用第三方控件Highcharts和jqGrid来实现软件平台中实时动态曲线和各种图表的显示。　　5结语　　5能够减少X络应用对于浏览器插件的需求，给站点带来更多的过媒体元素，基于5新特性研究了Web富客户

8、端X页设计方法。对5新特性进行了分析，在此基础上给出了Web富客户端X页设计方案。给出了单页面表现应用开发模式、系统前台页面设计视图以及后台数据与服务处理架构设计，并研究了基于5技术的表示层开发技术，为We