掃一掃
關注中圖網
官方微博
本類五星書更多>
-
>
闖進數學世界――探秘歷史名題
-
>
中醫基礎理論
-
>
當代中國政府與政治(新編21世紀公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(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組件的常見屬性。
書友推薦
- >
月亮虎
- >
回憶愛瑪儂
- >
姑媽的寶刀
- >
伯納黛特,你要去哪(2021新版)
- >
二體千字文
- >
巴金－再思錄
- >
我從未如此眷戀人間
- >
【精裝繪本】畫給孩子的中國神話
本類暢銷
