Design and implementation of e-commerce website based on vue (paper + source code)_kaic

Abstract
The fast-paced development of modern economy and the continuous improvement and upgrade of information technology have upgraded the management of traditional data information to a management method of software storage, summary and centralized processing of data information. . This e-commerce website was born in such an environment. It can help managers process huge data information in a short time. Using this software tool can help managers improve transaction processing efficiency and achieve twice the result with half the effort. This e-commerce website uses the current mature and complete SSM framework, uses the cross-platform Java language that can develop large-scale commercial websites, and the Mysql database, one of the most popular RDBMS application software, for program development. The development of the e-commerce website is based on the operator The interface needs to be designed to be simple and beautiful, and to be consistent with websites of the same type in terms of functional module layout. When the program realizes the basic required functions, it also provides some practical solutions to the security issues faced by data information. It can be said that this program not only helps managers handle work affairs efficiently, but also realizes the integration, standardization and automation of data information.

Keywords: e-commerce website; SSM framework; Mysql; automation

 
Abstract
The fast-paced development of the modern economy and the continuous improvement and upgrading of information technology have allowed the management of traditional data information to be upgraded to software storage, induction, and centralized management of data information. This book lending system was born in such a large environment, which can help managers to process huge data information in a short time. Using this software tool can help managers improve transaction processing efficiency and achieve double the result with half the effort. This book lending system uses the current mature and perfect SSM framework, cross-platform Java language that can be used to develop large-scale commercial websites, and Mysql database, one of the most popular RDBMS application software, for program development. It realizes the functions of book basic data management, book borrowing and return, review of registered teacher information, and announcement information release. The development of the book lending system is designed to be simple and beautiful according to the needs of the operator. The layout of the function module is consistent with the same type of website. When the program realizes the basic requirements, it also provides some practical solutions for the security problems faced by the data information. . It can be said that this program not only helps managers efficiently handle work affairs, but also realizes the integration, standardization and automation of data information.
Key Words:Book borrowing system; SSM framework; Mysql; automation
 
目 录
目 录
1 绪论
1.1 研究背景
1.2 目的和意义
1.3 论文结构安排
2 相关技术
2.1 SSM框架介绍
2.2 B/S结构介绍
2.3 MYSQL数据库介绍
3 系统分析
3.1 系统可行性分析
3.1.1 技术可行性分析
3.1.2 经济可行性分析
3.1.3 运行可行性分析
3.2 系统性能分析
3.2.1 易用性指标
3.2.2 可扩展性指标
3.2.3 健壮性指标
3.2.4 安全性指标
3.3 系统流程分析
3.3.1 操作流程分析
3.3.2 登录流程分析
3.3.3 信息添加流程分析
3.3.4 信息删除流程分析
4 系统设计
4.1 系统概要设计
4.2 系统功能结构设计
4.3 数据库设计
4.3.1 数据库E-R图设计
4.3.2 数据库表结构设计
5 系统实现
5.1用户信息管理
5.2 商品信息管理
5.3商品分类管理
5.1商品资讯管理
6 系统测试
6.1 系统测试的特点 
6.2 系统功能测试
6.2.1 登录功能测试
6.2.2 添加类别功能测试
6.3 测试结果分析
结  论
致  谢
参考文献
 
1 绪论
1.1 研究背景
The current competitive pressure in various industries in society is very high. With the informatization and scientific development of the current era, all industries and fields in society are scrambling to use new information technology to process various related data in the industry. Scientific and standardized management. Such an environment puts those companies that stand still and do not accept the information technology brought by the information reform at risk of being eliminated and replaced at any time. So today, various industries, whether it is the traditional education industry, catering industry, tourism industry, medical industry and other fields, will use new information technology to carry out information revolution, changing the traditional paper-based work that requires manual processing. Office environment. It is the development requirement of the times that software information technology can cover various industries and fields in society. The true electronicization of various data and documents is an irreversible and inevitable trend in the development of the information society. This e-commerce website also keeps up with the development of science and technology, using today's first-class software technology to realize the development of software systems, allowing doctors to manage information completely through the management system to achieve scientific, standardized and programmed management. This helps information managers save transaction processing time, reduce the error rate of data processing, promotes the management level of basic data, and avoids random business management work to a certain extent. At the same time, e-commerce websites The various dynamic information stored in the database also provides a large amount of factual basis for upper-level managers to make major decisions. In short, the e-commerce website is a software system that can truly improve managers’ office efficiency.
1.2 Purpose and significance
The processing of information data relies entirely on manual operations, which will consume a lot of labor costs. Especially when faced with a large amount of data information, traditional Manual operation not only cannot guarantee the error rate of data, but is also prone to low utilization and low security issues of various information resources. What's more, it wastes a lot of valuable time, especially updating information, summarizing and making statistics, which is a process that consumes money and energy. Therefore, the emergence of electronic information management can alleviate and change the situation faced by traditional manual methods. On the one hand, it can ensure that information data is processed efficiently in a short time and save labor costs. On the other hand, it can ensure the security and reliability of information data. It is flexible and can realize fast retrieval and modification operations of information data. These advantages are unmatched by the previous old operation mode. Therefore, e-commerce websites provide an important window for the upgrading and reform of data information management models.
1.3 Thesis structure arrangement
In order to help users better understand and understand the program development process and related content, this article will elaborate on the content in six chapters.
Chapter 1: Describes the development background of the program, the purpose and significance of the program in real life, and the structural arrangement information of the program document;
Chapter 2 : Describes the development environment of the program, including the technologies involved in program development, data storage tools used in program development, and other information;
Chapter 3: Describes the problems that will be faced when the program is developed. Feasibility issues, and describe the program functions and performance requirements;
Chapter 4: Describes the functional breakdown information under the program’s large functional modules, as well as the database table file structure for storing program data Design information, etc.;
Chapter 5: Describes the content of the function implementation interface of the program, and also describes some functions operated by the program operator;
Chapter Chapter 6: Describes the testing content of program functions and introduces the concepts and methods of system testing.
 
