admin 管理员组文章数量: 1086019
2024年6月12日发(作者：阿司匹林的作用)
第12卷第3期(20161月)
电脑知识
与技术
ComputerKnowledgeand
年
Technology
Vol.12,No.3,January2016
ISSN1009-3044
ComputerKnowledgeandTechnology
电脑知识
与技术
E-mail:xsjl@
Tel:+86-551-6569
基于HTML5web技术APP快速开发研究——以移动办公APP软件开发
为蓝本
李世满
（深圳技师学院，广东深圳518116）
摘要：随着互联网+时代的到来，智能手机、PDA等移动设备的广泛运用，作为企业与个人便捷移动工作与生活的桥梁之
一，APP的运用与开发已被提上开发人员的记事日程。该文以移动办公APP”云端”软件开发为蓝本，阐述了基于HT-
ML5web技术快速开发APP的优势及HTML5web技术的发展前景，为基于HTML5web技术APP快速开发研究做一些实
践经验积累与案例提供。
关键词：HTML5web技术APP开发HTML5发展
中图分类号：TP311文献标识码：A文章编号：1009-3044(2016)03-0081-02
DOI:10.14004/.2016.0349
随着智能手机的普及,互联网+时代的到来，3G和4G网络
的大规模覆盖应用，移动互联网得以迅猛发展。互联网的发展
处于一个转折点，而在这之中，移动手机应用作为主角，对于网
络供应商、用户、开发商、投资商都有着重大的影响。App作为
没有时间和地点的限制，并且可以随时随地地查看和使用的这
种方式已逐渐成为用户的最爱。并且APP软件因为它有着覆
盖面广而且简便和快捷等这些优势也越来越受到企业的关
注。如何快速并有效的实现APP的开发问题的解决被提上开
发人员的记事日程。
来支持HTML5。从另外一个角度随着带宽的不断上升，资费
的不断下降，人们对WEBAPP接受程度也会越来越高。最重
要的是云计算的推出，云计算根本上改变了WEBAPP的接受
程度。
2基于HTML5web技术APP快速开发现状
相对于NativeApp，WebApp开发有哪些优势呢？首先，
app开发成本较低。只要使用web开发技术就可以轻松地完成
webapp开发；其次，app升级较简单。升级不需要通知用户，在
服务端更新文件即可，用户完全没有感觉；另外，和一般的web
一样，维护比较简单，它其实就是一个站点。
很多app开发公司看中web的未来发展是基于它的灵活性
——既拥有在web上完成任务的一切优点，又能在离线的时候
完成这些任务。支持离线应用现在已经是可以实现的了——
HTML5提供了例如应用缓存和客户端存储（比如，本地存储，
索引数据库）等性能，这样你的应用就能在没有网络联接的时
候也可以工作了随着科技的发展,移动终端已进入人们的生活,
而传统的网页开发技术很难适应这种小屏幕界面,HTML5的问
世在很大程度上解决了这一难题。结合HTML5的特性并提出
了简单明了、可订制性、以用户为中心的移动Web设计原则。
HTML5新增的视频、音频、画布、离线应用等功能为网页开发
带来了新的希望和曙光。新技术不仅能很好地适应移动终端
界面,而且很大程度上减少了代码冗余,提高了设备运行效率。
用Html5+css3开发webapp的优势在于：1）跨平台语义化
更好、性能更优Android/iOS/windowsphone都对html5和css3提
供了良好的支持；2）引入渐变、圆角、阴影、半透明等新特性,为
用户创建更轻量的页面和更丰富的体验。带来更好的网页的
连通性、可搜索性、可操作性等Webview所用到的部分css3属
性介绍box-flex、rgba、border-radius、border-image、ox-shadow、
text-shadow、multiplebackgrounds、background-size、gradient样式
呈现使用css3属性可以生成内外阴影，透明度，渐变色，圆角等
效果，而以往这些只能用图片来实现的。选择器css3增加了更
1APP与Webapp的发展
App也就是应用软件的意思，英文简称Application，如今
的APP多指智能手机的第三方应用程序。
据APP行业管理中心的数据显示，高达79%的用户每天早
上已起来就开始了手机应用。手机的应用几乎成为了人们生
活中的一大日常必需品。人们在手机的APP中获取资讯、进行
娱乐和网上购物。随着移动设备的快速崛起，APP也正在爆发
式增长。移动客户端中蕴藏着巨大的商机已毋庸置疑。
在App大力发展的今天，人们已不再质疑App可以带来的
收益，互联网+时代的到来，App让每个人的生活更轻松、更便
捷了，APP开发也随之让每个企业都开启了移动信息化的进
程。
Webapp实际上就是WebApplication，指利用Web技术，
配合Web浏览器，跨越网络实现一个或多个任务的Web应用
程序。通过Web浏览器，由Web技术实现出来的WebApp有
别于传统的网站，它具有更丰富的交互体验，使得WebApp看
上去更像是NativeApp,而且webapp的开发难度较之nativeapp
大幅降低，易用性更高。
2012年我们看到了WEBAPP的雏形，2013到2014年
WEBAPP进入井喷期。原因在于首先HTML5技术本身已经比
较成熟。其次整个产业链对HTML5的接受程度已经得到了推
广和普及，标准已经形成。各种各样的浏览器都是争先恐后的
收稿日期：2015-12-15
本栏目责任编辑：谢媛媛
软件设计开发
81
ComputerKnowledgeandTechnology
电脑知识
与技术
多的CSS选择器，让选择元素变得越来越简，实现更简单但是
更强大的功能。3）学会利用html5的某些元素实现跨平台的效
果。如HTML5Canvas实现Loading加载动画。
3以移动办公APP软件开发为蓝本的HTML5web技
术应用：“云端”APP办公软件开发
“云端”应用软件是由深圳技师学院学生自主开发的手机
应用软件，主要应用于用户云端文件保存与分享。“云端”应
用软件的目标是“高质量的文件社交体验”，根据这一目标和应
用软件的使用范围，让中国所有的高校学生和企事业单位都使
用的“云端”的目标也就不难实现。“云端”各功能通过ajax使前
后台数据交互。前端使用H5+CSS3+JS编写，本地端使用java
编写，服务端使用ajax+PHP+.Net+NodeJS编写。各端间相互联
通。具体逻辑判断如图所示。
图1
作品功能与原型设计：
82
软件设计开发
第12卷第3期(2016年1月)
商务人群于云端保存文件，
1)用户云端保存文件：“
其工作原理为：
云端”应用软件主要应用于学生、
用户通过网络下载
软件并于手机安装“云端”，然后在“云端”中注册帐号，在云盘
中点击上传文件即可。2)用户随意分享文件“云端”:应用软件
在用户上传文件后，文件的状态是自动公开分享。即用户需要
在上传文件是考虑文件内是否涉及个人隐私与包含违法反动
文件。一旦用户分享以上所述文件，上传者将被追究法律责
任。3)用户间在线交流“云端”:应用软件用户间可相互添加好
友创建群聊天实现即使在线交流。4)云端基础功能:用户
可在应用软件上查看网盘文件、编辑云文档、浏览云相册、欣赏
云音乐、并且实现软件的基础设置。
作品实现、难点及特色分析：
PHP+.Net+NodeJS
软件实现：软件使用html5+css3+JavaScript+java+ajax+
软件难点：web
等语言实现。
与本机关联相互调用；云端文件数据库取
数；文件目录结构分析；用户信息保存与设置；用户即使在线交
流；各类文件查看
软件特色：用户可随时分享文件、对文件评论、获取优质文
件；本软件使用的是混合应用技术，即使用web+java+ajax完
成。混合型app可以完美的解决各平台中的兼容性；开发成本
低，混合型应用可同步各操作平台的用户交互，不需在各平台
开发不同的用户使用界面；维护更新简单，混合型应用可让开
发者及时的修改bug更新软件并发布。.
软件访问地址：http:
4HTML5发展趋势
桌面浏览器到移动应用，
HTML5从根本上改变了开发商开发
这种语言和标准都正在影响并将继续
Web应用的方式，从
影响着各种操作平台。
参考文献：
[1]
[2]
物联中国网
[3]
王庆
马婧
.
.
基于
巨头_HTML5
HTML5
[EB/OL]..
的移动
命运的裁定者
Web技术
[J].
[J].
互联网周刊
软件导刊,2013(12).
,2013(9).
本栏目责任编辑：谢媛媛
版权声明：本文标题：基于HTML5 web技术APP快速开发研究——以移动办公APP软件开发为蓝本 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1718164215a717749.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论