(Source code attached) Design and implementation of an online flower mall based on Vue.js Computer Graduation 41992

The rapid development of scientific and technological progress has caused tremendous changes in people's daily lives. The rapid development of electronic information technology has made the application level of electronic information technology in various fields popular and applied. The arrival of the information age has become an unstoppable fashion trend, and the history of human development is entering a new era. In actual application, the working rules and development steps of the application software are used to build an online flower mall using Java technology.

This design mainly implements an online flower mall that combines the advantages of humanization, high efficiency, and convenience, and completes functional modules such as homepage, consultation information, flower mall, flower types, purchase information, order confirmation, and delivery information. The system communicates with the server through the browser to realize data interaction and changes. This system improves work efficiency and reduces errors and omissions in data storage through scientific management methods and convenient services. The online flower mall uses Java language and SSM technology based on the MVVM model for development. It is written using the Eclipse 2017 CI 10 compiler. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the front-end HTML+CSS technology. Complete system development.

Keywords : ssm technology; MYSQL; mall

Abstract

The rapid development of science and technology has caused great changes in people's daily life. The rapid development of electronic information technology has made the application level of electronic information technology in all fields popular and applied. The arrival of the information age has become an irresistible fashion trend, and the history of human development is entering a new era. In practical application, the working rules and development steps of the application software adopt Java technology to build an online flower mall.

This design mainly realizes the online flower mall integrating the advantages of humanization, efficiency and convenience, and completes the functional modules such as home page, consultation information, flower mall, flower type, purchase information, order confirmation, delivery information, etc. The system communicates with the server through the browser to realize data interaction and change. The system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services. The online flower mall uses Java language, uses SSM technology based on MVVM mode for development, and uses Eclipse 2017 CI 10 compiler to write. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the foreground HTML+CSS technology to complete the system development.

Keywords: Ssm technology; MYSQL；Shopping Mall

1 Introduction

1.1 Research Background

With the rapid update and development of information technology, our lives have undergone tremendous changes. Due to the emergence of the Internet, our world has become smaller and smaller, and the distance between people has also become smaller and smaller. Recently, more companies can conduct online transactions through e-commerce, and a new economic revolution based on digitalization and linked to the Internet has arrived.

This system is an online flower mall system based on SSM. Customers can visit the store online and order flowers. This mall uses the ssm framework, one of the mainstream frameworks, which is simple and easy to use. The single-page application provides a very good user experience and reduces the pressure on the server. It uses the MVVM idea to enable independent conversion between the data model and the view under development. It does not require developers to compare the underlying code step by step, and can focus most of the attention on the logic side of the code during development. Therefore, More and more companies are using this framework for front-end development.

1.2 Research content

The development and implementation of an online flower mall requires the following work content:

(1) First, determine the topic, determine the system to be built, and conduct a preliminary systematic confirmation of the background of the system and some of the problems currently faced.

(2) After the system is confirmed, the technology used in system development is confirmed based on the needs of system development. The development of the online flower mall uses the SSM framework and database to build and develop the platform. Confirm the technology used and conduct technical analysis. Whether the technology can complete the implementation of the system.

(3) Determine the technology used in the system, confirm online the user touch points divided by the system, and determine the functional modules to be designed based on the user touch points. The design of the online flower mall is mainly divided into administrator and user touch points, and all The functional modules used are also different, but the content implemented by the system's database is interactive. Donkeys can search for health food information at any time according to their own needs. System staff can process and operate online information according to their own assigned content. The administrator obtains detailed data information of all users and handles it as soon as possible according to needs.

(4) After the functional modules of the system are confirmed, the program and interface are designed. After the design is completed, the team judges whether the program is perfect through testing. For system testing, different users are required to edit and submit different content, and use different The testing method finds out the loopholes in the program and solves the loopholes in the program online. If there are no problems with the test system, the system can be uploaded for formal operation.

1.3 Characteristics of system development technology

(1) The backend of the web background management in the online flower mall no longer uses the ancient jsp+javabean+servlet technology, but uses the current mainstream ssm framework, which reduces java configuration code and simplifies programming code. The current ssm framework also One of the frameworks chosen by many companies.

(2) The front-end of the web background management in the online flower mall uses a JavaScript framework, which can beautify the page design in conjunction with ajax[8] and jquery[9].

(3) The database in the online flower mall uses mysql5.7, which has high execution efficiency.

1.4 Introduction to ssm framework

The SSM (Spring+SpringMVC+MyBatis) framework set is integrated by the two open source frameworks Spring and MyBatis (SpringMVC is part of Spring). It is often used as a framework for web projects with relatively simple data sources.

