Introduction
Convenient and efficient unified management of laboratory equipment, divided into administrators and users, not only realizes basic addition, deletion, modification and query, but also provides borrowing, return, purchase and problem feedback functions, which can realize the basic business processing of laboratory equipment
solution
1. The back-end Java framework uses spring+springmvc+mybatis
The function of spring is to realize parameter parameter injection, request distribution processing, and transaction control on database operations. Among them, mybatis uses annotation query, most of which use xml configuration as a whole, and a small part use annotation
2. The front end uses HTML+javascript+css+jquery
Most of the requests are sent by ajax, the page dynamic response content is dynamically generated by javascript, most of the css styles are manually written
3. The database uses mysql-8.0
The project design database is the key. Some initial data is added to this project as a test devicemanage.sql devicemanage.sql
Program features
1. Presentation and control of batch data pagination query
Pagination query of batch data takes a lot of effort. I wrote a javascript direct object that can realize pagination query, and designed the style of page presentation.
2. Page layout and style design
In order that the page function menu items can appear without clicking, the mouse movement monitoring is used; in order to realize that each function of the page can be switched by clicking, each sub-function is specially disassembled and designed at the beginning of the design and then combined; in order not to use the default pop-up Window prompt, a pop-up box prompt that automatically disappears at a dynamic time is designed separately
3. Changes in project development management
Initially, the project was developed using eclipse-jee, which overcomes many problems of eclipse development tools and is basically proficient, but at the same time found many shortcomings of eclipse. After using it, IDEA was adopted; at first, the traditional way of importing jar packages was used, and later the entire project was managed by maven on IDEA to manage
4. Project design with front-end and back-end separation
The original project uses jsp technology for hybrid development, but it is often difficult to maintain. In the end, jsp is abandoned and html is used for static pages
5. Design of security control
With a certain degree of security, the direct access to the static pages of the project is designed with a filter, which cannot be accessed directly without login; the interceptor design is implemented for the sent request, and the request uses different suffix names to distinguish which resources can be accessed anonymously and which must be passed Login authentication in session to access
Instructions for use
-
Import the project into idea2019, and then
devicemanage.sql
create a database with the same name as the project using -
Modify
xml
the information about the database mysql connection, first test that the connection to the database can be normal -
The easiest way to start, you can choose to use the command
mvm tomcat7:run
to start tomcat to access, no need to configure tomcat separately, becausepom.xml
the tomcat specified by the plug-in is used -
If you do not use the above mvn command to configure tomcat, you can refer to the version here
tomcat9.0.22
, and configure the access path on the tomcat configuration page: -
If the path is to be defined as other, you need to modify the global BASE_URL specified in login.html to be consistent with the backend.
And you need to check the path of the backend image request http://localhost:8080/devicemanag
-
Log in with the default test account
administrator account
G0001
123456
user account
3182701101
123456
The project has updated most of the bugs this time to facilitate beginners to learn. Since the project is relatively simple, it will not be updated unless necessary
achieve effect
1. Log in to the home page
2. Function home page
3. Pagination effect
4. Operation options
5. Upload pictures
6. Picture viewing
7. Admin page
8. Administrator rights
9. Feedback
Source code download
It has been published on the Gitee platform and can be cloned or downloaded directly. The address is as follows:
https://gitee.com/javanoteany/goldensky.git
Like, comment + follow! It's never too late to get the source code!