Enterprise official website applet building tutorial

Mobile Internet Era , People are used to browsing information on mobile phones . Wechat as super APP, Build an official website on wechat applet , First, it is convenient for customers to understand the business of the enterprise , Second, the popularity of the enterprise can also be improved through the sharing of small programs . This article uses the development tool of "micro build low code" to build an enterprise official website applet .

The construction process is developed according to the official template , By following the template, you can quickly get familiar with the various functions of the official development tools , On the other hand, it can also improve their product design ability , When there are similar requirements, it can be developed quickly .

Okay , Don't talk much , We officially entered the development stage .

Generally, low code development needs to go through data source development 、 The application builds 、 Page development 、 Preview publishing and other steps .

1 Data source development

We can take a look at the data sources we need , There are two data sources , Enterprise template and enterprise template - Solution

Insert picture description here

Insert picture description here

Insert picture description here

2 Create a management background

As a website , You must provide a management background for the administrator of the website , Convenient for routine maintenance information , We use the model application of micro build to generate PC End function .

Click on the console , Click application , Click create from data model

Insert picture description here

Insert picture description here

Select the data source just created

Insert picture description here

Insert picture description here

The model application will automatically generate pages for adding, deleting, modifying and querying , We can click publish to publish to the enterprise workbench , Data can be maintained

Insert picture description here

3 Developing small programs

After the management background is developed , You can develop small programs . We click on the application , Start with a blank app

Insert picture description here

First create a blank page

Insert picture description here

Insert picture description here

We need a total of five pages , They are the home page 、 Solution 、 About us 、 What's new and what's new . Create these pages in turn

Insert picture description here

3.1 Homepage development

The home page contains five parts , Navigation pictures 、 Navigation menu 、 Application scenarios 、 What's new 、 partners

3.1.1 Navigation picture

To be updated

3.1.2 Navigation menu

To be updated

3.1.3 Application scenarios

To be updated

3.1.4 What's new

To be updated

3.1.5 partners

To be updated

3.2 Solution

To be updated

3.3 About us

To be updated

3.4 What's new

To be updated

3.5 Dynamic details

To be updated

Preview release

To be updated

summary

To be updated