One-hour getting started with WeChat applets

Some people are optimistic about the introduction of mini-programs, while others are watching and watching. they are eager to be curious about new things. I. how to start
Start with list development
Mobile development is based on UI development, and the most basic skills in UI development are the use of the list (UITableView, UICollectionView, ListView, and GridView. therefore, it is basically an entry point to be proficient in using the list.
Skills required
List Page developed on any Android, iOS, WP, or H5 platform

2. preparations
1. Register the part number
2. download the development tool
3. download the Demo source code
4. simple tutorial

3. small program development
Objective: to get started with applets

Path: program a list page and jump to the response details page

Basic knowledge

1. Project directory
A applet contains an app that describes the entire program (consisting of three files: the applet logic-app. js, mini-app public settings-app. json, mini-app public style table -- app. wxss, which must be placed in the project's root directory) and multiple pages describing their respective pages.

● Implementation of the rendering layer list

4. homelist is the list, and scrollviewcell is each item in the list (multiple styles can be defined based on different data)

Wx: for (including wx: for-item, wx: for-index), wx: if is a loop and judgment control statement of wxml

● Jump to the details page

4. in item The page jump function can be implemented. the url is the js file path to jump to the page, and the id and pic are carried parameters. the logic layer of the lower-level page can receive this information. 5. url parameters stored in options in onLoad: function (options) {} (previous page, Url parameters)

● The UI layout requires basic knowledge about XML and CSS.

● Data Transmission (1). from the network to the app's logic layer, call wx. request () (2). from the logic layer to the rendering layer, call this. setData ()

● List implementation

● Similar to UITableView in iOS development or ListView in Android

● Bindtap = "xxxxx"