1.8.1 Spring
Spring is like a big factory that assembles beans in the entire project. In the configuration file, you can specify the use of specific parameters to call the constructor method of the entity class to instantiate the object. It can also be called the glue in the project.
The core idea of Spring is IoC (Inversion of Control), which means that programmers no longer need to explicitly `new` an object, but let the Spring framework do it all for you.
1.8.2 SpringMVC
SpringMVC intercepts user requests in the project. Its core Servlet, DispatcherServlet, assumes the responsibilities of intermediary or front desk, and matches user requests to the Controller through HandlerMapping. The Controller is the specific operation performed in response to the request. SpringMVC is equivalent to struts in the SSH framework.
1.8.3 mybatis
mybatis is an encapsulation of jdbc, which makes the underlying operations of the database transparent. The operations of mybatis are centered around a sqlSessionFactory instance. Mybatis is associated to the Mapper file of each entity class through the configuration file. The Mapper file is configured with the SQL statement mapping required for each class to the database. Every time you interact with the database, get a sqlSession through sqlSessionFactory, and then execute the sql command.

The page sends a request to the controller, the controller calls the business layer processing logic, the logic layer sends a request to the persistence layer, the persistence layer interacts with the database, and then returns the result to the business layer, the business layer sends the processing logic to the controller, and the controller then Call the view to display the data.

1.5 Paper structure and chapter arrangement

The paper will be organized hierarchically. In addition to the abstract, acknowledgments, and literature references, the main text will also analyze the website requirements, describe the general design and implemented functions, and finally list some debugging records. The main structure of the paper is as follows:

Chapter 1: Introduction. The first chapter mainly introduces the background of the project research, the current situation of system development and the research content and main work of this article.

Chapter 2: System requirements analysis. Chapter 2 mainly conducts demand analysis from the aspects of users and functions of the system.

Chapter 3: System Design. Chapter 3 mainly carries out functional design of the system framework, system function modules and database.

Chapter 4: System implementation. Chapter 4 mainly introduces the system framework construction and the implementation of the system interface.

Chapter 5: System Testing. Chapter 5 mainly tests some interfaces of the system and tests the main functions.

Chapter 6: Summary.

2 Analysis of online flower malls

System analysis is a prerequisite for developing a project. Through system analysis, the basic needs of the main users of the system can be well understood, and this is also the reason for the development of the project. Then, a feasibility analysis is performed on the system development, which usually includes technical feasibility, economic feasibility, etc. The feasibility analysis is also an analysis from the overall perspective of the project. Then the specific requirements of the project are analyzed. The analysis method is generally implemented through the user's use case diagram. The following is a detailed introduction.

2.1 Feasibility analysis

(1) Technical feasibility analysis

The online flower mall uses the mysql database for storage and the use of development tools such as IDEA and Tomcat during development, which can bring a lot of convenience to our writing work. The system is developed using the SSM framework, which makes the system more scalable and maintainable, reduces Java configuration code, and simplifies programming code. Currently, the SSM framework is also one of the frameworks chosen by many enterprises.

(2) Economic feasibility analysis

The development software used in developing the online flower mall, such as IDEA development tools, Tomcat8.0 server, MySQL5.7 database, Photoshop image processing software, etc., are all open source and free. These environments have been systematically studied in school. You can operate it independently without any additional cost, and the system development tools can be downloaded directly from the Internet, so it is economically feasible.

(3) Operation feasibility analysis

When designing this project, I referred to many successful cases of similar systems, systematically analyzed their operation interfaces and functions, and combined many cases together to highlight people-oriented and simplified operations, so people with basic computer knowledge can Operate this project. Therefore, there is no problem with operational feasibility.

2.2 System process analysis

The business process uses some specific symbols and lines to demonstrate the user's process when using the system. When performing system analysis, the business process can help developers better understand the business, discover errors, and improve the system.

2.2.1 Data augmentation process

After the user successfully logs in to the system , he or she can add data. The number of the added data is specific and generated by the system. The user cannot fill it in at will. Except for the number, the user fills in other added information by himself. The filled-in information is verified by the system and is legal. If it passes, it will show that the data has been added successfully. If it is passed, it will not be added successfully. Figure 2-1 shows the process of adding data.

Figure 2-1 Data addition flow chart

2.2.2 Data modification process

The process of data modification is similar to the process of data addition described above, as shown in Figure 2-2 .

Figure 2-2 Data modification flow chart

2.2.3 Data deletion process

If there is some useless data in the system , the relevant managers can also delete the data. Figure 2-3 is the flow chart for data deletion.

Figure 2-3 Data deletion flow chart

2.3 System function analysis

2.3.1 Functional analysis

According to the roles of the online flower mall, I divided it into three parts: administrators, merchant users and ordinary users.

Ordinary user management module:

(1) User registration and login: Visitors can enter the system at any time and browse the information in the system. However, if they want to implement operations such as the flower mall, they must have an account in this system. If they do not have an account, they can register and perform related operations later. At the same time, users can also control personal information and operation information through the "Personal Account" button.

(2) Check the homepage information of the online flower mall: The homepage information of the online flower mall includes the homepage, announcement information, flower information, personal account, personal collection, flower mall, etc.

(3) Announcement information: On the home page navigation bar, we will see the "Announcement Information" menu. After we click to enter, we will see all the announcement information released by the administrator in the background;

