Mini-program Tutorial: Mini-program configuration, mini-program tutorial
Applet-Configuration
The following is a systematic arrangement of small program configuration materials, hoping to help developers.
We use the app. json file to perform global configuration for the applet, and determine the path and window perform
that the 200 places are selected by Xiao Long)Project name: Enter the project name as required. It does not matter because deployment is not involved.Project Directory: select the cloned folderClick Add Project
Happy New Year and fortune
You can select encoding in Web openers (or your favorite editor)
1. Click the restart button in the lower left corner to refresh the preview After encoding.
2. Bash users can execute the following command in the project directory to quickly create the files
Examples of small programs, super-loaded instances, and small program instances
Preface
Before you start developing the application number, take a look at the official "mini-programs" tutorial! (The following content is from the official "applet" Development Guide)
This document will take you step by step to create a small program, and you can experience the actual effect of the small program on your phone. The homepage of this applet displays the wel
Mini-program WXSS, mini-program wxss
Series of articles:
Mini-program tutorial-WXSSReferences to mini-program tutorialsEvents of mini-program tutorialsSmall Program tutorial TemplateList rendering of Applet tutorialsConditional rendering of
Small Program tutorial (article 1), small program tutorial Article 1
Directory
Overview of the first Applet
Article 2 how to register and access applets and build a Development Environment
Article 3 architecture and Implementation Mechanism of applets, channel service and session management
Article 4 basic framework of Applet development and its restrictions and Optimization
Article 5 example, test and release of a mini-Program Development Project
...
Tips on small programs
First, let's start with the framework provided in the official documents. The official documents of applets provide the app. js, app. json, app. wxss. start with these three files. -app. the js file is the entrance file of the entire applet. the developer's logic code is implemented here, and glo
Modularization of mini-program tutorials and mini-program modularization
Series of articles:
Modularization of mini-program tutorials
Registration page for applet tutorials
Registration Procedures for mini-program tutorials
File Scope
Variables and functions declared in JavaScript files are only valid in this file. Var
The code of the mini-app jiugongge instance and the mini-app jiugong
Mini-app
Implementation:
Small programs are long and mobile interfaces. In order to make it easier to use them, we often hope to use the interface as a navigati
Example of ticket query by applet, and example of Applet
Simple Example of a applet-train ticket query application, learning to master the applet framework and implementation of development steps. Small programs are lightweight and easy-to-use. They are easy to learn and use.
1. Related Links
Get the address of this project code
Github: https://github.com/VincentWYJ/WXAppTrain.git;
Blog file: http://files.cnblogs.com/files/tgyf/WXAppTrain.rar;
Learning materials for applet Development
Developer
Mini-program custom message prompt box, mini-program custom
Mini-app custom message prompt box
Requirement Description:
The wx. showToast (OBJECT) interface is called, but the icon and image are not required. Even if the image is empty, a placeholder exists. In fact, only custom text content is output.
Effect:
The Cod
The implementation of the mini-program five-star evaluation function and the mini-program five-star evaluation function
Mini-app five-star rating Function
Let's take a look:
The effect to be achieved: the number of stars to be displayed when you click,
Next, you can directly view the source code:
Css:
.l-evalbox{ he
Detailed description of mini-program template and instance code, mini-program template
Detailed description of the mini-program template
For example, when I was working on a small program of China Enterprise Business School, the structure of the course search result page and the course list page were exactly the same, so it was very suitable to use templates to b
Mini-programs implement the national airport index list and mini-app Index
This article shares with you the code for implementing the MUI index list by using applets for your reference. The specific content is as follows:
Effect chart
Implementation Principle
'Select airport now 'and the navigation bar on the right use fixed positioning;
The scroll-view com
Countdown to sending text messages and countdown to mini apps
After clicking
Code
Train of Thought: Set the style and content after the BUTTON as a variable, and click setData to change it.
Summary
The above section describes the SMS countdown function of the mini-app. I hope it will help you. If you have any questions, please leave a message and I will reply
WxSearch
WxSearch elegant mini-app search box
I. Functions
Supports customizing popular keysSearch history is supported.Supported search recommendationsSupports searching history Cache
Ii. Use
1. Copy the entire wxSearch folder to the root directory.2. Introduction
// Introduce the template
3. Use the 3.1 wxml file. There are two templates: one for the wxSearch author and the other for the weui.
3.1.1 fir
Small Program message push php server verification instance details, small program php
Details about the php server verification instance for mini-app message push
Documentation (depending on a "access guide"): https://mp.weixin.qq.com/debug/wxadoc/dev/api/custommsg/callback_help.html
Settings page ("Settings"> "development settings "):
Https://mp.weixin.qq.com/wxopen/initprofile? Action = home lang = zh_C
Detailed description on how the applet obtains photo album photos.
The applet obtains the photo album
Today, I met with the user profile picture setting function of the mini program and took notes.
First upload gif:
Run the following code:
Small demo, the code is very simple.
1. index. wxml
2. index. js
// Index. js // obtain the application instance var app = getApp () Page ({data: {tempFilePaths: ''}, o
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.