"WeChat Mini Program Development Practice" PDF

Download link: https://pan.baidu.com/s/1g-6l9KswjWZFIVqrP1Q2-A Password: cyet

  • Publisher:  People's Posts and Telecommunications Press; 1st edition (September 1, 2017)
  • Paperback:  209 pages
  • Language:  Simplified Chinese
  • Format:  16
  • ISBN: 9787115462626, 7115462623
  • Barcode:  9787115462626
  • Product size:  23.2 x 18.6 x 1 cm
  • Item weight:  322 g
  • Brand:  People's Posts and Telecommunications Publishing House
  • ASIN: B074WVY8D6

Editor's Choice

This book mainly introduces the knowledge of WeChat applet development from three aspects: the basics of WeChat applet development, the basic modules of WeChat applet, and the application of comprehensive examples. The content of this book includes the basic use of WeChat applet application and management background, development and debugging, page layout design, page components, background environment construction, network request and file upload and download, WebSocket function, media data and device operation, interface interaction interface and open interface Wait. At the end of this book, two complete WeChat mini-program project cases are provided for readers to understand and draw inferences from each other.
For readers with basic program development knowledge, after reading this book, they can develop complete and relatively complex WeChat applet applications completely independently.

About the Author

Chen Wei, a contributor to the open source community, has a number of his own open source projects on github; a science and technology writing enthusiast, as well as a foreign language enthusiast, likes to translate foreign technical documents in the latest foreign language, and has participated in the api of many famous open source projects Document translation project. At the same time, he is also a technology entrepreneur who believes in technology serving the public and technology creating value. The author of "WeChat Mall Development", the operator of the headline number of the technology self-media "Net Fun Technology".

content