(4) Flower information : On the homepage navigation bar, we will see the menu " Flower Information ". After we click to enter, we will see a list of all ideas . In this interface, we can click to view , comment, and click Like etc;

( 5 ) Personal account: On the homepage navigation bar, we will see the "Personal Account" menu. After we click to enter, we can set and manage personal information, passwords for logging into the system, and our own collection of information;

Personal Center: When the user clicks the "My" button in the upper right corner, they will enter the corresponding backend to manage information;

( 7 ) Flower Mall : Users can view the flower mall . When they find the flower mall they want to know about , they can enter to view the detailed introduction. Clicking the "Consultation" button will jump to the interface for filling in the consultation information. Fill in the consultation information according to the prompts, click "Submit" and the consultation will be completed; click the " Purchase " button to jump to the interface for filling in the purchase information, fill in the purchase information according to the prompts, and click "Submit" "After that , the purchase is completed. In the teacher details interface, users can also collect, like , and comment on their favorite flower malls .

Administrator management module:

(1) Login: The administrator's account is directly set in the data table and does not require registration;

( 2 ) Personnel management : When you click the " Personnel Management " menu, three submenus will appear : Administrator + Merchant User + Ordinary User . You can add, delete, modify and check these three

( 3 ) Content management: Under the "Content Management" menu, we will see the two submenus of flower information + information classification. The administrator can add, delete, modify and check these two modules;

( 4 ) Website management: When you click the " Website Management" menu, the two submenus of carousel + announcement information will appear . The administrator can add, delete, modify and check these two

(5) Module management: When you click the " Module Management " menu, six submenus will appear: consultation information, flower mall + flower type + purchase information + confirmed order + delivery information . The administrator can control these six submenus . Modules can be added, deleted, modified and checked;

( 6 ) Personal information: The administrator clicks the "Personal Information" button to update the individual's avatar, nickname, mobile phone number and other information.

( 7 ) Modify password: The administrator can click the "Modify Password" button to change the login password. First enter the original password, then enter the new password and confirm the password. When the original password is correct and the new password is consistent after entering it twice, modify it. Successful, otherwise an error message will be given.

2.3.2 Non-functional analysis

The non-functional requirements of the online flower mall include the security, reliability, performance, scalability, etc. of the online flower mall. The details can be expressed in the following 3-1 table:

Table 3-1 Non-functional requirements table for online flower mall

safety	Mainly refers to the installation of the online flower mall database, the use of the database and the setting of passwords must comply with standards.
reliability	Reliability means that the online flower mall can install and operate according to the user's instructions. After testing, the reliability is over 90%.
performance	Performance is a necessary condition for an online flower mall to occupy the market, so it is best to have good performance.
Scalability	For example, the database reserves multiple attributes, such as the use of interfaces, to ensure the non-functional requirements of the system.
Ease of use	Users only need to follow the page display content of the online flower mall and they are good to go.
maintainability	The maintainability of online flower mall development is very important. After testing, there is no problem with maintainability.

2.4 System use case analysis

Through the analysis of 2.3 functions, the use case diagram of this online flower mall is drawn:

An example of a common user role is shown in Figure 2-3.

Figure 2-3 Use case diagram of ordinary user roles in the online flower mall

The administrator of the web background management maintains all data information in the entire online flower mall. An example of the administrator role is shown in Figure 2-4.

figure 2-4 Use case diagram of online flower mall administrator role

An example of a merchant user role is shown in Figure 2-5.

Figure 2-5 Use case diagram of merchant user role in online flower mall

2.5 Summary of this chapter

This chapter mainly determines the functions to be realized by the entire online flower mall through feasibility analysis, process analysis, functional requirements analysis, and system use case analysis of the online flower mall. At the same time, it also provides standards for code implementation and testing of online flower malls.

3 Overall design of online flower mall

The main content discussed in this chapter includes the functional module design and database system design of the online flower mall.

3.1 System architecture design

This online flower mall is divided into three layers in terms of architecture: presentation layer (UI), business logic layer (BLL) and data layer (DL).

Figure 3-1 Online flower mall architecture design diagram

Presentation layer (UI): Also known as the UI layer, it mainly completes the UI interaction function of this online flower mall. A good UI can improve the user experience and enhance the user's comfort when using this online flower mall. The UI interface design must also adapt to different versions of online flower malls and different size resolutions to achieve good compatibility. The UI interaction function requirements are reasonable, and users must obtain consistent interaction results when performing interactive operations. This requires the presentation layer to be well connected with the business logic layer.

Business logic layer (BLL): mainly completes the data processing function of this online flower mall. The data transmitted by the user from the presentation layer is processed by the business logic layer and delivered to the data layer. The data read by the system from the data layer is processed by the business logic layer and delivered to the presentation layer.

Data layer (DL): Since the data of this online flower mall is placed in the mysql database on the server side, the part that belongs to the service layer can be directly integrated into the business logic layer, so there is only a database in the data layer, which mainly completes the tasks of this online store. Data storage and management functions of Flower Mall.

3.2 System function module design

3.2.1 Overall functional module design

