Home >WeChat Applet >WeChat Development >WeChat development demo and actual mall development

WeChat development demo and actual mall development

零下一度
零下一度Original
2017-05-22 11:33:223586browse

Example Tutorial

This example is purely written by myself and will not be infringed upon.

1. Environment Setup

Find the version suitable for your computer in the official website documentation, download it, and install it directly ( I do not recommend using the cracked version)

  • Download the latest tool for WeChat mini program

You will be prompted to log in using the WeChat QR code, scan it directly Code login

2. Download demo

Use the git tool to clone the above code directly, click Add Project, and add this program to the project!

(Select no AppID for appid, choose the project name casually, not necessarily the file name, select the downloaded directory)

WeChat development demo and actual mall development


3. Start writing code

Enter the debugging page (the left is the debugging preview, the right is a tool similar to Google web debugging)

WeChat development demo and actual mall development


Enter the edit code page

WeChat development demo and actual mall development


##1. app.json is the configuration file of the project, as shown on the right.

The first part (black box) is pages, which is the entire page. Every time a page is added, the path must be written in Here:

The second part tabbar can generate the navigation at the bottom of the app as long as these files are configured (see the documentation for details)

The third part is the global configuration of widows

2. Pages means that each of your pages has four files: json (configuration file), js (js written by yourself), wxml (equivalent to html), wxss (equivalent to css)

3. Public files can Generally stored remotely, current development can be created locally, such as images (icon files cannot be used)

[Related recommendations]

1.

WeChat public account platform source code download

2.

WeChat LaLa Takeout 2.2.4 Decrypted Open Source Version WeChat Rubik’s Cube Source Code

3.

WeChat Connection King v3.4.5 Advanced Commercial Version WeChat Rubik’s Cube Source code

The above is the detailed content of WeChat development demo and actual mall development. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn