1. System development goals and design ideas
1.1 Basic goal of system development The development of the
student dormitory management system is mainly to solve the problems of student accommodation and related issues, and at the same time meet the needs of managers for convenient management. With the continuous expansion of enrollment in various universities and the increase in the number of students with accommodation, various accommodation problems have appeared in large numbers. The system was developed with the goal of solving problems and focusing on convenience. This system is convenient for the dormitory administrator to query and manage the information of the students in the dormitory, to understand the dynamic content of the management part, to facilitate students to query, add or modify and delete their own information, to make real-time payment, etc., and to facilitate the administrator to arrange the work of the dormitory. The dynamic information of each dormitory, building, and students can be modified. Make the management of the dormitory administrators more systematic, standardized and automated, greatly improve management efficiency, improve management efficiency, and reduce management costs, so that everyone can get what they need, and it is convenient to find the information they need in their authorization. Combine safety, efficiency, convenience, service and self-discipline, realize the combination of student autonomy and school guidance, manage the level and manage the vitality.
1.2 System development and design thinking The
development and design of the student dormitory management system is essentially the development of a dynamic Web project based on JavaWeb.
First consider system security. By default, the administrator of this system has entered student information into the database. Both the administrator and the dormitory can add or delete student information in the student table in the database, but students cannot add registration information by themselves, and can only log in to manage their own Information, this is for safety, and it is closer to reality. The personnel login management is realized through the B/S mode. Only the students in the student table of the database, as well as the existing dormitories and administrators can log in to the system, effectively avoiding illegal personnel logging in to the system. In addition, the system also sets the user's authority level. After the user enters his name, password and verification code, he needs to choose an appropriate identity to log in to the system. The user levels are divided into students, residential administrators and administrators, with different levels Users have different operation permissions. Users can add, delete, modify, and check operations under the corresponding authority only after logging in to the system.
The second is the operation of the database. After the user successfully logs in to the system, every addition, deletion, modification, and query made dynamically modify the information in the corresponding table in the back-end database. This part mainly applies JSP technology to realize the dynamic operation of database information. The database uses MySQL, and the student dormitory management system is designed for colleges and universities to solve the problem of college administrators dealing with a large number of student accommodation and related information, and reduce its cumbersomeness. Therefore, if you want to put it into use, you must be able to clearly display a large amount of data, and MySQL happens to be a commonly used relational database, which can store and read large amounts of data, manage many concurrent users, and is widely used on the Internet. Of small and medium websites. And its small size, fast speed, high security, low total cost of ownership, and not as large as the Oracle database. The most important thing is its open source feature, which can greatly reduce the total cost of website ownership. Therefore, MySQL is used as the back-end database, the dynamic management of database information is realized through JSP technology, and the Navicat database visualization tool is used to check whether the operation in the development process is wrong at any time.
2. Key technology
(1) Software engineering
To develop a dynamic Web project based on JavaWeb, you should first do an analysis and investigation to ensure its feasibility in terms of technology, economy, and demand. And carefully analyze the functions that the system needs to achieve, clarify the development ideas and processes, and carefully design the development steps. That is, first use software engineering to analyze the system as a whole. Software engineering is a discipline that guides the development and maintenance of computer software. Use engineering concepts, principles, technologies and methods to develop and maintain software, and combine time-tested management techniques with the currently available technical methods to develop high-quality software economically and effectively To maintain it.
This system also mainly adopts the software engineering process investigation method when conducting product analysis and investigation. The software engineering process is a collection of software engineering activities required to transform user needs into software. This process includes possible investment, demand analysis, specification, design, implementation, verification, installation, use support and documentation. It may also include short- and long-term repairs and upgrades to meet the growing needs of users.
(2) Java
as a cross-platform language, Java has been greatly applied in the development of this system. Java is an object-oriented programming language, which not only absorbs the various advantages of C++ language, but also abandons concepts such as multiple inheritance and pointers that are difficult to understand in C++. Therefore, Java language has two characteristics: powerful and easy to use. As a representative of static object-oriented programming language, Java language implements object-oriented theory extremely well, allowing programmers to perform complex programming with elegant thinking. Therefore, in this system, almost all the mapping and interaction technologies between users and databases are realized by Java.
(3) HTML5, CSS3, JSP, Java Servlet
The back end of this system is written in Java language, and the front page uses HTML5, CSS3, JSP and Java Servlet four technologies.
HTML is the core language of the World Wide Web, a hypertext markup language, an application under the standard universal markup language. HTML is not a programming language, but a markup language, which can contain pictures, links, and even non-text elements such as music and programs. , Is necessary for web page production. The CSS Cascading Style Sheet is a computer language used to express file styles such as HTML or XML.
CSS can not only modify web pages statically, but also dynamically format the elements of web pages with various scripting languages. CSS can perform pixel-level precise control of the layout of element positions in web pages, supports almost all font size styles, and has the ability to edit web page objects and model styles.
JSP is a java server page, which is basically a simplified Servlet design and a dynamic web page technology standard. JSP technology is somewhat similar to ASP technology. It is based on traditional web page HTML (file ( .htm,.html) insert Java program segments and JSP tags to form a JSP file with the suffix (*.jsp). Web applications developed with JSP are cross-platform, and can run under Linux or other operating systems. It implements the java extension in Html syntax (in the form of <%, %>). JSP, like Servlet, is executed on the server side. Usually, what is returned to the client is an HTML text, so the client can browse it as long as it has a browser. JSP technology uses Java programming language to write XML-like tags and scriptlets to encapsulate the processing logic for generating dynamic web pages. Web pages can also access the application logic of the resources that exist on the server through tags and scriptlets. JSP separates the display of web page logic from web page design, supports reusable component-based design, and makes the development of web-based applications quick and easy. JSP is a dynamic page technology, its main purpose is to separate the presentation logic from the Servlet.
Java Servlet is the technical foundation of JSP, and the development of large-scale Web applications requires the cooperation of Java Servlet and JSP to complete. JSP has all the features of Java technology that are simple and easy to use, completely object-oriented, platform-independent, safe and reliable, and mainly oriented to the Internet.
(4) EasyUI framework (ajax interface)
In order to facilitate the development and reduce the code workload during development, this system directly uses the framework to design the front end of the system during development and design.
jQuery EasyUI is a collection of UI plug-ins based on jQuery, and the goal of jQuery EasyUI is to help web developers to create functionally rich and beautiful UI interfaces more easily. Developers do not need to write complex javascript, nor do they need to have an in-depth understanding of css styles. Developers only need to understand some simple html tags.
AJAX (Asynchronous JavaScript and XML) refers to a web development technology for creating interactive web applications. It mainly includes the following technologies: representation based on web standards XHTML+CSS; dynamic display and interaction using DOM; data exchange and related operations using XML and XSLT; asynchronous data query and retrieval using XMLHttpRequest; JavaScript Things are bound together. AJAX does not refer to a single technology, but an organic use of a series of related technologies. The advantages of Ajax applications are: 1. Through asynchronous mode, the user experience is improved. 2. Optimize the transmission between the browser and the server, reduce unnecessary data round trips, and reduce bandwidth usage. 3. The Ajax engine runs on the client side and takes on part of the work originally undertaken by the server, thus reducing the server load under a large number of users.
(5) MySQL database
This system is designed for colleges and universities to solve the problem of college administrators dealing with a large number of student accommodation and related information, and reduce its cumbersomeness. Therefore, if you want to put it into use, you must be able to clearly display all student accommodation and management data, but because it is only used in schools, it does not require too high interaction capabilities. Considering the size and cost, this system uses MySQL database.
MySQL is a relational database management system and one of the most popular relational database management systems. In terms of WEB applications, MySQL is one of the best RDBMS application software. MySQL is a relational database management system. Relational databases store data in different tables instead of putting all data in one large warehouse, which increases speed and flexibility. The SQL language used by MySQL is the most commonly used standardized language for accessing databases. Due to its small size, high speed, low total cost of ownership, especially the characteristics of open source, the development of small and medium-sized websites generally choose MySQL as the website database.
3. System function design
Generally speaking, the student dormitory management system realizes the addition, deletion, modification, and check of different information in the database under different states (authorizations), and the corresponding front-end page design. The following shows the key parts of the code at different stages:
(1) Login page
<title>登录|学生宿舍管理系统</title>
<meta name="keywords" content="学生宿舍管理系统">
</head>
<body>
<div class="header" style="padding: 0;">
<h2 style="color: white; width: 400px; height: 60px; line-height: 60px; margin: 0 0 0 30px; padding: 0;">学生宿舍管理系统</h2>
</div>
<div class="loginWraper">
<div id="loginform" class="loginBox">
<form id="form" class="form form-horizontal" method="post">
<div class="row cl">
<label class="form-label col-3">用户名：</label>
<div class="formControls col-8">
<input id="login-name" na
(3) Add information function.
After logging in to the system, the administrator can follow the menu prompts on the left to view student information, building information, dormitory information, dormitory information, system information, etc. After entering a certain function, you can check the corresponding information Add to. The following is to enter the student management function, you can add student information to the database:
