《基于HTML的移动查房系统研究与实现.doc》由会员分享，可在线阅读，更多相关《基于HTML的移动查房系统研究与实现.doc（23页珍藏版）》请在金锄头文库上搜索。
1、-范文最新推荐- 基于HTML5的移动查房系统研究与实现 摘要：随着科学技术的不断进步,尤其是智能平台占有率越来越多，以及移动网络的普及，可兼容的多平台信息管理系统越来越受到关注。而HTML5因其可跨平台的特点，在面向手机设备创造跨平台应用方面扮演着越来越重要的角色。本课题介绍基于HTML5技术构建的信息系统，首先研究了HTML5、Sencha、MVC框架等相关技术。尤其是对MVC框架以及B/S架构进行了深入的研究，结合医生查房中可能出现的需求，设计并实现了一个简单的基于.HTML5的移动查房系统。8736本论文主要工作与成果有：(1) 在ORACLE中设计了若干表，用来存放医嘱信息等;(2)
2、 设计实现了一个简单的移动查房系统;(3) 使用Sencha Touch，美化了界面，提供了大量的触摸事件，大大提高用户体验;(4) 使用MVC的框架，使得程序有耦合性低、重用性高。关键词：HTML5 ； 信息系统 ； 跨平台 ；MVC ；Research and Realization of Information Systems Based on HTML5 TechnologyAbstract:With the continuous progress of science and technology, especially smart platform share more and m
3、ore, as well as the popularity of mobile networks, multi-platform compatible information management systems more and more attention. And because of its cross-platform HTML5 features in the mobile device for creating cross-platform applications play an increasingly important role.This topic introduce
4、s HTML5-based technology to build the information system, first studied HTML5, Sencha, MVC framework and other related technologies. Especially the MVC framework and B / S structure conducted in-depth research, combined with medical needs that may arise rounds, designed and implemented based on a si
5、mple. HTML5 mobile rounds system.Work and achievements of this thesis are:（1）In ORACLE designed a number of tables used to store prescription information. 4.1 风险分析134.1.1 系统软件硬件的风险134.1.2 计划的拖延134.2 开发环境134.3 移动查房系统的结构设想134.3.1 硬件结构设想134.3.2 软件功能设想144.4 基于HTML5技术的移动查房系统部署与实现144.4.1 系统架构144.4.2 基于HTM
6、L5开发的系统特性154.4.3 基于HTML5开发的系统优点154.4.4 基于HTML5开发的移动查房系统的实现164.5 系统C/S和B/S架构的选择164.5.1 C/S优点164.5.2 C/S缺点174.5.3 B/S优点与缺点174.5.4 C/S 与 B/S 区别184.5.5 C/S和B/S架构的选择194.6 MVC 架构设计194.6.1 数据模型设计194.6.2 视图层设计204.6.3 控制层设计205 基于HTML5移动查房系统的编码实现215.1 数据库连接215.2 用户登入215.3 病人信息查看235.4 医嘱信息245.4.1 医嘱信息查看245.4.2
7、 医嘱信息主要功能新增、保存、删除256 总结与展望306.1 总结306.2 不足与改进30致谢31参考文献321绪论1.1研究背景HTML5是HTML的最新标准，HTML5的草案已经于2008年发布，目前W 3 C(万维网联盟)正在对此进行进一步完善。对许多人来说，早该进行这种改进了。十多年来，HTML一直没有进行真正的升级，上一次正式获得W3C推荐(即Web标准制定过程的最终阶段)的标准语言还是2001年的XHTML1.1。此后的这些年，Web开发人员要求升级的呼声越来越高。因为HTML和XHTML标准已力不从心，它们以文档为中心的理念无法有效地满足现代Web应用的需要。 基于最新的WE
8、B标准 – HTML 5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可以使用一个专为Android定制的主题。增强的触摸事件。在touchstart等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。HTML 5离线存储HTML 5地理定位Sencha Touch icon设置JSONP代理Y
9、QL数据代理重力感应滚动滚动Touch事件遮罩弹出层为移动优化的表单元素CSS3 GradientsCSS3 TransitionsMulti-Card布局Tab组件滚动列表视图其它……2.3Sencha Touch的组成2.3.1ExtJSExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写 的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应 用中。ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java S
10、wing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术 的精品。2.3.2jQTouchjQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机，是提供一系列功能为手机浏览器WebKit服务的jquery插件。 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新
11、的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”图2.2支持HTML5的浏览器支持Html5的浏览器，如图2.2，包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chro
12、mium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。2.6HTML5的沿革HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。（1）取消了一些过时的HTML4标记其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。HTM
13、L5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创作者更加语义地创建文档，之前的开发者在实现这些功能时一般都是使用p。（2）将内容和展示分离b 和 i 标签依然保留，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被完全去掉了。 2.7.1MVC 简介MVC开始是存在于桌面程序中的，M是指数据模型，V是指用户界面，C则是控制器，使用MVC的目的
14、是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。模型视图控制器（MVC）是Xerox PARC在二十世纪八十年代为编程语言Smalltalk80发明的一种软件设计模式，已被广泛使用。后来被推荐为Oracle旗下Sun公司Java EE平台的设计模式，并且受到越来越多的使用ColdFusion和PHP的开发者的欢迎。模型视图控制器模式是一个有用的工具箱，它有很多好处，但也有一些缺点。2.7.2架构内容MVC是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。最典型的MVC就是JSP + servlet + javabean的模式。（1）视图视图是用户看到并与之交互的界面。对老式的Web应用程序来说，视图就是由HTML元素组成的界面，在新式的Web应用程序中，HTML依旧在视图中扮演着重要的角色，但一些新的技术已层出不穷，它们包括Adobe Flash和像XHTML，XML/XSL，WML等一些标识语言和Web services.MVC好处是它能
