Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of WeChat Mini Programs how to operate and maintain small projects. The content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe everyone will gain something after reading this WeChat Mini Programs article on how to operate and maintain small projects. Let's take a look.

Let's take a look at the effect after completion:

Implementation analysis

The basic function is to do an IP query page, enter ip, can query the details of IP, background call Taobao IP library, OK, interface and function is like this, relatively simple, then we will introduce the basic concept and use of Mini Program.

The first step is to download the WeChat Mini Programs developer tool, which is necessary, because you can only debug your code in this tool, but you don't have to write code in this tool, you can write it in Sublime, but you have to be in this tool. I won't say much about how to install it. If this step is not done, I don't think it makes any sense to look down. Of course, it's a joke, if there's a problem. You can leave me a message.

Realization method

After installation, you need to scan Wechat for the first time to identify developers, and then add projects. Wechat developer tools can help you generate a simple demo project, as shown in the figure:

Let's first look at app.js, app.json, and app.wxss, among which

App.js is Mini Program script code, you can define global variables, specify Mini Program's life cycle function (onLaunch,onShow,onHide, other)

The app.json file is the configuration file. The page that mainly configures Mini Program. All page settings should be written in this file.

App.wxss is a common stylesheet file.

In addition to these files, we have two directories that show index pages and logs pages. If complete, there will be four files in each directory:

As shown in the figure above, each directory is now index.js, index.wxml, index.wxss, where the .js suffix file is the script file, the .json suffix file is the configuration file (optional), the .wxss suffix file is the stylesheet file (optional), and the .wxml suffix file is the page structure file.

The above are the basic concepts of Mini Program, understand these, you can start our small project development.

First, let's write index.wxml.

The code is as follows:

Because I have added some styles to the interface, I want to write an index.wxss style file with the following code:

With these is just a shell, input IP click query has no effect, because we still need to get data from the background, now start to write our index.js file, because the js file content is more, we introduce separately, first talk about the initialization part

It is empty at the beginning, and then comes our core function, which first determines whether IP is empty. If so, it prompts that IP cannot be empty. If there is an IP, call wx.request to send the request, and then assign the obtained data through setData. If there is a network problem, the network request is reported to fail. The code is as follows:

Finally, you need to re-enter after the query. When you click reset, clear all the contents, including the values you just obtained. The code is as follows:

This is the end of the article on "how to operate and maintain the small project of WeChat Mini Programs". Thank you for your reading! I believe that everyone has a certain understanding of the knowledge of "how to operate and maintain small projects of WeChat Mini Programs". If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.