The Design And Implementation Of A Product Display System Based On Mini Program Technique

With the popularity of intelligent application development,various kinds of App have sprung up.At the same time,it also brings a lot of inconvenience A wide variety of functions and cumbersome features make people unable to make choices,but also bring considerable challenges to the capacity of mobile phones.Hardware upgrades are just a helpless solution.This led to the birth of the Mini Program.For the user,the traditional application and the small program are compared,the installation is omitted,the mobile phone memory space is not occupied,and the traffic is saved.Although it is not comparable to traditional apps at the usage level,basic functions can be implemented.And the use interface and operation steps of the Mini Program will be very simple,and at the same time,the operation difficulty of the user can be reduced.Compared to developers,WeChat applets are less expensive to develop.Most of the cost can be invested in operations and promotion to make the content itself.In today's society,online shopping has gradually become a trend.Along with the upgrade of technology,for ordinary traditional supermarkets and offline stores to promote their own products,it is necessary to increase the cost investment,which invisibly raises the threshold of publicity,and also causes the merchant to encounter bottlenecks.Developing a system for merchandising is a great application for consumers.The paper takes the function of real estate as a starting point,and uses Mini Program technology to develop a product display system that is convenient for buyers and sellers.The system consists of two parts.The first part is the Mini Program main system.The view layer and the logic layer are separated,driven by data,and the events interact without directly operating the DOM.The view layer is responsible for rendering the page structure,and the logic layer is responsible for logical processing,data requests,interface calls,and so on.Users can log in to the main system via their mobile phone to use the main functions of the Mini Program.The second part is a background management system based on B/S architecture,which is provided to management users.Based on the MVC pattern,the presentation layer uses Vue.js technology,the business layer uses Node.js,and the persistence layer uses MySQL database.In order to facilitate reuse,the two parts share a database and database business module.The main development language is JavaScript,which was developed in the Visual Studio Code environment.I mainly participated in the design,development and testing of the Mini Program client.In the system design process,the mvc mode design control is performed on the client code,and the template is used to increase the reusability of the code.During the development process,the WeChat third party is invoked.Functional interface.For the data interaction between the front and back and the server,the json data format is used for data transfer,which facilitates the transformation and reconstruction of the Mini Program in the future and is applicable to various business models.