2019 International Conference on Virtual Reality and Intelligent Systems (ICVRIS)

JSP-based Pet Adoption System

Haoran Liu ,Xiue Meng
Guilin University of Aerospace Technology ,Guilin,541004,China
[email protected]

Abstract—The system is mainly divided into four modules: further appreciate the charm of nature and restore the
user handling module, pet handling module, pet adoption childlike and innocence they should enjoy at this age.
module and pet statistics module. Through Eclipse, MySql, etc., With the rapid development of computer technology,
using SSM framework, bootstrap framework, various plug-ins people are more and more fond of e-commerce, from the
and related JSP technology. Among them, the modal box in the sale of daily necessities to the sale of houses, which can be
bootstrap framework to reduce the number of JSP pages. traded through e-commerce. People are more and more
When browsing pets, I chose a plug-in written in pure CSS to accustomed to completing many personal events without
complete the waterfall stream layout for users to browse. In
leaving home. Therefore, relying on the advantages of the
the adoption of pet statistics module, the plug-in provided by
Internet, the adoption of animals, the development and
Echarts is used to complete the production of the chart,
making the data look more vivid and more intuitive. It also
design of a web-based pet adoption system is imminent.
provides the function of downloading the image to the local for
II. NEEDS ANALYSIS
administrators to download and use. When the user logs in, the
user name of the user is determined according to the user
A. Business needs
name that is logged in, and the identity of the user is an
ordinary member or an administrator, to identify the right Taking the adoption center as the main body, the
and jump to the page corresponding to the permission. When business is actually the business of the adoption center. The
you log in, you have the ability to remember your password; batch entry of pet information records and the series of
you can log in two functions to make the design more user- deletion, modification and investigation of pet information
friendly. are all implemented by the administrator. Therefore, the
business requirements of the pet adoption system mainly
Keywords: Pet Adoption; Eclipse; MySql; Bootstrap; Echarts include: 1 operation of pet information, such as searching
for pet information, making changes to pet information,
I. INTRODUCTION adding pet information, and deleting pet information; 2,
adopting pet behavior, such as members browsing on the
In recent years, the pace of people's life has accelerated
page Pet information, fill in the adoption application form,
and the pressure has increased, resulting in an increase in
the administrator approval application form, the
the number of abandoned pets. More and more displaced
administrator enters the adoption success record, etc.; 3
animals have not only affected the animals of nature, but
statistical data behavior, such as collecting and recording
also the lives of human beings. In addition, a large number
the pet information used by the system to date; 4 pairs of
of stray animals have also created a huge hidden danger to
members' operations, Such as new member registration,
the city's surrounding environment, public transportation
member information changes, administrators to find
and public health security. At present, people's rescue of
member information.
animals is still in the early stage, there are a series of
problems such as restrictions on the location of rescue, B. Customer needs
remoteness of rescue places, high investment demand, The customer is actually all users who use and browse
update of relevant news, and difficulty in publishing. These the system except the administrator. The needs of these
situations directly or indirectly lead to the situation of customers are easier than those of the administrator. The
“getting more and less” in the pets of animal rescue main needs are to inquire, browse pet information, fill out
facilities. This situation makes the rescue team face a lot of the adoption approval form, apply for adoption, and modify
serious problems such as economy and site. Secondly, when personal information.
you have experienced a pet life, you will find that animal
adoption has a more realistic and profound meaning. First C. Functional requirements
of all, the adoption of animals raises the awareness of The function of this design is realized according to its
people to care for animals, thus reducing the occurrence of scope of action and user. For the main use of pet adoption,
the magical behavior of the unscrupulous pets, not to the functional requirements analysis is shown in Figure 1.
mention the horrible human beings who enjoy the meat of
animals. Pet adoption can also help children develop D. Other needs
awareness of protecting animals and protecting nature. The Maintainability: The system is equipped with certain
children who grew up in today's times are filled with anti-interference and fault-tolerant skills. In the case of non-
reinforced concrete and high-rise buildings. After adopting hardware and communication obstacles, the system can
animals, they can once again pick up the love they have maintain the state, ensure that the operation is error-free,
been indifferent since childhood, and we can help them to and is equipped with a large number of information
reminders to help users solve the problem.

978-1-7281-5050-5/19/$31.00 ©2019 IEEE 231

DOI 10.1109/ICVRIS.2019.00064

Authorized licensed use limited to: Auckland University of Technology. Downloaded on May 29,2020 at 07:13:44 UTC from IEEE Xplore. Restrictions apply.
 C. Process description
The system is divided into 4 large modules, and each
large module includes different functions. According to the
purpose and meaning of each function, the flow of each
function can be clarified through a process flow chart. This
section first describes the login module, each Function of
the user management module, each function of the pet
information processing, each function of the pet adoption
module, and a flow chart of each function of the pet
statistics module.

Figure 2 Member and non-member use cases

IV. DESIGN AND IMPLEMENTA TION

A. Design concept
This system is a system design of web application,
which is based on JSP and adopts MVC design pattern.
The essence is to adopt the means of separating business
logic, data and interface performance to the model view
controller, referred to as MVC, is the abbreviation of model;
view; controller. It is a model of design pattern adopted by
software development and production. It constructs business
logic into the same area, and does not need to write and
Figure 1 Functional requirements analysis construct business logic from scratch, while improving and
customizing the personalized interface and completing user
interaction. So MVC is grown separately, dedicated to the
III. SUMMARY DESIGN mapping of Traditional input processing and output
functions, used in the graphical layout of the user interface.
A. Functional description Thus, the framework of the system design is extremely
The modules mainly include: member management, pet clear, and its framework is shown in Figure 3.
information management, pet adoption management, and
pet statistics module.
B. Use case description
1) Use case diagram design
According to the actual situation, the system is mainly Figure 3 Pet adoption system framework
for 3 groups of people: non-members (only have the
function of querying pet information and browsing pages), B. Interface design
members and administrators, among which members and
The front-end design of the system, namely the design
administrators are the main operators of the system, and
of the interface, introduces the bootstrap framework and a
thus, system members The non-member use case diagram is large number of plug-ins, which makes the page design of
shown in Figure 2.
the system more beautiful and more convenient to operate.
It also greatly reduces the old-fashioned nature of pure CSS
style and also makes the coding more Convenient and
flexible.

