search
HomeWeChat AppletMini Program DevelopmentWeChat Mini Program Development-Basic Directory Creation

Today I will start to explain the basic content of WeChat applet development:
Let’s start with the directory structure:


1. Directory structure explanation:

WeChat Mini Program Development-Basic Directory Creation

This post was finally edited by Programmer Daxia on 2017-2-23 14:51



Today I will start to explain the basic content of WeChat mini program development:
Let’s start with the directory structure:


1. Directory structure explanation:


WeChat applet has four file types:

*.wxml

*.wxss

*.js

*.json

wxml: similar to the html page in the web page;
wxss: similar to the css style in the web page;
js: js file, used to define functions, methods, etc.;
json: configure page attributes, such as title bar;
app.js in the above picture The file names of the three files app.json app.wxss are fixed and officially defined by WeChat. The file names cannot be modified, and these three files are indispensable.
2. Note:

The file names of the wxml, wxss, js, and json files in the page folder must be the same, and the folder name does not have to be the same as the file name inside, as shown in the figure

WeChat Mini Program Development-Basic Directory Creation

#Okay, everyone has understood the directory structure of the mini program and the role of each file. In the next article, we will explain how to create a page.

For more articles related to WeChat applet development-basic directory creation, please pay attention to 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

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment