Advances in Social Science, Education and Humanities Research, volume 347

3rd International Conference on Economic Development and Education Management (ICEDEM 2019)

Design and Research of Campus E-commerce System

Based on B/S

Jinhuan Wang Yan Li

Intelligent Science & Information Engineering College, Xi'an Intelligent Science & Information Engineering College, Xi'an
Peihua University Peihua University
Xi'an 710125, China Xi'an 710125, China

Abstract—Internet life has become an indispensable part of II. SYSTEM ANALYSIS

people, and the e-commerce model has greatly changed the way
people live their lives. However, the application of e-commerce in A. System design object
the campus field is not enough. Aiming at current problems and According to the characteristics of the university, this study
actual needs of the campus, this paper proposes the design and makes full use of the characteristics of the campus and builds a
research of campus e-commerce system based on B/S campus-based cross-border trading platform, to realizes online
(Browser/Server), to realize the second-hand commodity
trading system’s member login and registration, product
transaction in campus. The system adopts B/S structure, and its
function design mainly includes: station news, product display,
display, purchase, transaction and post-related background
commodity trading, member registration, contact us, management functions. This platform adopts J2EE technology
background management, etc. The implementation of this system and mysql database, to analyze the system and thinks how to
can bring convenience to students' life and study, it also can save time and effort to the greatest extent from the perspective
realize the benign circulation of second-hand commodity in of users, thereby achieving a standardized, networked,
campus. information-based, and systematic platform with better
applicability and promotion. This system includes two parts:
Keywords—e-commerce; B/S; transaction platform foreground management and background management. The
foreground is a simple and generous operation interface for
I. INTRODUCTION users to browse and query, including: products browser,
Since the rise of the Internet, business opportunities relying commodity transactions, transaction information release,
on the Internet have been continuously mined. The way of message board, contact sellers, products uploading, etc.
Internet trading has opened up a new world for people and Background management is provided to administrators,
become an inevitable way in the development of e-commerce. including: commodity management, user management, and
The original intention of designing this system was to solve the order management, ect.
problem that traders could not meet their own needs in time. At B. Overview of system function requirements
present, in addition to large-scale e-commerce platforms such
as Taobao and Jingdong, the online platform based on campus The system is mainly based on commodities, taking the
has gradually developed within the school. Each consumer can campus network as a platform and the university's teachers and
post the items they want to trade to the website in the form of students as the subjects. It provides them with a campus
basic information. Other students log in the webpage to view e-commerce platform for publishing and buying and selling
the latest campus old things transaction items published by second-hand items. We see that there are a lot of recyclables in
other consumers in real time. After submitting the order, you college, especially in the senior year of graduation. Often due
can contact the seller to pay, which enables convenient to the occlusion of the sale of recyclables and the limitations of
real-time online transactions. The development of this website traditional information trading methods, a large part of items
saves the unnecessary costs of store affected by the with certain value are wasted, and even are treated as rubbish.
unpredictable factors such as environment, location and time. Now, as long as you enter the platform through the campus
At the same time, it meets the needs of students for timely network, you can publish and sell goods conveniently and
consumption, realizing the dual needs of facilitating both quickly, and you can also communicate with the seller by the
consumers and sellers, and saves time for buyers and sellers, way of leaving messages. Since each university's campus
which has considerable practical significance. It is especially network basically covered every part of the campus, as long as
important to establish a cross-border trading platform. The it is properly promoted, in theory, everyone can let the whole
website will provide users with more diverse, richer and more school know the information published, and strive to maximize
personalized services. the use of information resources.
This website allows the members login to mainly achieved
user setting functions, information publishing functions,
information management functions, information searching

Copyright © 2019, the Authors. Published by Atlantis Press.