Chapter 1
Basic use of WeChat applet application and management background 1
1.1 What is WeChat applet 1
1.2 Mini program application registration process 2
1.3 Basic operation of applet management background 4
Chapter 2 applet development and debugging mode 8
2.1 applet background debugging mode Overview 8
2.2 Cloud Server Debugging Mode 11
2.3 Local Debugging Mode 18
2.4 Port Mapping Mode 18
Chapter 3 Project Structure and Directory Structure 22
3.1 Project Structure 22
3.2 Mini Program Startup Execution Process 24
3.3 QuikStart Code Interpretation 27
Chapter 4 Page Layout Design 29
4.1 WeChat Mini Program UI Design Specifications 29
4.1.1 Friendly and Courteous 29
4.1.2 Clear and Clear 29
4.1.3 Convenient and Elegant 36
4.1.4 Unified and Stable 37
4.1.5 Visual Specifications 38
4.2 Use of Mini Program Component Library 39
4.3 Mini Program Pages Layout 42
4.3.1 Flexbox Model 42
4.3.2 Layout Example 47
Chapter 5 Page Components 49
5.1 MVVM Front-End Architecture 49
5.2 View Container Component 50
5.2.1 View Area View Component 50
5.2.2 Scrollable View Area scroll-view Component 51
5.2 .3 Slider View Container swiper52
5.3 Basic Content Components 52
5.3.1icon icon component 52
5.3.2text component 53
5.3.3progress progress bar component 53
5.4 form component 53
5.4.1 button button53
5.4.2checkbox and checkbox-group54
5.4.3form form component 54
5.4.4input input box component 55
5.4.5label Component 55
5.4.6 Scroll selector picker56
5.4.7picker-view selector 59
5.4.8radio radio box 60
5.4.9slider sliding selector 60
5.4.10switch switch selector 61
5.4.11textarea multi-line text input box component 62
5.5 Navigation Component 62
5.6 Media component 63
5.6.1 Audio component audio63
5.6.2 Video component video65
5.6.3 Picture component image66
5.7 Map component 67
5.8 Canvas component canvas70
5.9 Customer service session component 70
Chapter 6 Logic layer processing 72
6.1 What is applet logic Layer 72
6.1.1 Mini Program Responsive Implementation Principle 72
6.1.2 How to Implement Change Tracking 72
6.2 Mini Program Configuration 73
6.2.1 Page File Path Configuration 73
6.2.2 Window Style Configuration 73
6.2.3 Tab Configuration 75
6.2.4 Debug Switches 76
6.2.5 Network Timeout Configuration 77
6.3 Logic Layer Processing 77
6.3.1 App Logic Layer 77
6.3.2 Page Logic Layer 78
Chapter 7 View Layer 80
7.1 What is the View Layer 80
7.2 wxml files 80
7.2.1 data binding 80
7.2.2 conditional rendering 81
7.2.3 list rendering 82
7.2.4 templates 82
7.2.5 events 82
7.2.6 file references 84
7.2.7 wxss style files 84
Chapter 8 Building Maven +Spring+SpringMVC+
MyBatis background environment 86
8.1 Install Maven86
8.2 Integrate Maven87 in MyEclipse
8.2.1 Install Maven plug-in 87
8.2.2 Configure Maven plug-in 88
8.3 Integrate SpringMVC, MyBatis
and log4j89
Chapter 9 Network request and file upload and download 100
9.1 Network Request interface request100
9.2 File upload interface uploadFile104
9.2.1 Design file upload interface 104
9.2.2 Mini program trap reminder 106
9.2.3 File upload interface 108
9.3 File download interface downloadFile110
9.3.1 Preliminary knowledge 110
9.3.2 Use of file download interface 112
Chapter 10 Small program WebSocket function 116
10.1 What is WebSocket 116 10.2 WebSocket
use 117
10.2.1 Establishing a WebSocket connection 117
10.2.2 WebSocket server-side development 118
Chapter 11 Media, Data and device operation 125
11.1 Picture operation 125
11.1.1 Select picture path 125
11.1.2 Preview picture 127
11.1.3 Get picture information 128
11.2 Recording operation 129
11.3 Audio playback 130
11.3.1 Play local audio file 130
11.3.2 Play recording Audio 132
11.4 Music Play 133
11.5 Control Audio Component 135
11.6 Select Video 136
11.7 File Operation 137
11.8 Data Cache 138
11.9 Get Location 139
11.10 Open Location 140
11.11 View Location 141
11.12 Map Component Control 142
11.13 Device Operation 142
11.13.1 Get System Information 142
11.13.2 Calling and Scanning Codes 143
Chapter 12 Interface Interactive Interfaces and Open Interfaces 145
12.1 Interactive Feedback 145
12.1.1 Message Prompt Box 145
12.1.2 Display modal popup
wx.showModal146
12.1.3 Operation menu 147
12.2 In-app navigation 148
12.3 Animation creation 149
12.4 Animation grouping 151
12.5 Drawing function 152
12.6 Open interface 153
12.6.1 Login 153
12.6.2 Session key 155
12.7 Data encryption 157
12.8 Obtaining user information 157
12.9 WeChat payment 159
12.10 Template message 160
12.10.1 Obtaining access credentials 161 12.10.2
Sending template message 163
12.11 Customer service message 168 12.12
Sharing function 168 ——I love watching movies 170 13.1 Demand analysis 170 13.2 Database design 170 13.3 Page design 171 13.4 Function realization 171 13.4.1 Mini program background connection database 171 13.4.2 Homepage design 176 13.4.3 Homepage logic layer 178 13.4.4 Homepage background Implementation 179 13.4.5 Detail page design 184 13.4.6 Details page background implementation 184 Chapter 14 Project actual combat - daily affairs assistant 187 14.1 Project basic knowledge preparation 187














14.1.1 ES6 basics 187
14.1.2 Tool class 194
14.1.3 Promise function 195
14.2 Implementation ideas 196 14.2.1
Date 196
14.2.2 Storage 197
14.3 Coding 197 14.3.1
Calendar 197
14.3.2 Year month selection picker component 201
14.3. 3 Matters Store 202

abstract

Copyright Page:



Illustration:




Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325688770&siteId=291194637