2 Related Technologies
2.1 Introduction to SSM Framework
The English abbreviation of the framework technology used in the program development of this topic is SSM. Popular frameworks used in JavaWeb development include SSH, SSM, SpringMVC, etc. As a project program, you can also use the SSH framework, the SSM framework, or SpringMVC. The SSH framework is a heavyweight framework. The configuration is cumbersome and not flexible enough. Modifying the program requires modifying many files. It also takes up a lot of memory and has a relatively high CPU usage when running. SpringMVC is an MVC architecture developed by Spring. Flexible and easier to use, the SSM framework is an intermediate value. It is neither bloated with SSH nor simplified by SpringMVC. It is an intermediate level and can be written and understood during the configuration and use processes. The MyBatis framework replaces the Hibernate framework because it is more flexible and does not need to be completely operated within the framework. It can write more flexible code for data operations, and its performance is more stable than the Hibernate framework. In general, the use of the SSM framework is based on comprehensive considerations. There are many tutorials and experiences on the Internet, and SSM is so popular, so it is natural to develop with the SSM framework.
2.2 Introduction to B/S structure  
In the early days, some files written in HTML language and some other resource files could form the simplest Web program , Understanding Web programs also requires understanding Web sites. The relationship between them is that one or more Web programs can be placed and used in a Web site (Web server) on the Internet. It can be said that the development of Web applications has also led to the rise of the B/S network structure model. B is the initial letter of Browser (browser), S is the initial letter of Server (server), and the combination of the two initial letters becomes the abbreviation of network structure mode B/S. Since this structural model allows access to the server through the browser installed on the client, the core functions of the program can be arranged in the server for processing, saving a lot of work in the development, later use and maintenance of the program. Figure 2.1 shows how a program developed using this architecture works.
 
Figure 2.1 Working principle diagram of B/S architecture
2.3 Introduction to Mysql database
The developed program is only for users The functional interface allows users to operate various functions of the program interface, so many people will ask, where is the data information generated by users using the program functions? This requires knowledge of databases. Generally speaking, program development usually analyzes and compares the characteristics of commonly used data storage tools, such as the characteristics and advantages of Mysql database, the characteristics and advantages of Access database, and the characteristics of Sqlserver database. In the end, it depends on which database matches the program that needs to be developed and meets the data storage requirements required to run the program function. For example, if you need to develop a commercial-level program and the stored data has higher requirements on the database, you can choose Oracle. If It is a relatively simple program that does not have too many requirements for data storage. You can choose Microsoft's Access. When developing a program that requires the database to occupy a small space and meet the program data storage requirements, you can consider Oracle from the Swedish MySQL AB company. I acquired a relational database a long time ago, which is now the Mysql database. It is one of the most recognized application software among database tools. The information that needs to be explained is that this database was used in the development of this program. It saves program data by using different data tables. While increasing the storage speed of program data, it also improves the flexibility of the database. Figure 2.2 shows the architecture diagram of MySQL.
 
