新書推薦:
《
帕纳索传来的消息(文艺复兴译丛)
》
售價:NT$
495.0
《
DK威士忌大百科
》
售價:NT$
1340.0
《
小白学编织
》
售價:NT$
299.0
《
Android游戏开发从入门到精通 第2版 王玉芹
》
售價:NT$
495.0
《
西班牙内战:秩序崩溃与激荡的世界格局:1936-1939
》
售價:NT$
990.0
《
非对称创新:中国企业赶超战略 魏江 刘洋
》
售價:NT$
495.0
《
潜能觉醒
》
售價:NT$
395.0
《
初平:汉末群雄混战(190—195)
》
售價:NT$
245.0
|
編輯推薦: |
很简单:只需掌握HTML5基础知识,即可跟随本书进行学习
很丰富:包括API、多媒体、网络、手机硬件控制等内容
很图解:知识点以易懂的图示进行讲解,清晰明了地阐述相应知识
很实战:针对每个知识点,都以案例为引导,帮助读者动手操作
|
內容簡介: |
本书共分3篇12章,第1篇介绍微信小程序的基础知识,包括微信小程序开发工具、微信小程序架构分析;第2篇介绍微信小程序的常用模块,通过一些小案例详细介绍了微信小程序提供的各种组件的使用、API函数的使用,访问手机硬件的函数;第3篇是综合案例,以微天气、微音乐这两个完整案例的开发,演示微信小程序开发的全过程。本书内容由浅入深,每个知识点都通过小案例进行演示,适合希望通过微信小程序开发应用的读者,具有HTML 5基础知识的读者都可阅读本书。
|
關於作者: |
高洪涛,毕业于沈阳工业大学,硕士,现就职于中国刑事警察学院, IEEE会员,计算机学会会员。从事软件开发多年,最初使用Java语言,目前主攻Android系统开发。从2013年开始对微信公共平台进行研究,为多家公司开发过商用微信公共平台,收到甲方好评。
|
目錄:
|
第1篇 微信小程序基础
第1章 初识微信小程序2
1.1 微信小程序开发工具2
1.1.1 获取开发工具2
1.1.2 安装开发工具3
1.2 开发第一个微信小程序5
1.2.1 获取微信小程序的AppID5
1.2.2 创建项目5
1.2.3 微信小程序主要文件8
1.3 认识开发工具9
1.3.1 开发工具界面9
1.3.2 程序调试9
1.3.3 代码编辑15
1.4 查看小程序效果19
1.4.1 在开发工具中查看效果19
1.4.2 在手机中查看效果19
第2章 微信小程序架构分析21
2.1 微信小程序框架结构21
2.1.1 目录结构22
2.1.2 主体文件23
2.1.3 页面文件23
2.1.4 其他文件24
2.2 配置文件详解24
2.2.1 主配置文件app.json24
2.2.2 页面配置文件29
2.3 逻辑层js文件29
2.3.1 用App函数注册小程序30
2.3.2 用Page函数注册页面31
2.4 页面描述文件wxml34
2.4.1 初识组件34
2.4.2 数据绑定35
2.4.3 条件渲染39
2.4.4 列表渲染40
2.4.5 使用模板42
2.4.6 引用其他页面文件45
2.5 页面的事件46
2.5.1事件类型46
2.5.2事件绑定47
2.5.3事件对象47
2.6 页面样式文件wxss50
2.6.1 尺寸单位50
2.6.2 样式导入50
第2篇 微信小程序常用模块
第3章 快速开发UI界面54
3.1 认识小程序的组件54
3.1.1小程序的组件54
3.1.2 组件的使用56
3.1.3 组件的通用属性57
3.2 加法计算器59
3.2.1认识view组件60
3.2.2认识input组件62
3.2.3认识button组件64
3.2.4计算机器界面UI69
3.2.5编写计算代码71
3.2.6测试加法计算器72
3.3另一种输入数据的方式73
3.3.1认识slider组件74
3.3.2用slider输入整数74
第4章 美化UI界面76
4.1计算器功能需求76
4.2设计计算器界面77
4.2.1计算器小程序布局设计77
4.2.2搭建计算器小程序开发框架77
4.2.3用组件实现布局78
4.2.4设计组件的样式79
4.3编写计算器代码84
4.3.1初始化数据84
4.3.2编写按钮代码88
4.3.3编写计算代码89
4.3.4测试计算器小程序92
4.4美化计算器界面93
4.4.1认识icon组件93
4.4.2用icon美化计算器界面94
4.4.3小程序提供的icon组件94
第5章 保存数据到本地97
5.1保存计算历史界面设计97
5.1.1认识switch组件97
5.1.2switch组件简单案例98
5.2修改计算器UI99
5.2.1添加switch组件99
5.2.2获取switch的选择100
5.3保存计算到本地缓存101
5.3.1保存数据的API接口函数101
5.3.2本地缓存计算过程103
5.4从本地缓存读取数据108
5.4.1显示历史记录的界面设计108
5.4.2页面切换的相关接口函数110
5.4.3获取本地缓存数据111
5.5保存多条历史记录112
5.5.1使用数组保存多条历史记录113
5.5.2清理本地缓存115
第6章 旅行计划调查116
6.1用form组件收集信息116
6.1.1认识form组件116
6.1.2表单的提交118
6.1.3表单的重置120
6.2设计旅行计划调查121
6.3选择性别(单选)122
6.3.1认识radio和radio-group组件122
6.3.2用radio组件列出性别122
6.3.3获取性别内容124
6.3.4根据数据生成radio组件125
6.4选择想去的国家(多选)126
6.4.1认识checkbox和checkbox-group组件127
6.4.2国家名称的多选127
6.4.3获取选中的数据128
6.5选择日期和时间129
6.5.1认识picker组件129
6.5.2picker组件小案例131
6.5.3收集出发日期135
6.5.4获取picker选择的日期135
6.6输入建议137
6.7广告轮播138
6.7.1认识swiper组件139
6.7.2swiper组件案例139
6.7.3测试案例143
第7章 微信小程序的交互反馈144
7.1等待提示144
7.1.1认识loading组件145
7.1.2修改旅行计划调查表单148
7.2用toast显示提示信息150
7.3使用新版API显示提示153
7.3.1接口函数wx.showToast153
7.3.2显示loading提示信息153
7.3.3显示toast提示信息155
7.4用modal组件显示弹出框156
7.4.1认识modal组件157
7.4.2修改弹出框159
7.4.3在弹出框中输入内容160
7.5使用新版API显示弹出框163
7.6底部弹出菜单164
7.6.1认识action-sheet组件165
7.6.2使用新版API显示底部菜单168
第8章 用多媒体展示更多171
8.1用audio组件播放音乐171
8.1.1认识audio组件171
8.1.2控制audio组件173
8.2使用audio API播放音乐175
8.2.1audio API简介175
8.2.2audio API播放音乐示例177
8.3用video组件播放视频180
8.3.1认识video组件180
8.3.2获取视频上下文182
8.3.3给视频添加弹幕182
第9章 与后台交互187
9.1网络访问API187
9.1.1认识wx.request接口函数188
9.1.2获取网上信息188
9.2手机归属地查询191
9.2.1了解手机归属地查询接口191
9.2.2编写小程序代码195
9.2.3调试修改小程序198
第10章 使用手机设备203
10.1拍照203
10.1.1了解wx.chooseImage函数203
10.1.2编写实例代码204
10.1.3在电脑端测试选择照片206
10.1.4在手机端测试选择照片207
10.2录音210
10.2.1认识wx.startRecord函数210
10.2.2认识wx.stopRecord函数210
10.2.3认识wx.playVoice函数210
10.2.4编写录音实例211
10.2.5测试录音实例213
10.3获取地理位置214
10.3.1认识wx.openLocation函数214
10.3.2认识wx.getLocation函数215
10.3.3获取地理位置实例215
10.3.4在电脑中测试获取地理位置实例217
10.3.5在手机中测试获取地理位置实例219
10.4获取网络状态220
10.5获取系统信息223
第3篇 微信小程序综合案例
第11章 综合案例微天气228
11.1天气预报API228
11.1.1中国天气网天气预报接口229
11.1.2中华万年历的天气预报接口234
11.2界面设计236
11.3编写界面代码236
11.3.1创建项目237
11.3.2编写界面代码237
11.3.3编写界面样式代码239
11.4编写逻辑层代码242
11.4.1编写数据初始化代码242
11.4.2获取当前位置的城市名称244
11.4.3根据城市名称获取天气预报246
11.4.4查询天气预报248
第12章 综合案例微音乐250
12.1QQ音乐API250
12.1.1认识易源接口网站250
12.1.2QQ音乐接口251
12.2界面设计255
12.3创建项目257
12.3.1准备资源257
12.3.2创建项目257
12.3.3创建配置文件259
12.4音乐分类列表260
12.4.1开发页面文件260
12.4.2开发页面样式文件261
12.4.3开发页面逻辑代码261
12.5音乐列表263
12.5.1开发页面文件263
12.5.2开发页面样式文件264
12.5.3开发页面逻辑代码265
12.6播放音乐267
12.6.1开发页面文件267
12.6.2开发页面样式文件268
12.6.3开发页面逻辑代码269
12.7搜索音乐271
12.7.1开发页面文件271
12.7.2开发页面样式文件272
12.7.3开发页面逻辑代码273
|
內容試閱:
|
前言
2016年9月22日凌晨,微信官方正式推出应用号小程序内测功能。
那么,小程序是什么?看看腾讯副总裁、微信创始人是怎么说的吧,如下图所示是张小龙发布的信息。
第一批参与小程序测试的包括大众点评、猫眼电影、海南航空等日常生活服务类企业,以微信官方邀请和企业申请为主,共发出了200封应用号内部公测邀请。
除了官方邀请的测试用户,普通的开发人员怎么办?微信提供了一套开发工具,普通用户不用申请AppID,也可在电脑中学习、模拟小程序的大部分功能。
2016年11月4日,微信小程序正式公测,企事业单位可以申请公测账号了(个人用户暂时还不能申请),有了这个公测账号,开发人员不仅可以在电脑中模拟小程序,而且可以将开发代码发布出去供其他用户使用。
2017年1月9日,微信小程序正式上线,只要将微信更新到最新版本(V6.5.3),即可通过线下扫码、微信搜索、公众号关联、好友分享、历史记录等5种方式体验微信小程序。
为了帮助广大初学者快速学习微信小程序的开发,本书从基础开始,逐步介绍微信小程序开发中的相关知识。
全书共分3篇12章。第1篇介绍微信小程序的基础知识,包括微信小程序开发工具、微信小程序架构分析。包括第1章和第2章的内容。
第1章初识微信小程序,首先介绍了微信小程序开发工具的下载、安装和使用,然后使用该开发工具创建了第一个微信小程序,并在电脑模拟器中进行查看,最后发布到手机微信中查看运行效果。
第2章对微信小程序的架构进行分析,从小程序的目录结构、文件名的约定开始,详细介绍小程序的配置文件、页面描述文件、页面样式文件和逻辑层文件的相关知识。
第2篇介绍微信小程序的常用模块,通过一些小案例详细介绍了微信小程序提供的各种组件的使用、API函数的使用,访问手机硬件的函数。包括第3章至第10章的内容。
第3章介绍快速开发UI界面,以一个加法计算器的实际案例介绍了小程序UI设计中常用组件的使用方法。
第4章美化UI界面,继续修改上一章的计算器案例,本章中使用其他一些UI组件来设计计算器,使计算器的使用更方便。在这一章进一步学习了更多的小程序UI组件使用。
第5章保存数据到本地,介绍了小程序中将数据保存到本地缓存,从本地缓存中读取数据的方法,继续修改第4章的计算器程序,增加了查看历史记录的功能。
第6章在小程序中设计一个旅行计划调查表单,学习小程序表单控件的使用。
第7章介绍微信小程序的交互反馈功能,包括等待提示信息、弹出框的使用、底部弹出菜单的使用等相关内容。
第8章介绍在小程序中使用多媒体功能的相关知识,包括使用audio组件和使用audio API播放音乐,使用video组件播放视频等相关内容。
第9章介绍小程序与后端进行交互的相关知识,首先介绍了小程序提供的网络访问API,然后编写了手机归属地查询小案例,演示小程序网络访问API的使用方法。
第10章介绍小程序使用手机硬件设备的相关知识,包括拍照、录音、获取地理位置、获取网络状态、获取系统信息等相关内容。
第3篇是综合案例,以微天气、微音乐这两个完整案例的开发,演示了微信小程序的全过程。第11章通过调用天气预报API编写出一个综合案例微天气,第12章通过调用QQ音乐API编写出一个综合案例微音乐。通过这2个综合案例,读者可进一步巩固本书前10章中介绍的相关知识。
本书内容由浅入深,每个知识点都通过小案例进行演示,适合希望通过微信小程序开发应用的读者,具有HTML 5基础知识的读者都可阅读本书。
由于微信小程序推出的时间短,官方推出的开发工具更新较快,随着时间的推移,本书介绍的一些知识点在新版本中可能会有更改。如果本书案例运行时出现错误提示时,读者可查一下官方文档,根据最新内容修改后即可正常运行。
由于时间短,加之笔者水平有限,书中难免有疏漏之处,敬请读者朋友批评指正。
编者
2017年1月
|
|