WeChat Mini Program is a brand-new way to connect users and services. It can be easily acquired and disseminated within WeChat, and has an excellent user experience.
The usage scenarios mainly include:
Mall applet: WeChat has a large number of users, large traffic, convenient and fast payment, and is very suitable for developing a mall on it.
Online ordering: suitable for online ordering, convenient payment.
Corporate image display: Use the function of displaying nearby mini programs to introduce nearby companies.
Medical registration: It is convenient for registration and message notification, and progress check.
Various sharing economy apps similar to shared bicycles.
online examination
Order online
Mini Program Mini Game
jump
Mahjong
Fighting the Landlord, etc.
There are many application scenarios. Using the WeChat platform and rich API interfaces, coupled with your imagination, can make many practical functions.
WeChat mini-programs have been around for so long. Many people have taken the lead in learning mini-program development techniques and have already tasted the sweetness. The development of mini-programs has brought them a lot of benefits.
In order to allow more people to snatch the technical dividends of WeChat Mini Programs, I have specially recorded a set of video tutorials on the development of WeChat Mini Programs. Everyone is welcome to learn and communicate.
This set of tutorials starts with registering an applet account, and introduces in detail account registration, obtaining applet appid, development tool download and environment configuration, project creation, function of each project file, new page creation, two-way data binding, list rendering, conditions Rendering, importing external scripts and styles, use of applet templates and modular development, flexible box layout, conversion relationship between applet size units, introduction of common components such as scrolling, carousel, pictures, text, buttons, etc., three-level linkage , province, city, county and region selection, external website data request, applet page jump and parameter transfer, mobile phone GPS positioning, displaying map and marking on the map, drawing solid and dotted lines on the map, using mobile phone camera to take pictures and flash control , music and video playback, use the applet to make calls, scan barcodes and QR codes and other functions, rich in content, easy to understand, and explain while developing the program. If you have Vue basics, you can learn the applet faster. Technical consultation QQ: 1416 7596 61
The directory is as follows:
001-Introduction to WeChat Mini Program
002-Mini Program Account Registration
003-logo design and filling in the mini program information
004-Development tools download and installation
005-Get appid and project creation
006-Introduction to Simulator, Editor, Debugging Window
007-Directory and file structure
008-New page and start page settings
009-Mini Program Style Control
010 - Double Bracket Data Binding
011-Introduction to life cycle functions
012-text and view
013-List rendering
014-complex list rendering
015-Event binding
016 - Conditional rendering
017-Use of templates in small programs
018-Dynamic call template to achieve interlaced color change
019-Introduce external template files and call
Scope of 020-import
021 - Use include to introduce header and footer
022-WXS Modular Development
023-Script code is written in the wxml page
024-module object and exports attribute
025 - Relationship between dimension units rpx and px
026 - Use import to import stylesheets
027-component-view-flex box layout 01
028-component-view-flex box layout 02
029-component-view-effect after pressing
030-view component prevents bubbling and hover dwell time setting
031-Introduction to the public properties of components
032-Component - Introduction to scrolling component scroll-view
033-scroll-view detailed parameters and usage precautions
034-Static carousel production
035-Carousel requests data remotely on the backend
036-Carousel parses and binds the data requested by the remote backend
037-Carousel display small dots
038-Parameter settings such as automatic switching of carousel and time interval
039-Introduction of applet icon icon components
040-text component and long press to select text implementation
041-Rich Text Components
042-Progress bar component
043-button component
044-Button click effect settings
045-WeChat Open Capability-Open Customer Service Dialogue Window
046-Customer service message is pushed to the server
047-Click the button to realize one-click sharing
048-Multiple option introduction
049-Logical layer gets the value of the selected item
050 - Disable partial check
051- Radio component
052-input text-password-get focus-mobile keyboard
053-input event and data two-way binding effect
054-picker component selection time
055-picker component select date
056-picker single-column common selection
057-picker multi-column selection and linkage selection
058-picker province, city, county (district) three-level linkage selection
059-picker use summary
060-slider component
061-slider component value
062-Switch selector switch
063 - Multiline Text
064-navigator link component realizes page jump
065-wx.navigateTo realizes page jump
066-Close the current page and jump to a new page
067 - Open new page, close all remaining open pages
068-navigateBack realizes returning to the parent page or multi-level page
069-Introduction to Tab Jump
070-app.json detailed introduction-page path
071-app.json detailed introduction - window configuration
072-app.json detailed introduction - enable pull-down refresh and configure pull-up bottom
073-app.json detailed introduction - global public styles and individual page personalization settings
074-app.json detailed introduction-tab switching configuration
075-app.json detailed introduction - tab location setting
076-app.json detailed introduction - Ali icon library introduction
077-app.json detailed introduction - tab style configuration
078-app.json detailed introduction - network timeout and whether to enable debugging configuration
079-app.json detailed introduction - jump to the inside of the tab
080-Parameter transfer between pages
081-Music playback audio component
082-Control music playback via external programming
083-Introduction to events that will be triggered during music playback
084-Introduction to image lazy loading and zoom mode
085-13 modes of picture scaling and cropping
086-Play video and send barrage at the same time
087-video related properties introduction
088-Play the video in the mobile phone album and open the camera to record the video
089-Camera photo function and preview photo
090-camera parameter introduction
091-The applet uses the camera to scan the QR code and scan the QR code of the album
092-Show map
093-Set the initial position and zoom level at which the map opens
094-Add multiple markers on the map with custom images
095-Add a fixed icon to the map
096 - Draw solid and dashed lines on the map
097-Map related events
098-Display current location-Get the user's current location and set it on the map
099-Select the location and use the WeChat built-in map to open the specified location
100-Using the applet to dial a phone number