search
HomeWeChat AppletWeChat DevelopmentWeChat development demo and actual mall development

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.