In the previous chapter, the functional requirements and non-functional requirements of the system were mainly analyzed, and the use cases in this online flower mall were analyzed based on the requirements. Then the next step is to start designing the structure, main functions and database of this online flower mall. The online flower mall is based on the demand analysis in the previous chapter. Its overall design module diagram is shown in Figure 3-2.

Figure 3-2 Function module diagram of online flower mall

3.2.2 User module design

Users of this website include administrators and registered user modules. The functions of the two user modules are basically the same. The registered user module has one more registration function than the administrator. Therefore, the structure diagram of the user module is used as an example for analysis, as shown below:

Figure 3-3 User module structure diagram

3.2.3 Comment management module design

The online flower mall is a public website for communication. Users can comment on the content on the website, such as communication centers, information, etc., to increase the interaction between users. But at the same time, in order to better standardize the content of comments and give administrators the function of deleting inappropriate comments, a comment management module needs to be specially designed. The specific structure diagram is as follows:

Figure 3-4 Structure diagram of comment module

3.2.4 Mall management module design

An online flower mall needs to store a lot of flower information. Its module functional structure is as follows:

Figure 3-5 Mall module structure diagram

3.3 Database design

Database design generally includes three major processes: demand analysis, conceptual model design, and database table creation. The demand analysis has been explained in the previous chapter, and the conceptual model design has two parts: conceptual model and logical structure design.

3.3.1 Database conceptual structure design

The following is the ER entity relationship diagram of the main database tables in the entire online flower mall.

Figure 3-6 Total ER relationship diagram of online flower mall

3.3.2 Database logical structure design

From the total ER relationship diagram in the online flower mall in the previous section, it can be concluded that a total of many data tables need to be created. Here I mainly list several major database table structure designs.

Table access_token (login access duration)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	token_id	int	10	0	N	Y		Temporary access badge ID
2	token	varchar	64	0	Y	N		temporary access badge
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	Maximum lifespan: Default 2 hours
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:
7	user_id	int	10	0	N	N	0	user ID:

Table article (article: article for content management system)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	article_id	mediumint	8	0	N	Y		Article id: [0,8388607]
2	title	varchar	125	0	N	Y		Title: [0,125] is used in the title tag of articles and html
3	type	varchar	64	0	N	N	0	Article classification: [0,1000] is used to search for articles of the specified type
4	hits	int	10	0	N	N	0	Number of clicks: [0,1000000000] Number of people who visited this article
5	praise_len	int	10	0	N	N	0	Number of likes
6	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:
8	source	varchar	255	0	Y	N		Source: [0,255] Source of article
9	url	varchar	255	0	Y	N		Source address: [0,255] used to jump to the website where the article was published
10	tag	varchar	255	0	Y	N		Tag: [0,255] is used to mark the relevant content of the article. Multiple tags are separated by spaces.
11	content	longtext	2147483647	0	Y	N		Text: the main content of the article
12	img	varchar	255	0	Y	N		cover picture
13	description	text	65535	0	Y	N		Article description

Table article_type (article classification)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	type_id	smallint	5	0	N	Y		Category ID: [0,10000]
2	display	smallint	5	0	N	N	100	Display order: [0,1000] determines the order in which categories are displayed.
3	name	varchar	16	0	N	N		Category name: [2,16]
4	father_id	smallint	5	0	N	N	0	Parent category ID: [0,32767]
5	description	varchar	255	0	Y	N		Description: [0,255] describes the role of this classification
6	icon	text	65535	0	Y	N		Category icon:
7	url	varchar	255	0	Y	N		External link address: [0,255] If this category jumps to other websites, set it on the URL
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:

Table auth (user rights management)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	auth_id	int	10	0	N	Y		Authorization ID:
2	user_group	varchar	64	0	Y	N		user group:
3	mod_name	varchar	64	0	Y	N		Module name:
4	table_name	varchar	64	0	Y	N		Table Name:
5	page_title	varchar	255	0	Y	N		page title:
6	path	varchar	255	0	Y	N		Routing path:
7	position	varchar	32	0	Y	N		Location:
8	mode	varchar	32	0	N	N	_blank	Jump method:
9	add	tinyint	3	0	N	N	1	Is it possible to add:
10	of the	tinyint	3	0	N	N	1	Can it be deleted:
11	set	tinyint	3	0	N	N	1	Whether it can be modified:
12	get	tinyint	3	0	N	N	1	Is it possible to view:
13	field_add	text	65535	0	Y	N		Add fields:
14	field_set	text	65535	0	Y	N		Modify fields:
15	field_get	text	65535	0	Y	N		Query fields:
16	table_nav_name	varchar	500	0	Y	N		Cross-table navigation name:
17	table_nav	varchar	500	0	Y	N		Cross-table navigation:
18	option	text	65535	0	Y	N		Configuration:
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:

