基于HTML5移动app开发教程一

一 摘要

现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.

二 整体效果

三 整个框架图

四 具体实现

1.页面引导图

第一步 manifest.json参数设置 如图:

第二步 在index.html(这个文件相当于iOS中的app delegate.m)加上引导图代码

第三步 在 mui.plusReady加载的函数中去调用该方法

页面启动图差不多完成了.

2.导航实现

(注意:哪个页面需要导航就往哪个页面加上一句导航代码)

3.tabbar 设置

具体tabbar选项卡要实现什么功能,就在相对应的文件写代码就可以了.

五 结论

差不过,整个框架就完成了,非常简单,不过现在做HTML5开发出来的APP还是非常的卡,用在手机上.整个APP设计原理跟iOS,安卓开发都非常的像,学过iOS或安卓的人一看就会明白.