This project is a function of Orange Online Mall, a self-operated mall application implemented in accordance with my own ideas. Currently, the front desk functions are implemented, including login, registration, product display, shopping cart and other modules. The backend has added products, deleted products, put on and off the product, order management, and administrator management. The E payment function and Baidu map function are implemented. In order to facilitate the future improvement and expansion of this project, I adopted a architectural design that is separated from the front and back end. The front-end mainly uses single-page web applications built by javaScript, jquery, AjAX, and JSP. The front-end MVC layering is completed by using instructions, services, templates, and controllers. The effect of each template page uses basic CSS3 and other technologies, combining JS to complete the basic interactive effects of the page. Because it has functions such as implementing database and backend modules, data interaction of the entire frontend function is completed through AJax requests. In the later stage, we will consider implementing a backend management system and database system, as well as asynchronous loading and optimization of frontend page resources.