This is an open access article under the CC BY-NC license (http://creativecommons.org/licenses/by-nc/4.0/). 5
 Advances in Social Science, Education and Humanities Research, volume 347

functions, message functions, and system management well, so as to provide guarantee for the later transaction and the
functions. With comprehensive capabilities of high-speed flow chart design of the message information.
mobile, big data analysis and mining, intelligent sensing and
applications, it can penetrate into traditional industries to C. Database structure design
enhance the service capabilities of traditional industries, and 1) Database conceptual model
connect hundreds of industries to conduct online and offline The most widely used database today is a relational
cross-border marketing. database. Because it is an object-oriented system design, it’s
definitely that the design of the database must face objects.
The system function structure diagram is shown in Now what should be considered about the persistent operation
Figure 1: of the object class, that is, how the object class is mapped to
the two-dimensional table of the relational database. Nowadays,
like Power Designer, Rose, etc. all can be achieved by using
database modeling tools.
Database concept design’s overall attribute E-R diagram, as
shown in Figure 2:

Fig. 1 Diagram of system function structure

III. SYSTEM DESIGN

Fig. 2 Diagram of overall attribute E-R
A. System architecture design
The system adopts the B/S mode architecture. Our system The diagram shows that a rectangular template represents
uses application programs to develop three phases of the B/S an entity. The relationship of the entity of the subsequent parts
structure. At present, the Internet application architecture, is represented by a diamond. The undirected line is a tool
transaction processing is divided into three levels, namely Web connecting the "diamond" with the "related entity", and the
browser, Internet server, database server. In this architecture, type of the connection is indicated on the side as needed. The
business performance is easy to implement through the web attributes of the entity are represented by an ellipse that can be
browser, and when the user submits the form through the web used according to the template, and are later omitted in the
browser, the information is provided to the Internet server for diagram according to the situation.
consumer demand. The Internet server performs the required
analysis query, the database server executes, and then the 2) Partial database data table field design
database server's query results are returned to the web browser In the stage of designing physical structure, first take two
using the standard HTML language. steps: First, determine the physical structure of the database in
the relational database, mainly referring to the access method
B. System flow chart design and the storage structure. Time and space efficiency is an
When the user logs in to the system, the system compares evaluation of the physical structure. Then select the access
the account and password registered by the user with the data method, and it is the correct relation mode. Access index
in the database. If the account and password are both correct, method, cluster access, HASH access method, etc. are all
the user can log in to the system and perform some personal common methods.
information management information processing. The buyers According to the above specification, the partial table of the
and sellers designed the function of message information when database is designed as follows:
designing the system, so that the user can contact the seller

6
 Advances in Social Science, Education and Humanities Research, volume 347

a） Publication Messages Table

TABLE I PUBLICATION MESSAGES TABLE

Serial number Field name Field type Allowed to be Maximum length Remarks
empty
1 Id int Self increment 11 number
2 saver varchar yes 255 User name
3 savetime varchar yes 255 Publication time
4 content varchar yes 255 Publish content
5 recontent varchar yes 255 Administrator replies

b） Mall News Table

TABLE II MALL NEWS TABLE

Serial number Field name Field type Allowed to be empty Maximum length Remarks

1 Id Int Self increment 11 number

2 Title Varchar yes 255 News headlines
3 Content Text yes 255 News content
4 Savatime Varchar yes 255 Release time
5 Infotype Varchar yes 255 classification
6 filename varchar yes 255 Picture file

c） Sysuser table

TABLE III SYSUSER TABLE

Serial number Field name Field type Allowed to be empty Maximum length Remarks

1 Id Int Self increment 11 number

2 uname varchar yes 255 Username
3 Upass Varchar yes 255 User password
4 Utype Varchar yes 255 User identity
5 Tname Varchar yes 255 Full name
6 Sex Varchar yes 255 Gender
7 Age Varchar yes 255 Age
8 Tel Varchar yes 255 Telephone
9 Addrs Varchar yes 255 address
10 Filename Varchar yes 255 Head photo
11 Qq Varchar yes 255 QQ
12 Bei Varchar yes 4000 Remarks
13 savetime varchar yes 255 Registration time