232

Authorized licensed use limited to: Auckland University of Technology. Downloaded on May 29,2020 at 07:13:44 UTC from IEEE Xplore. Restrictions apply.
 After the bootstrap framework is introduced, the most everywhere can run, cross-platform components, various
commonly used page design is the modal box plug-in of the web pages that can be supported, scalable labels, good
framework. The modal box plug-in of the framework robustness and security) (sex), using the SSM framework,
greatly reduces the number of pages and makes the system running on the Eclipse runtime platform. Let's take a look at
more robust. For example, on the login page, the forgotten a few of the most eye-catching code segments of this
password function is expressed in the form of a modal box; system.
the application form part when filling out the application 1) Filter
form is also in the form of a modal box; the place where the The filter, as you can easily see from the name, is used to
most modal box is used is management. The background filter out all the transactions that cannot be passed. In the
function interface of the staff uses the modal box to display Java language, the usefulness of the filter can be said:
the information to be searched, approved, and entered, so as judgment authority, interception function. For example,
to achieve a large function and one page. In addition, if you when applying for the adoption function, when you click
simply use the CSS style bullet box, the page will look rigid the “Apply Adoption” or “Bring It Home” button, if you do
and the operation will be inaccurate, and the user experience not log in to the system beforehand, when you click these
will be reduced. In addition, the carousel map, paging, etc.
two buttons, the page will jump to the login page. After the
of the system are also completed by using plug-ins provided
by the bootstrap framework. login is completed, return to the previous page to continue.
There are a large number of plugins introduced in this And to achieve this function, it is precisely the filter.
system. This chapter focuses on the pure CSS style 2) Automatic login and remember password
waterfall flow layout plugin and Echarts charting plugin. On the login page, the system adds two small features,
The waterfall plug-in is introduced. The plug-in one is to remember the password, and the other is to
arranges the number of pet information arranged in a row automatically log in. These two functions are implemented
according to the size of the image and the size of the page, by cookies. In order to complete these two functions, the
so that the layout presented by the page is more harmonious system uses a total of four cookie objects, namely:
and the user experience is improved. The Echarts plugin is userAccountCookie (for storing member accounts),
mainly used in the administrator background function to userPasswordCookie (for storing member passwords),
implement that part. Putting aside the form of statistics in rememberCookie (remember password cookies),
the past, revealing data, and presenting data to automaticCookie (automatic Login cookie). From the actual
administrators in a more intuitive graphical style. And the function, we can know, but when the member logs in, the
function of downloading pictures is provided for the active login button is checked, and the password button
administrator to download and retain the data chart. must be actively checked. That's because the condition for
implementing automatic login is to remember the password.
C. Code analysis The function code is shown in Figure 4.
The language used in this system is Java language,
combined with the advantages of JSP (one-time coding,

Figure 4 System function code

233

Authorized licensed use limited to: Auckland University of Technology. Downloaded on May 29,2020 at 07:13:44 UTC from IEEE Xplore. Restrictions apply.
 3) Event monitoring reduced; and the user can also be given an excellent
This event monitoring function is mainly used for the experience. Through the step-by-step monitoring reminder,
registration function. Each time the user clicks the input the time for non-member registration has also been reduced.
input box, the front end will call the monitoring method in There will be no invalid information in the background
the JS to determine whether the content of the previous judgment after the data is submitted, and it will be returned
input input box is empty or whether the filling is valid. to the front end, and the user will modify the data again, and
Through this method, it is possible to urge non-members to this way. It takes a lot of time and has a big impact on the
omit certain required items when registering users; after the robustness of the system. This part of the code is shown in
front-end preliminary verification of the submitted Figure 5:
information, the complexity of the background code can be

Figure 5 Part of the code for the event listener function

V. CONCLUSION
Using JSP technology, the function of the pet adoption
system has been realized, which has laid a solid foundation
for future research in related fields.
REFERENCES
[1] Liu Ning.Research on the Development of Library Management
System Based on JSP[J].Journal of Science of Teachers’ College
and University,2017,37(04):22-25.
[2] Wang Dongfang.Research on Online Shopping System Based on
JSP[J].Wireless Interconnect Technology,2016(13):54-55+66.
[3] Sun Hongli.Design and Implementation of Student Information
Management System Based on JSP[J]. Intelligent Computer and
Applications,2017,7(02):108-109+112.
[4] Liu Chunxia.Design of SME Portal Based on JSP[J]. Software
Guide,2015,14(06):116-117.
[5] Dong Ting.Design and Implementation of JSP Online Book
Purchasing System[J].Electronic Design
Engineering,2014,22(03):11-13.
[6] Educational Resource Management System Based on JSP
Technology .[J]EDUCATIONAL SCIENCES-THEORY &
PRACTICE,2018. No.6, Vol.18: 3645-3651.
[7] JSP technology to create electronic textbooks, Bulletin of Kazakh
National Technical University, 2016. No.2: 486-488

234

Authorized licensed use limited to: Auckland University of Technology. Downloaded on May 29,2020 at 07:13:44 UTC from IEEE Xplore. Restrictions apply.