扫一扫
关注中图网
官方微博
本类五星书更多>
-
>
中医基础理论
-
>
高校军事课教程
-
>
思想道德与法治(2021年版)
-
>
毛泽东思想和中国特色社会主义理论体系概论(2021年版)
-
>
中医内科学·全国中医药行业高等教育“十四五”规划教材
-
>
中医诊断学--新世纪第五版
-
>
中药学·全国中医药行业高等教育“十四五”规划教材
微信小程序开发基础 版权信息
- ISBN：9787302499152
- 条形码：9787302499152 ; 978-7-302-49915-2
- 装帧：一般胶版纸
- 册数：暂无
- 重量：暂无
- 所属分类：>>
微信小程序开发基础 本书特色
? 适合教学的需要。本书内容参考微信小程序官方文档由浅入深地进行编排，考虑了教学的学时分配和知识点的组织，适合作为高校教材。 ? 涵盖了新内容。微信小程序的技术更新很快，本书所涉及的内容涵盖了微信小程序的新内容。 ? 定位为微信小程序入门教材，语言精练，通俗易懂，内容丰富，图文并茂，每个知识点都结合经典案例进行说明，帮助读者更好地理解、掌握微信小程序开发的基础知识和技术。 ? 整书串联性强。通过综合应用分布在全书的知识点及135个案例来开发两个大项目，使读者更好地掌握如何将所学的知识点综合起来解决实际问题。
微信小程序开发基础 内容简介
本书从基础知识开始逐步介绍微信小程序开发的相关知识，包括微信小程序组件、API以及示例代码；还介绍了WeUI、wxcharts的应用；很后，介绍了旅游、菜谱等项目；演示了微信小程序开发的全过程。本书内容由浅入深，文字通俗易懂，结合示例介绍各个知识点，可以帮助读者更好地理解、掌握微信小程序开发技术。 本书适合微信小程序初学者（特别是在校学生）、微信应用开发者和移动开发爱好者等，也可以作为大学相关课程的教材。
微信小程序开发基础 目录
····························································
目录Contents第1章微信小程序开发起步1
1.1微信小程序简介1
1.2微信小程序开发工具的下载、安装和使用1
1.3小程序项目的基本组成8
1.4小程序的生命周期13
1.5小程序的框架15
1.6数据的初始化、绑定和渲染16
1.7使用模板提高效率24
1.8小程序开发的一般步骤27
1.9小程序的设计指南27
习题128
第2章视图容器组件29
2.1flex布局和组件view29
2.2滚动视图组件scrollview36
2.3滑块视图容器组件swiper39
2.4组件movableview和movablearea45
2.5组件coverview和coverimage47
习题249
第3章基础组件50
3.1图标组件icon50
3.2文本组件text52
3.3富文本组件richtext54
3.4进度条组件progress56
习题357◆微信小程序开发基础目录第4章表单组件58
4.1按钮组件button58
4.2多项选择器checkboxgroup和多选项目checkbox62
4.3表单组件form64
4.4输入框组件input67
4.5组件label70
4.6滚动选择器组件picker74
4.7嵌入页面的滚动选择器组件pickerview81
4.8单项选择器radiogroup和单选项目radio83
4.9滑动选择器组件slider84
4.10开关选择器组件switch86
4.11多行输入框组件textarea87
习题490
第5章互动操作组件91
5.1底部菜单组件actionsheet91
5.2弹出对话框组件modal93
5.3消息提示框组件toast95
5.4加载提示组件loading96
习题598
第6章媒体组件99
6.1音频组件audio99
6.2图片组件image101
6.3视频组件video104
习题6106
第7章其他组件107
7.1地图组件map107
7.2画布组件canvas111
7.3开放数据组件opendata113
7.4客服会话按钮contactbutton114
7.5导航组件navigator115
习题7120
第8章网络API121
8.1网络HTTPS请求API121
8.2上传文件和下载文件API123
8.3WebSocket会话API127
习题8130
第9章媒体API131
9.1图片API131
9.2录音API138
9.3音频播放控制API140
9.4音乐播放控制API142
9.5背景音频播放管理API145
9.6音频组件控制API148
9.7视频API150
9.8视频组件控制API152
习题9153
第10章设备API154
10.1系统信息API154
10.2网络状态API158
10.3加速度计API159
10.4罗盘API161
10.5拨打电话API163
10.6扫码API164
10.7剪贴板API165
10.8蓝牙API167
10.9iBeacon设备API180
10.10屏幕亮度API184
10.11用户截屏事件API187
10.12振动API188
10.13手机联系人API190
习题10193
第11章界面API194
11.1交互反馈API194
11.2设置导航条API198
11.3设置置顶信息API201
11.4导航API202
11.5动画API208
11.6位置API214
11.7绘图API214
11.8下拉刷新API237
习题11239
第12章开放接口240
12.1登录API240
12.2授权API244
12.3用户信息API247
12.4微信支付API249
12.5模板消息API251
12.6客服消息API255
12.7转发API263
12.8获取二维码API267
12.9收货地址API269
12.10卡券API271
12.11设置API275
12.12微信运动API278
12.13打开小程序API279
12.14获取发票抬头API281
12.15生物认证API283
习题12286
第13章其他API288
13.1文件API288
13.2数据缓存API294
13.3位置API300
13.4WXML节点信息API307
13.5第三方平台API310
13.6数据接口312
13.7拓展接口319
13.8调试接口320
习题13321
第14章使用WeUI进行设计322
14.1WeUI使用示例322
14.2WeUI常用组件325
习题14329
第15章使用wxcharts进行设计330
15.1饼形图330
15.2面积图333
15.3环形图334
15.4柱状图336
15.5曲线图338
习题15340
第16章项目341
16.1旅游项目341
16.2菜谱项目345
习题16352
参考文献353
展开全部
微信小程序开发基础 节选
···························································· 第5章Chapter5 互动操作组件本章主要介绍互动操作组件的属性和常见用法，包括底部菜单组件actionsheet、弹出对话框组件modal、消息提示框组件toast、加载提示组件loading等组件的属性和用法。App软件经常可以从底部弹出很多选项，这种效果可以在小程序中用actionsheet组件实现。弹出对话框组件modal常用来提示一些信息；例如，退出应用、修改资料等。消息提示框组件toast经常用来提示提交成功或者正在加载。加载提示组件loading通常使用在请求网络数据时的一种方式，通过hidden属性设置显示与否。 5.1底部菜单组件actionsheet App软件经常可以从底部弹出很多选项，这种效果可以在小程序中用actionsheet组件实现。actionsheet组件是从底部弹出可选菜单项，actionsheet有两个子组件： 每个选项actionsheetitem和取消选项actionsheetcancel。actionsheetcancel和actionsheetitem的区别是： 点击actionsheetcancel会触发actionsheet的change事件，并且外观上会同actionsheetcancel上面的内容间隔开来。actionsheet的属性说明如表51所示。在actionsheet组件中可以放置任何组件。表51actionsheet属性相关信息 属性类型说明hiddenBoolean是否隐藏，默认值为truebindchangeEventHandle点击背景或actionsheetcancel按钮时触发change事件，不携带数据例51代码如下，其效果如图51所示。 例51 弹出action sheet {{item}} ◆微信小程序开发基础第◆5章互动操作组件 取消 //index.js var items=\['item1', 'item2', 'item3', 'item4'\] var pageObject={ data: { actionSheetHidden: true, actionSheetItems: items }, actionSheetTap: function(e) { this.setData({ actionSheetHidden: !this.data.actionSheetHidden }) }, actionSheetChange: function(e) { this.setData({ actionSheetHidden: !this.data.actionSheetHidden }) } } for (var i=0; i (function(itemName) { pageObject\['bind'+itemName\]=function(e) { console.log('click'+itemName, e) } })(items\[i\]) } Page(pageObject)图51actionsheet组件的应用5.2弹出对话框组件modal 弹出对话框组件modal常用来提示一些信息；例如，退出应用、修改资料等。模态弹窗是对整个界面进行覆盖，防止用户对界面中的其他内容进行操作。对于需要用户明确知晓的操作结果状态可通过模态对话框来提示，并可附带下一步操作指引。modal的属性说明如表52所示。表52modal属性相关信息 属性类型说明titleString标题hiddenBoolean是否隐藏整个弹窗，默认值为falsenocancelBoolean是否隐藏cancel按钮，默认值为falseconfirmtextStringconfirm按钮文字，默认值为确定canceltextStringcancel按钮文字，默认值为取消bindconfirmEventHandle点击确认触发的回调bindcancelEventHandle点击取消以及蒙层触发的回调例52代码如下，其效果如图52所示。 例52 cancel-text="取消" hidden="{{modalHidden1}}" bindconfirm="modalChange1" bindcancel="modalChange1"> 这是对话框的内容 cancel-text="取消" hidden="{{modalHidden2}}" bindconfirm="modalChange2" bindcancel="modalChange2"> 点击弹出包含两个按钮的对话框 点击弹出包含一个按钮的对话框 //index.js var items=\['**项', '第二项', '第三项', '第四项'\]; Page({ data: { modalHidden1: true, modalHidden2: true }, modalTap1: function(e) { this.setData({ modalHidden1: false }) }, modalChange1: function(e) { this.setData({ modalHidden1: true }) }, modalTap2: function(e) { this.setData({ modalHidden2: false }) }, modalChange2: function(e) { this.setData({ modalHidden2: true }) } }) 图52modal组件的应用5.3消息提示框组件toast 消息提示框组件toast经常用来提示提交成功或者正在加载。toast弹出式提示适用于轻量级的成功提示，1.5s后自动消失，对用户影响较小，适用于不需要强调的操作提醒，例如成功提示。注意该形式不适用于错误提示，因为错误提示需要明确告知用户，不适合使用一闪而过的弹出式提示。toast的属性说明如表53所示。表53toast属性相关信息 属性类型说明durationFloathidden设置false后，触发bindchange的延时，单位为毫秒(ms)，默认值为1500hiddenBoolean是否隐藏，默认值为falsebindchangeEventHandleduration延时后触发例53代码如下，其效果如图53所示。 例53 默认 点击弹出默认toast "toast2Change"> 设置duration 点击弹出设置duration的toast //index.js var toastNum=2 var pageData={} pageData.data={} for (var i=0; i pageData.data\['toast'+i+'Hidden'\]=true; (function(index) { pageData\['toast'+index+'Change'\]=function(e) { var obj={} obj\['toast'+index+'Hidden'\]=true; this.setData(obj) } pageData\['toast'+index+'Tap'\]=function(e) { var obj={} obj\['toast'+index+'Hidden'\]=false this.setData(obj) } })(i) } Page(pageData)图53toast组件的应用 5.4加载提示组件loading 加载提示组件loading通常使用在请求网络数据时的一种方式，通过hidden属性设置显示与否。如果加载样式覆盖整个页面，由于无法明确告知具体加载的位置或内容将可能引起用户的焦虑感，因此应谨慎使用。除了在某些全局性操作下不要使用模态的加载。局部加载反馈只在触发加载的页面局部进行反馈，这样的反馈机制更加有针对性，页面跳动小，是微信推荐的反馈方式。loading属性为hidden，默认为false（不隐藏）。 例54代码如下，其效果如图54所示。 例54 加载中... 点击弹出loading //index.js Page({ data: { hidden: true }, loadingTap: function() { this.setData({ hidden: false }); var that=this; setTimeout(function() { that.setData({ hidden: true }); that.update(); }, 3000); } })图54loading组件的应用 习题5〖*2〗问答题1. 请说明actionsheet组件的常见属性。 2. 请说明modal组件的常见属性。 3. 请说明toast组件的常见属性。 4. 请说明loading组件的常见属性。
书友推荐
本类畅销
-
食品添加剂
¥33.5¥45 -
VB语言程序设计
¥29.9¥39.8 -
C语言程序设计习题与实验指导
¥9.1¥18 -
地下建筑结构-(第三版)-(赠课件)
¥49.4¥55 -
模具制图
¥37.8¥49 -
工程机械结构认知
¥10.5¥22