table collect (collection)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	collect_id	int	10	0	N	Y		Collection ID:
2	user_id	int	10	0	N	N	0	Collector ID:
3	source_table	varchar	255	0	Y	N		Source table:
4	source_field	varchar	255	0	Y	N		Source field:
5	source_id	int	10	0	N	N	0	Source ID:
6	title	varchar	255	0	Y	N		title:
7	img	varchar	255	0	Y	N		Cover:
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:

Table comment (comment)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	comment_id	int	10	0	N	Y		Comment ID:
2	user_id	int	10	0	N	N	0	Commenter ID:
3	reply_to_id	int	10	0	N	N	0	Reply comment ID: empty is 0
4	content	longtext	2147483647	0	Y	N		content:
5	nickname	varchar	255	0	Y	N		Nick name:
6	avatar	varchar	255	0	Y	N		Avatar address: [0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:
9	source_table	varchar	255	0	Y	N		Source table:
10	source_field	varchar	255	0	Y	N		Source field:
11	source_id	int	10	0	N	N	0	Source ID:

Table confirm_order (confirm order)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	confirm_order_id	int	10	0	N	Y		Confirm order ID
2	order_number	varchar	64	0	Y	N		order number
3	flower_number	varchar	64	0	Y	N		flower number
4	flower_name	varchar	64	0	Y	N		flower name
5	flower_type	varchar	64	0	Y	N		flower type
6	moral	varchar	64	0	Y	N		Meaning
7	unit_price_of_flowers	int	10	0	Y	N	0	unit price of flowers
8	subscriber	int	10	0	Y	N	0	Subscriber
9	merchant_users	int	10	0	Y	N	0	Business users
10	merchant_name	varchar	64	0	Y	N		the shop's name
11	merchant_address	varchar	64	0	Y	N		Business address
12	consignee	varchar	64	0	N	N		Receiver
13	receiving_telephone	varchar	64	0	N	N		Receiving phone number
14	shipping_address	varchar	64	0	N	N		Shipping address
15	purchase_quantity	int	10	0	N	N	0	Purchase quantity
16	payment_amount	varchar	64	0	N	N		Payment amount
17	confirmation_date	date	10	0	Y	N		Confirmation date
18	pay_state	varchar	16	0	N	N	unpaid	Payment status
19	pay_type	varchar	16	0	Y	N		Payment type: WeChat, Alipay, online banking
20	recommend	int	10	0	N	N	0	Intelligent Recommendation
21	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
22	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table consultation_information (consultation information)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	consultation_information_id	int	10	0	N	Y		Consultation information ID
2	flower_number	varchar	64	0	Y	N		flower number
3	flower_name	varchar	64	0	Y	N		flower name
4	flower_type	varchar	64	0	Y	N		flower type
5	moral	varchar	64	0	Y	N		Meaning
6	unit_price_of_flowers	int	10	0	Y	N	0	unit price of flowers
7	consult_users	int	10	0	Y	N	0	Consult users
8	merchant_users	int	10	0	Y	N	0	Business users
9	merchant_name	varchar	64	0	Y	N		the shop's name
10	merchant_address	varchar	64	0	Y	N		Business address
11	consultation_date	date	10	0	Y	N		Consultation date
12	consultation_content	text	65535	0	Y	N		Consultation content
13	examine_state	varchar	16	0	N	N	Not reviewed	Approval Status
14	examine_reply	varchar	16	0	Y	N		moderation reply
15	recommend	int	10	0	N	N	0	Intelligent Recommendation
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table flower_mall (Flower Mall)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	flower_mall_id	int	10	0	N	Y		Flower Mall ID
2	flower_number	varchar	64	0	Y	N		flower number
3	flower_name	varchar	64	0	Y	N		flower name
4	flower_type	varchar	64	0	Y	N		flower type
5	cover	varchar	255	0	Y	N		cover
6	moral	varchar	64	0	Y	N		Meaning
7	number_of_shelves	int	10	0	Y	N	0	Quantity on shelves
8	unit_price_of_flowers	int	10	0	Y	N	0	unit price of flowers
9	merchant_users	int	10	0	Y	N	0	Business users
10	merchant_name	varchar	64	0	Y	N		the shop's name
11	merchant_address	varchar	64	0	Y	N		Business address
12	details	longtext	2147483647	0	Y	N		Details
13	hits	int	10	0	N	N	0	Clicks
14	praise_len	int	10	0	N	N	0	Number of likes
15	recommend	int	10	0	N	N	0	Intelligent Recommendation
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table flower_type (flower type)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	flower_type_id	int	10	0	N	Y		Flower type ID
2	flower_type	varchar	64	0	Y	N		flower type
3	recommend	int	10	0	N	N	0	Intelligent Recommendation
4	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table hits (user clicks)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	hits_id	int	10	0	N	Y		Like ID:
2	user_id	int	10	0	N	N	0	Liked by:
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:
5	source_table	varchar	255	0	Y	N		Source table:
6	source_field	varchar	255	0	Y	N		Source field:
7	source_id	int	10	0	N	N	0	Source ID:

Table merchant_users (merchant users)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	merchant_users_id	int	10	0	N	Y		Merchant User ID
2	merchant_name	varchar	64	0	Y	N		the shop's name
3	merchant_address	varchar	64	0	Y	N		Business address
4	business_license	varchar	255	0	Y	N		business license
5	examine_state	varchar	16	0	N	N	Not reviewed	Approval Status
6	recommend	int	10	0	N	N	0	Intelligent Recommendation
7	user_id	int	10	0	N	N	0	User ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Notice (announcement)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	notice_id	mediumint	8	0	N	Y		Announcement id:
2	title	varchar	125	0	N	N		title:
3	content	longtext	2147483647	0	Y	N		text:
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:

Table ordinary_users (ordinary users)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	ordinary_users_id	int	10	0	N	Y		Common user ID
2	user_name	varchar	64	0	Y	N		username
3	user_gender	varchar	64	0	Y	N		User gender
4	examine_state	varchar	16	0	N	N	passed	Approval Status
5	recommend	int	10	0	N	N	0	Intelligent Recommendation
6	user_id	int	10	0	N	N	0	User ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Express praise (like)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	praise_id	int	10	0	N	Y		Like ID:
2	user_id	int	10	0	N	N	0	Liked by:
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:
5	source_table	varchar	255	0	Y	N		Source table:
6	source_field	varchar	255	0	Y	N		Source field:
7	source_id	int	10	0	N	N	0	Source ID:
8	status	bit	1	0	N	N	1	Like status: 1 is like, 0 is canceled

Table purchase_information (purchase information)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	purchase_information_id	int	10	0	N	Y		Purchase information ID
2	flower_number	varchar	64	0	Y	N		flower number
3	flower_name	varchar	64	0	Y	N		flower name
4	flower_type	varchar	64	0	Y	N		flower type
5	moral	varchar	64	0	Y	N		Meaning
6	unit_price_of_flowers	int	10	0	Y	N	0	unit price of flowers
7	subscriber	int	10	0	Y	N	0	Subscriber
8	merchant_users	int	10	0	Y	N	0	Business users
9	merchant_name	varchar	64	0	Y	N		the shop's name
10	merchant_address	varchar	64	0	Y	N		Business address
11	recommend	int	10	0	N	N	0	Intelligent Recommendation
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
13	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table shipping_information (shipping information)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	shipping_information_id	int	10	0	N	Y		Shipping information ID
2	order_number	varchar	64	0	N	N		order number
3	flower_number	varchar	64	0	Y	N		flower number
4	flower_name	varchar	64	0	Y	N		flower name
5	flower_type	varchar	64	0	Y	N		flower type
6	moral	varchar	64	0	Y	N		Meaning
7	unit_price_of_flowers	int	10	0	Y	N	0	unit price of flowers
8	subscriber	int	10	0	Y	N	0	Subscriber
9	merchant_users	int	10	0	Y	N	0	Business users
10	merchant_name	varchar	64	0	Y	N		the shop's name
11	merchant_address	varchar	64	0	Y	N		Business address
12	consignee	varchar	64	0	Y	N		Receiver
13	receiving_telephone	varchar	64	0	Y	N		Receiving phone number
14	shipping_address	varchar	64	0	Y	N		Shipping address
15	purchase_quantity	int	10	0	Y	N	0	Purchase quantity
16	payment_amount	varchar	64	0	Y	N		Payment amount
17	examine_state	varchar	16	0	N	N	Not reviewed	Approval Status
18	examine_reply	varchar	16	0	Y	N		moderation reply
19	recommend	int	10	0	N	N	0	Intelligent Recommendation
20	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	creation time
21	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time

Table slides (carousel)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	slides_id	int	10	0	N	Y		Carousel image ID:
2	title	varchar	64	0	Y	N		title:
3	content	varchar	255	0	Y	N		content:
4	url	varchar	255	0	Y	N		Link:
5	img	varchar	255	0	Y	N		Carousel image:
6	hits	int	10	0	N	N	0	Number of clicks:
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Creation time:
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Update time:

Table upload (file upload)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	upload_id	int	10	0	N	Y		Upload ID
2	name	varchar	64	0	Y	N		file name
3	path	varchar	255	0	Y	N		access path
4	file	varchar	255	0	Y	N		file path
5	display	varchar	255	0	Y	N		display order
6	father_id	int	10	0	Y	N	0	Parent ID
7	dir	varchar	255	0	Y	N		folder
8	type	varchar	32	0	Y	N		file type

Table user (user account: used to save user login information)

serial number	name	type of data	length	Decimal places	Allow null values	primary key	default value	illustrate
1	user_id	mediumint	8	0	N	Y		User ID: [0,8388607] User obtains other user-related data
2	state	smallint	5	0	N	N	1	Account status: [0,10](1 available \| 2 abnormal \| 3 frozen \| 4 logged out)
3	user_group	varchar	32	0	Y	N		User group: [0,32767] determines user identity and permissions
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	Last Login Time:
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证\|1审核中\|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证\|1审核中\|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

3.4本章小结

整个网上鲜花商城的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4 网上鲜花商城详细设计与实现

网上鲜花商城的详细设计与实现主要是根据前面的网上鲜花商城的需求分析和网上鲜花商城的总体设计来设计页面并实现业务逻辑。主要从网上鲜花商城界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入网上鲜花商城的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2用户登录界面

网上鲜花商城中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到网上鲜花商城的首页中；否则将会提示相应错误信息，用户登录界面如下图4-2所示。

图4-2用户登录界面图

登录关键代码如下所示。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

QueryWrapper wrapper = new QueryWrapper<User>();

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

if (groupList.size()<1){

return error(30000,"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

if (res==null){

return error(30000,"用户不存在");

}

if (!res.equals("已通过")){

return error(30000,"该用户审核未通过");

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000,"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

} else {

return error(30000, "账号或密码不正确");

}

public String select(Map<String,String> query,Map<String,String> config){

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

}

if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

}

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

}

log.info("[{}] - 查询操作，sql: {}",table,sql);

return sql.toString();

}

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