Figure 2.2 MySQL database architecture diagram

 
3 System Analysis
When the user decides to develop a program, they need to follow the following sequence of work, which can be summarized as: System Analysis --> System Design --> System development --> System testing, regardless of whether there are changes or iterations in this process, the work is carried out in this order. System analysis is to analyze what the system needs to do. The main purpose is to determine the function of the system, which also makes a good start for the next work.
3.1 System feasibility analysis
Developing a program software not only requires time, but also manpower and material resources. The purpose of conducting feasibility analysis is to solve users' questions and see whether the program can be developed under the current conditions.
3.1.1 Technical Feasibility Analysis
The development language selected for this program is Java. This programming language has rich data types and also has command control statements. It is relatively complete, and more importantly, it has strong support for classes and objects. These advantages provide technical support for program developers, especially now that codes are gradually modularized, and the source codes related to system function development are publicly displayed on the Internet, so It is becoming technically easier for developers with a certain computer development foundation to develop systems independently.
3.1.2 Economic Feasibility Analysis
The most critical equipment for developing this program is a computer, whether it is the computer equipped in the school computer room or the computer you have been using since you entered school. The notebooks purchased are all equipment that can meet the development requirements. In addition, the school has completely covered the campus network, so there is no need to consider economic issues when it comes to equipment and networks.
3.1.3 Operation Feasibility Analysis
With the improvement and upgrade of computer software and supporting hardware, the current computer environment is very good, especially since computers have become widely popular. Nowadays, computer equipment can be found in every household. Since the program developed this time consumes less resources, it can be easily run on an ordinary computer or laptop.
Through the above feasibility description, the question of whether program development is feasible can be solved from the economic, technical and operational aspects. Therefore, it can be considered that the program software can be developed.
3.2 System performance analysis
System performance analysis is also a relatively important content. System performance analysis is to ensure that the system functions can be run and used in daily life. To achieve the specified indicators, a complete system software requires the step of system performance analysis. This performance analysis mainly analyzes the usability indicators, scalability indicators, system robustness indicators, and system security indicators.
3.2.1 Ease of use index
The purpose of the development of this program software is to allow users to improve the efficiency of information data management through the use of this software, and at the same time The program software also needs to set up corresponding functions for different operating users. Therefore, the operation process of this program should be consistent with the user's daily behavior and habits of operating the software. In addition, the design and development of the program software should also consider non-computer majors. The user's computer operation level should ensure that most users can easily operate various functions provided by the program.
3.2.2 Scalability index
The program software that currently needs to be developed is designed and developed based on current user needs, but as time goes by, society With the changes in the general environment, the developed programs also need to keep pace with the times, and the corresponding functional content needs to be expanded according to the changing needs of users. It should be noted that when adding functional modules to a formed program, it is still necessary to It is necessary to ensure that the original structure and functions of the program are not affected, and that the newly added functional modules can also run normally in the system. If this indicator is met, it can ensure that the program can calmly respond to changes in the market environment while meeting the information management requirements.
3.2.3 Robustness Index
The development of program software is to process various data information stably when it is put into use. Once the program software becomes unstable, It will also cause interference to users. Therefore, from the perspective of performance analysis, it is required that the program software must remain stable and be able to function normally when responding to user misoperations or when users fill in incorrect data due to various reasons. for use. When an abnormality occurs in a certain functional module of the program, other functional modules of the program must also be able to ensure normal use. Meeting the program's robustness indicators can provide users with a good user experience.
3.2.4 Security indicators
The security of program software is the primary issue. After all, the data information stored in the corresponding database of the program is huge, including A lot of important personal information, which requires the program to have a complete security mechanism. Therefore, the program must set up a login function to check the user's identity and match the identity and permissions. By restricting the functions of different user identities, users will never be tolerated to operate the program beyond their authority. In addition, it is also necessary to always guard against computer viruses and hackers, and take targeted measures to deal with security issues to ensure that the program is always in a safe environment so that users can use it with confidence.
3.3 System process analysis
3.3.1 Operation process analysis
When the program is handed over to the user for use, the program information needs to be provided The operation flow chart (shown in Figure 3.1) makes it easier for users to understand the specific working steps of the program. Nowadays, the operation process of the program has a general standard, that is, first submit the login data through the login page, and after it is verified correctly by the program, Only users can operate the corresponding functions on the program function operation area page.
 
Figure 3.1 Program operation flow chart
3.3.2 Login process analysis
In this part, it is necessary to analyze the login function module of the program The operation process (shown in Figure 3.2) is explained separately. The login module set up in the program is also for security reasons, so that users can use it with peace of mind. The login module mainly allows users to submit login information, and the program performs data verification. Only users who pass the verification can successfully log in to the program.
 
Figure 3.2 Program login flow chart
3.3.3 Information addition process analysis
The adding function of the program is to provide the operator with input Whether it involves adding user information or adding information to other functional modules, the information adding process of the program (as shown in Figure 3.3) is the same. The program first judges the data entered by the operator. This judgment rule is a program code written in advance. When the program determines that the data meets the requirements, the data entered by the operator will be registered in the data table, such as the added User information will write the newly added user information into the user information data table file.
 
Figure 3.3 Information addition flow chart
3.3.4 Analysis of information deletion process
When deleting some invalid data from the program , follow the information deletion process of the program (as shown in Figure 3.4), first select the data that the operator needs to delete. In order to prevent the operator from accidentally deleting information, the program will also prompt when the operator is really sure to delete the selected information. , the information will be permanently deleted from the database.
 
Figure 3.4 Information deletion flow chart

 
 

Guess you like

Origin blog.csdn.net/weixin_39563171/article/details/134915183