d） Commodity List Published

TABLE IV COMMODITY LIST PUBLISHED

Serial number Field name Field type Allowed to be empty Maximum length Remarks

1 Id Int Self increment 11 number

2 Proshop varchar yes 255 Release users
3 Proname Varchar yes 255 Trade name
4 Price Varchar yes 255 commodity price
5 Discount Varchar yes 255 Quantity of commodities

6 Filename Varchar yes 255 Commodity pictures

7 Bei Varchar yes 4000 Commodity notes

7
 Advances in Social Science, Education and Humanities Research, volume 347

Table IV, cont

8 Btype Varchar yes 255 Primary Classification of
Commodities
9 Stype Varchar yes 255 Secondary Classification of
Commodities
10 Status Varchar yes 255 Commodity status
11 Savetime Varchar yes 255 Upload time
12 Cjnum Varchar yes 255 Surplus stock
13 fz varchar yes 1255 Commodity introduction
IV. SYSTEM IMPLEMENTATION C. Design of background management module
The server-side program uses the Spring MVC framework After the administrator login interface, the system
to access the database. background menu is divided into: website information, basic
information, system management and personal management.
A. Implementation of system login module Basic information management is a basic related operation for
The step of user login, first, save the information input by adding, modifying, and deleting seller members, product
the user, and then use the program to retrieve from the information, product evaluation, and product attributes. The
database to see if the information input by the user exists in the deletion management of uncivilized comments can purify the
database. If yes, it returns the correct result, and if not, it content of platform comments. System management is an
returns the wrong result. If the database exists the information, administrator system function designed to better realize the
it shows login successful, otherwise shows login fail. Please informationization and standardization of the platform. Super
log in again. administrators can add other administrators to assist them in
B. Design of student foreground module the management work.
The student's login allows students to quickly find the
V. CONCLUSIONS
system functions they need. The system sets a system guide at
the top of the home page: After the user successfully registers This paper proposes the design of a second-hand
and inputs his user name and password, he enters the home commodity trading system based on the B/S architecture
page. The system calls the SQL statement to query the basic aiming at problems existing in the campus. The system
information in the user table S-user and displays it on the page. function design mainly realizes the station news, product
If the registered user wants to modify his own information, he display, commodity trading, member registration, contact us,
can modify the current role data in the seller center. The background management and so on. The campus trading
navigation bar allows users to quickly find the system system has great practical value in reality, which not only
functions they need. reduces the learning cost of students, but also reuses learning
resources.
Mall module design: The mall introduction is the Internet
community uploaded by the administrator and the relevant ACKNOWLEDGMENT
information about the mall in our vicinity. After the
This work was supported by the thirteenth Five-Year Plan”
administrator uploads in the background, the buyer can browse
for Education Science in Shaanxi Province in 2018 No.
the relevant information at the foreground. Message board
SGH18H509 and Special research project of Shanxi Provincial
function module design: Message board is also one of the
Department of Education in 2018. No.18JK1084.
essential design functions of many websites, it can effectively
communicate the contact between buyers and sellers. On the
other hand, the comments made by the purchased buyers can
also be used for reference and referenced by later people, but REFERENCES
uncivilized comments will be deleted by the system [1] Wang Ying. Design and Implementation of Student Status Information
administrator. Management System Based on JSP[J]. University of Electronic Science
and Technology of China, 2012.
[2] Zhu Liping. Development and Implementation of University Library
Management System Based on JSP[J]. University of Electronic Science
and Technology of China, 2011.
[3] Lv Yong. Design and Implementation of Laboratory Project
Management System Based on JSP[J]. Wuhan University of
Technology, 2012.
[4] Beecham, Matthew.Global market review of front-end modules for
passenger cars and light trucks - forecasts to 2017: 2010 edition:
Appendix 2 Q&A with JSP[J].Just - Auto, 2010, pp.32-35.