H5+跨平台移动应用实战开发

本书适合对HTML5和js有一定了解，但没有H5移动应用开发经验，或者正准备学习H5移动开发的初学者。

1.1H5 介绍1

1.2Hbuilder介绍1

1.3MUI介绍7

1.4Vue.js介绍9

1.5阿里巴巴矢量库介绍13

1.6开发前注意事项19

1.7相关学习资料的网址21

第2章项目介绍及框架搭建22

2.1项目介绍22

2.2技术选型31

2.3框架搭建32

2.4Mock数据39

第3章App启动页和引导图42

3.1App启动页42

3.2App引导图45

第4章登录52

4.1登录功能介绍53

4.2登录界面设计54

4.3登录编码实现55

4.4角色菜单权限63

4.5自动登录68

4.6运行69

第5章首页及底部导航70

5.1底部菜单导航实现70

5.2首页界面设计及展示78

第6章故障报修83

第7章列表和详情111

7.1工单列表111

7.2工单详情118

目录

H5 跨平台移动应用实战开发第8章抢单派工签到124

8.1抢单124

8.2派工与转单128

8.3签到132

8.4退单134

第9章完工与跟踪记录137

9.1完工137

9.2跟踪记录141

第10章个人设置144

10.1头像设置144

10.2当前版本158

第11章通讯录162

11.1查看通讯录列表162

11.2拨号呼叫165

第12章数据统计167

12.1echarts报表介绍167

12.2统计工单完成情况170

第13章离线操作176

13.1let
和const176

13.2H5本地存储178

13.3js异步编程182

13.4离线操作表结构187

13.5批量下载工单190

13.6批量上传工单194

第14章发布应用203

14.1App打包203

14.2发布到应用市场207

第15章植入广告210

15.1开屏广告210

15.2悬浮红包广告211

15.3push广告211

15.4开通步骤212

15.5问题答疑213

第16章消息推送216

16.1使用须知216

16.2个推应用信息申请步骤217

16.3常见问题223

第17章其他224

17.1评价224

17.2意见和反馈225

参 考
文 献226

因为本书主要采用的是MUI前端框架，所以本书中的项目并没有采用时下非常流行的SPA（单页应用）技术进行组件模块化开发。如果进行SPA开发，读者可能需要储备更多的知识，如node.js、webpack、vue全家桶以及和vue相配套的模块化UI库，如由“饿了么”公司提供的elementUI。

在写本书之时，Dcloud又开发出了新一代的跨平台前端框架uniApp，它正是基于组件化的方式开发的，而且它在支持iOS和Android系统的同时又兼容了微信小程序，由于是新出来的框架，因此目前还处于不断的完善过程中。uniApp官网地址：  http://uniApp.dcloud.io/。

如何阅读本书

由于书中内容环环相扣，因此我建议读者尽量按照顺序阅读，然后按照书中的步骤，自己动手来实现。在这个过程中，可以根据自己的需要修改和新增一些需求，从而实现一个属于自己的App项目。

源码及勘误

本书附带源代码供读者参考，源码下载地址： https://dev.tencent.com/u/zouyujie/p/h5_app/git/archive/master。

如果下载有问题，请发电子邮件至： [email protected]，邮件主题为“H5”。

希望本书能给读者带来思路上的启发与技术上的提升，每位读者都能够从中获益。同时，也非常希望借此机会能与国内热衷于H5移动应用的开发者进行交流。

由于时间和本人水平有限，书中难免存在一些纰漏和错误，希望大家批评、指正。如果大家发现了问题，可以直接和我联系，我会第一时间在本人的技术博客（http://www.cnblogs.com/jiekzou）中发表并加以改正，万分感谢。另外，有兴趣的读者可加入QQ技术交流群： 773766020。

致谢

本书能顺利的出版，首先要感谢剧艳婕编辑，其次是北航出版社的其他编辑，正是他们在我写作的过程中提供协助，才使得整个创作不断地被完善，从而确保了本书顺利完稿。

写一本书所费的时间和精力都是巨大的，在写书期间，我占用了太多本该陪家人的时间，在这里要特别感谢我的爱人王丽丽，谢谢你帮我处理了许多生活上面的琐事；还有我的儿子邹宇峰，作为一名父亲，我没能好好陪伴在你身边，这是我最大的遗憾。人生很无奈的一件事就是：
宝贝,放下工作就养不起你,拿起工作却陪不了你!还要感谢我的父母，是他们含辛茹苦地把我培养成人，同时感谢公司给我提供了一个自我提升的发展平台，正是由于这一切的一切，才促使我顺利完成本书的编写。