【Gas station membership management applet】03 Create an application

We introduced the creation of data sources in the previous article, and in this article we introduce the creation of applications.

There are two types of applications in Wedap Low Code, one is data model applications and the other is custom applications. Data model applications often correspond to the management background on the PC side. For example, our small programs usually need a management background to enter data.

Custom applications correspond to several types of applications, such as applets, H5, and PCs. Mini programs are applications running on WeChat. H5 and PC usually correspond to the official website and mobile site of the enterprise, and usually need to be accessed through a domain name.

When creating an application, in addition to being able to create it independently, you can also create a new one through a template. At present, Weidao Low Code provides a rich template library, covering all walks of life, and we can use this as a basis for expansion.

insert image description here
For students with zero foundation, I usually suggest to start learning from templates first. Looking at official examples tends to make learning progress faster. There are also anxious students who feel that it is not what they want after reading the template. It is usually because there is no development foundation, on the one hand, the template cannot be understood, and on the other hand, because the foundation is relatively weak, it is impossible to build the template you want according to your own ideas.

As a knowledge-intensive industry, computers usually require a lot of time for learning and training. In fact, there is a path to learning, you have to read the official documentation first, because the documentation will introduce it more clearly. Reading the document is the process of building the foundation. After reading it, you need to combine it with reality. Then looking at the template is the fastest way to learn.

Because we are developing a small program this time, we first need to create a custom application

insert image description here
Enter the name of the application, we choose the third category for supported platforms

insert image description here
After entering the quick start page, you need to click on the blank page to complete the creation of the page

insert image description here
After the page is created, the application editor will open. The editor is divided into several parts, as shown in the figure below:

insert image description here
The first part is the sidebar navigation, which can edit pages, create data sources, upload materials, and set applications.

On the editing page, we usually build the components, create a data source to easily create and modify the data source, and generally upload icons, backgrounds and other materials used in the application to the application. The setting application can enable login. Generally, if your applet needs to enter the user name and password to log in, you can do it here.

Manipulate data sources

insert image description here
upload material

insert image description here
application settings

insert image description here
The lab supports the creation of applications in the form of code, which is not recommended for non-professional developers.

The second part is the top navigation. We usually create variables in the top navigation, write front-end business logic, and preview and release applications

Variable Management
insert image description here
Code Editor

insert image description here
preview release

insert image description here
The third part is the page component area, where various available components are listed, and components can be dragged and dropped into the component editing area

insert image description here
The fourth part is the component editing preview area, where the position of the component can be adjusted, and the final effect of various settings can be seen in the preview area. It should be noted that if you need to call the WeChat API, such as opening a file, you need to publish it as a small program to see it on your phone

insert image description here
The most important ability to be a programmer is the ability to debug. You can click on the development and debugging tools to observe the output of the program, and check the error message to locate the problem.

insert image description here
The fifth part is the property panel area, where you can set various properties of the page or component, such as text content. You can also define various events for components, such as clicks. If you need to set the component style, you can switch to the style tab to set it.

insert image description here
insert image description here
In this lesson, we will first explain the basic operations of the application. In the next section, we will introduce the use of the carousel container.

Guess you like

Origin blog.csdn.net/u012877217/article/details/128262457