4.1.3用户注册界面

不是网上鲜花商城中正式用户的是可以在线进行注册的，如果你没有本网上鲜花商城的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-3所示。

图4-3用户注册界面图

注册关键代码如下所示。

/**

* 注册

* @return

@PostMapping("register")

public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

// 查询用户

Map<String, String> query = new HashMap<>();

Map<String,Object> map = service.readBody(request.getReader());

query.put("username",String.valueOf(map.get("username")));

List list = service.selectBaseList(service.select(query, new HashMap<>()));

if (list.size()>0){

return error(30000, "用户已存在");

}

map.put("password",service.encryption(String.valueOf(map.get("password"))));

service.insert(map);

return success(1);

}

public Map<String,Object> readBody(BufferedReader reader){

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try{

br = reader;

String str;

while ((str = br.readLine()) != null){

sb.append(str);

}

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

}catch (IOException e){

e.printStackTrace();

}finally{

if (null != br){

try{

br.close();

}catch (IOException e){

e.printStackTrace();

}

return null;

}

public void insert(Map<String,Object> body){

E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

baseMapper.insert(entity);

log.info("[{}] - 插入操作：{}",entity);

}

4.1.4公告栏界面

当点击导航栏上的“公告栏”的时候，就会进入对应的界面查看公告信息，公告栏界面如下图4-4所示。

图4-4公告栏界面图

4.1.5 鲜花资讯界面

当访客点击网上鲜花商城中导航栏上的“鲜花资讯”后将会进入到该“鲜花资讯”列表的界面，然后选择想要看的鲜花资讯，点击进入到详细界面，在详细界面可以收藏+点赞+评论等操作，鲜花资讯界面如下图4-5所示。

图4-5鲜花资讯界面图

4.1.6密码修改界面

用户使用该网上鲜花商城注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。界面如下图4-6所示。

图4-6密码修改界面图

4.1.7鲜花商城界面

用户可以查看鲜花商城，在查询到自己想要了解的鲜花商城的时候，可以进入查看详细的介绍，点击“咨询”这一按钮以后会跳转到咨询信息填写的界面，根据提示填写好咨询的信息，点击“选购”这一按钮以后会跳转到选购信息填写的界面，根据提示填写好选购的信息，点击“提交”以后预定就完成了，在鲜花商城详情这个界面，同时支持用户对喜欢的鲜花商城进行收藏、点赞的功能，鲜花商城详情展示页面如图4-7所示。

图4-7鲜花商城界面图

4.2管理员功能模块

4.2.1人员管理界面

网上鲜花商城中的管理人员是可以对前台注册的普通用户、商家用户以及管理员进行管理的，也可以对管理员进行管控。界面如下图4-8所示。

图4-8人员管理界面图

人员管理关键代码如下所示。

@RequestMapping("/get_obj")

public Map<String, Object> obj(HttpServletRequest request) {

List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

if (resultList.size() > 0) {

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj",resultList.get(0));

return success(jsonObject);

} else {

return success(null);

}

4.2.2网站管理界面

网上鲜花商城中的管理人员在“网站管理”这一菜单中是可以对前台显示的轮播图+公告信息进行管控。界面如下图4-9所示。

图4-9网站管理界面图

4.2.3内容管理界面

内容管理主要管理员是对鲜花资讯以及鲜花资讯所属的分类进行管控，包含了用户对鲜花资讯提交的评论信息，界面如下图4-10所示。

图4-10内容管理界面图

4.2.4 模块管理界面

网上鲜花商城中的管理人员在“模块管理”这一菜单中是可以对咨询信息、鲜花商城、鲜花类型、选购信息、确认订单、发货信息进行管控。界面如下图4-11所示。

图4-11模块管理界面图

资源管理关键代码如下所示。

@PostMapping("/set")

@Transactional

public Map<String, Object> set(HttpServletRequest request) throws IOException {

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

}

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括：用户登录功能测试、鲜花商城展示功能测试、鲜花商城添加、鲜花商城搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

鲜花商城查看功能测试：

表5-2 鲜花商城查看功能测试表

用例名称	鲜花商城查看
目的	测试鲜花商城查看功能
前提	用户登录
测试流程	点击鲜花商城列表
预期结果	可以查看到所有鲜花商城信息
实际结果	实际结果与预期结果一致

管理员添加鲜花商城界面测试：

表5-3 管理员添加鲜花商城界面测试表

用例名称	鲜花商城发布测试用例
目的	测试鲜花商城发布功能
前提	用户正常登录情况下
测试流程	1）点击鲜花商城信息管理就，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的鲜花商城信息
实际结果	实际结果与预期结果一致

鲜花商城搜索功能测试：

表5-4鲜花商城搜索功能测试表

用例名称	鲜花商城搜索测试
目的	测试鲜花商城搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的鲜花商城
实际结果	实际结果与预期结果一致

密码修改功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写网上鲜花商城的测试用例，已经检测完毕用户登录模块、鲜花商城查看模块、鲜花商城添加模块、鲜花商城搜索模块、密码修改功能测试，通过这5大模块为网上鲜花商城的后期推广运营提供了强力的技术支撑。

结论

至此，网上鲜花商城已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如Web、ssm技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。

参考文献

[1]胡文利.CSS技术在网页设计中的应用研究[J].计算机产品与流通，2019(01):105

[2]李广宏.vue.js前端应用技术分析[J].中国新通信,2019,21(20):115

[3]阮晓龙，冯顺磊.Web前端开发课程实训教学的思考与探索[J].中国现代教育装备，2020(01):42-44

[4]许瑞芳，姜枫.软件测试技术应用与综合管理之探析[J].电子质量，2020(03):50-53

[5]侯美.基于WEB的网上花店[J].科技信息，2010(08):610-611

[6]郝建妹.基于web的网上花店系统的设计与实现[D].天津:天津大学，2009

[7]韩彩路.基于JSP和JavaBean的网上书店管理系统的设计与实现[D].天津大学，2016

[8]杨晶晶.网站管理系统中数据库设计的应用[J].福建茶叶,2020,42(04):39

[9]王建,罗政,张希,张梦琪,张科,马文成.Web项目前后端分离的设计与实现[J].软件工程,2020,23(04):22-24.

[10]张贵强,王美玲.基于NodeJS的企业网站的设计与实现[J].信息技术与信息化,2019(12):58-60.

[11]王立强.HTML5:电商网站设计与实现[J].营销界,2019(30):152-157.

[12] Francisco Aleixo,Seán A. O’Callaghan,Luís Ducla Soares,Paulo Nunes,Rui Prieto. AragoJ: A free, open‐source software to aid single camera photogrammetry studies[J]. Methods in Ecology and Evolution,2020,11(5)

[13] International Business Machines Corporation; Patent Issued for Sharing A Java Virtual Machine (USPTO 10,623,242)[J]. Internet Business Newsweekly,2020.

[14] Ying Xin Liu,Xi Yuan Li. Design and Implementation of a Business Platform System Based on Java[J]. Procedia Computer Science,2020,166.

[15] A.D. Titisari,D. Phillips,I.W. Warmada,Hartono,A. Idrus. 40 Ar/ 39 Ar geochronology of the Pongkor low sulfidation epithermal gold mineralisation, West Java, Indonesia[J]. Ore Geology Reviews,2020,119.

[16] Science; Researchers at University of Oslo Report Findings in Science (Recent magmatism drives hydrocarbon generation in north-east Java, Indonesia)[J]. Science Letter,2020.

致谢

逝者如斯夫，不舍昼夜。转眼间，大用户用户活便已经接近尾声，人面对着离别与结束，总是充满着不舍与茫然，我亦如此，仍记得那年秋天，我迫不及待的提前一天到了学校，面对学校巍峨的大门，我心里充满了期待：这里，就是我新生活的起点吗？那天，阳光明媚，学校的欢迎仪式很热烈，我面对着一个个对着我微笑的同学，仿佛一缕缕阳光透过胸口照进了我心里，同时，在那天我认识可爱的室友，我们携手共同度过了这难忘的两年。如今，我望着这篇论文的致谢，不禁又要问自己：现在，我们就要说再见了吗？

感慨莫名，不知所言。遥想当初刚来学校的时候，心里总是想着工科学校会过于板正，会缺乏一些柔情，当时心里甚至有一点点排斥，但是随着我对学校的慢慢认识与了解，我才认识到了她的美丽，她的柔情，并且慢慢的喜欢上了这个校园，但是时间太快了，快到我还没有好好体会她的美丽便要离开了，但是她带给我的回忆，永远不会离开我，也许真正离开那天我的眼里会满含泪水，我不是因为难过，我只是想将她的样子映在我的泪水里，刻在我的心里。最后，感谢我的老师们，是你们教授了我们知识与做人的道理；感谢我的室友们，是你们陪伴了我如此之久；感谢每位关心与支持我的人。

少年，追风赶月莫停留，平荒尽处是春山。

请关注点赞+私信博主，免费领取项目源码