基于HTML5和SSH框架的教学评价系统设计-最新教育资料.docxVIP

基于HTML5和SSH框架的教学评价系统设计 DOIDO：I 10.11907/rjdk.151846 系统开发技术 本系统采用HTML5网页制作技术和 SSH( Struts2、 Hibernate、Spring )的J2EE框架。前端页面交互采用 HTML5作 为表现层技术， 以提高用户体验和增强系统的交互性。 业务逻辑 处理采用SSH框架，采用MySql关系数据库，保证系统数据处理 的高效和稳定性。 1.1HTML5及其新特性 Input标记下的HTML豉术增加了新的控件，如URL输入框、 Email输入框、日期输入框、Number输入框、Color输入框等， 这些控件具有自行进行类型检查和外联数据源的功能。 此外， 上 传控件支持多文件上传， 并且可以自行设置上传文件的类型和大 小。 音视频播放。HTML5技术下浏览器提供音视频播放的 原生能力，即无需依赖外界插件。HTML5 原生能力，即无需依赖外界插件。 HTML5在网页中插入Audio和 Video 视频，音、视频呈现不需要虚拟机，所需计算资源少且页 面数据量也较小，对于移动设备来说，响应更快，从而带来更好 的用户体验。 灵活的表单结构。在 HTML沖，表单控件增加了 form 属性，可以通过此属性值设置控件所属表单， 无需将控件写在之 间，布局方式灵活。除此之外， HTML5还可以给SUBMIT按钮增 加 formation 属性，同一表单中的数据可以提交给不同的服务器 端程序，给基于Web的教学平台开发带来了灵活、 简便的实现方 案。 离线的Web应用。传统的基于Web的平台必须保持网 络的持续连接，一旦网络连接中断，Web平台便无法运转。HTML5 新技术支持离线 Web应用。使用HTML豉术的Web客户端在本地 数据存储中保存数据，通过DOM犬态显示当前网络连接状态，Web 应用访问本地的数据存储， 在离线状态也可以对客户端数据进行 修改。 在HTML5^准前，HTML5本地存储 Web存储信息需要 Cookie 来完成，最多只能存储 4K HTML5的出现不仅带来了更多语义 丰富的标签， 还有更多的新特性： ①本地永久存储。 LocalStorage 存储的数据只在请求时使用， 使在不影响网站性能的情况下存储 大量数据成为可能；② SessionStorage 对象。SessionStorage 是针对用户执行单个事务的方案而设计的， 用于本地存储 Ession 数据，仅在单个页面会话范围内有效，当会话结束时， Session 页面关闭，数据也随之销毁；③ WebSQL Database使用本地存 储和会话存储能够很好地完成对简单关键值对和简单对象的存 储，但在存储琐碎的关键数据时无能为力。因此 WebSQ数据库 应运而生。WebSQ数据库实现了常用的关系型数据库的操作， 比如创建或打开数据库、创建或打开表、执行 SQL语句等，这些 操作都是在浏览器端实现。 1.2SSH 框架 采用 Struts+Spring+Hibernate ( SSH 架构快速构建 Web 系统，能使系统结构清晰， 同时具备很好的可扩展性和可维护性， 大大提高了 Web系统的可重用性。 (1) Struts2 框架。Struts2 框架实现了 MVC设计模式，它 通过控制器将业务逻辑层、 数据持久化层和表示层分离， 即分成 Model层、View层、Controller 层。struts2 的标签库减轻了程 序员的工作量，提高了系统开发效率，同时 struts2 通过 xml 和 properties 等配置文件使系统各部分联系在一起，有利于系 统维护。 (2)Hibernate 框架。Hibernate 是一款 ORM匡架，Hibernate 中关系数据库的表可以映射为 JavaBean对象，开发人员无需手 动操作数据库软件来创建数据库和数据库表， 并且可以操作几种 流行的数据库，包括 SqlServer、Oracle、MySQL等。并且 Hibernate还对JDBC进行了封装，减轻了程序员的工作量。 3) Spring 框架。 Spring 框架的特点主要有： ①控制反转。 不创建对象， 但描述创建它们的方式， 在代码中不直接与对象和 服务连接， 但在配置文件中描述哪一个组件需要哪一项服务； ② 容器负责将 Struts2 、Hibernate 和 Spring 三大框架联系在一起； ③面向切面编程。面向切面编程即 AOP面向切面编程是针对业 务处理过程中反复出现的业务逻辑功能模块即切面进行提取。 如，某一个 Action 如，某一个 Action 在各个模块中都有涉及， Action 可以看成横 切面存在于系统当中。大多情况下，这些 Action 都不是某个模 块必须