With the development of computer network technology, online shopping has been in full swing. In this paper, according to the needs of the national pen users, a pencil sales website is designed to facilitate users to purchase pencils online. The website is mainly composed of two parts : foreground display and background data management. The main functions of the foreground subsystem are user registration and login, personal information modification, detailed product display, shopping cart, order management and so on. In the background subsystem, the functions of user management, commodity management and order management are realized based on Echarts.