Это 17-й день моего участия в августовском испытании обновлений. Ознакомьтесь с подробностями мероприятия: Испытание августовского обновления
предисловие
С развитием сетевых технологий и значительным улучшением уровня компьютерных приложений исходная система имеет недостатки в своевременности, правильности данных и удобстве работы, что повлияло на нормальное использование системы. После исследования и сравнения я решил самостоятельно перепроектировать систему управления книгами, чтобы система могла использовать достижения технологии разработки программного обеспечения для облегчения управления книгами. Система управления библиотекой представляет собой типичную систему управления информацией. Система знакомит с процессом разработки книжной системы, проблемами, возникающими при проектировании, и решениями, а также с улучшением текущего приложения или хода разработки системы и повышением производительности труда. Используя различные инструменты объектно-ориентированной разработки, которые он предоставляет, он сначала создает прототип системного приложения за короткий период времени, а затем итерирует первоначальный прототип системы, постоянно пересматривает и улучшает его до тех пор, пока не будет создана осуществимая система, которая удовлетворит пользователей. сформировался.
Этот дизайн курса использует инструменты разработки JAVA и базу данных Mysql для разработки этой системы управления книгами. Система должна решать проблемы, решаемые управлением книгами, и может отвечать основным требованиям управления книгами, включая такие функции, как добавление и управление. Система может быстро и удобно предоставлять читателям услуги заимствования в соответствии с потребностями пользователей.
фоновое значение
С широким распространением компьютеров он постепенно стал символом модернизации. Библиотеки или некоторые предприятия, или даже книжные магазины, всегда сталкиваются с большим объемом информации о читателе, информации о книгах и информации о заимствовании и возврате книг, генерируемых взаимодействием этих двух факторов в процессе нормальной работы. Следовательно, необходимо управлять ресурсами читателей, ресурсами книг, заимствованием информации и возвратом информации о книгах, быть в курсе изменений информации в каждой ссылке и своевременно обрабатывать полученные документы.Автоматическое управление булавками может удовлетворить требования читателей быстрее и повысить эффективность различных работ, и в настоящее время разработана соответствующая система. Основной функцией системы управления библиотекой является автоматизация управления выдачей и возвратом библиотечных книг. Вокруг этой основной функции система включает следующие основные функции: управление кредитами, управление возвратами. В дополнение к этим основным функциям он также включает в себя некоторые основные и вспомогательные функции, а именно: управление пользователями, управление книгами, запрос книг.
Дизайн базы данных
пользовательская таблица
CREATE TABLE `NewTable` (
`admin_id` int(11) NOT NULL AUTO_INCREMENT ,
`admin_name` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`admin_pwd` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`admin_email` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`admin_id`)
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=2
ROW_FORMAT=DYNAMIC
;
Список книг
CREATE TABLE `NewTable` (
`book_id` int(11) NOT NULL AUTO_INCREMENT ,
`book_name` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`book_author` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`book_publish` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`book_category` int(11) NULL DEFAULT NULL ,
`book_price` double NULL DEFAULT NULL ,
`book_introduction` varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`book_id`),
FOREIGN KEY (`book_category`) REFERENCES `book_category` (`category_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
INDEX `book_category` (`book_category`) USING BTREE
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=72
ROW_FORMAT=DYNAMIC
;
Тип книги
CREATE TABLE `NewTable` (
`category_id` int(11) NOT NULL AUTO_INCREMENT ,
`category_name` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`category_id`)
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=51
ROW_FORMAT=DYNAMIC
;
Выдача книг
CREATE TABLE `NewTable` (
`id` int(11) NOT NULL AUTO_INCREMENT ,
`user_id` int(11) NULL DEFAULT NULL ,
`book_id` int(11) NULL DEFAULT NULL ,
`date` date NULL DEFAULT NULL ,
PRIMARY KEY (`id`),
FOREIGN KEY (`book_id`) REFERENCES `book` (`book_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
FOREIGN KEY (`user_id`) REFERENCES `user` (`user_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
INDEX `user_id` (`user_id`) USING BTREE ,
INDEX `book_id` (`book_id`) USING BTREE
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=67
ROW_FORMAT=DYNAMIC
;
Функциональный скриншот
Авторизоваться:
Пользователь выбирает роль и вводит пароль учетной записи для входа в систему.
титульная страница:
Основные модули после входа в систему:
Управление книгами «Ввод новых книг, управление типами, запрос данных»
Управление пользователями «Добавить пользователя, запросить пользователя»
Управление займами «Кредитные отчеты»
Просмотр личной информации, изменение и выход и т. д.
Управление книгами:
Управление пользователями:
Управление займами:
Персональная информация:
пользовательский терминал
После входа в систему пользователи могут просматривать свои записи о заимствовании и выполнять такие операции, как заимствование и возврат книг.
Код
Функционал этого проекта относительно прост, а используемая технология также хорошо всем знакома, в основном это springboot, springmvc, mybatis и базовые стили, такие как jquery, layui, html и css во внешнем интерфейсе. Возьмем логин в качестве полного примера.Во-первых, нужно написать статическую страницу внешнего интерфейса и отправить запрос на вход.
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
<style>
body {
/*width: 100%;*/
/*height: 100%;*/
background: url("/images/background.png") no-repeat;
/*background: url("static/images/a.png") no-repeat;*/
background-size: cover;
}
#login_form {
width: 400px;
height: 300px;
margin: 80px auto;
padding: 30px;
background-color: #f2f2f2;
opacity: 0.9;
}
</style>
</head>
<body>
<div id="wrapper" style="margin-top: 260px">
<div class="layui-container" id="login_form">
<div>
<h1 style="color: red;text-align: center">图书管理系统</h1>
<br>
</div>
<form class="layui-form" id="my_form" method="post" action="/userLogin">
<div class="layui-form-item">
<label class="layui-form-label">用户名:</label>
<div class="layui-input-block">
<input type="text" name="userName" id="username" autofocus
placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密 码:</label>
<div class="layui-input-block">
<input type="password" name="password" id="password"
placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用户身份</label>
<div class="layui-input-block">
<input class="form-check-input" type="radio" name="role" value="1" title="学生" checked>
<input class="form-check-input" type="radio" name="role" value="0" title="管理员">
</div>
</div>
<div class="layui-form-item layui-col-md4 layui-col-md-offset4">
<button id="sub_btn" class="layui-btn layui-btn-normal">登录</button>
</div>
</form>
</div>
</div>
<script th:src="@{/scripts/jquery.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
<script th:inline="javascript">
layui.use(['layer', 'form'], function () {
let layer = layui.layer;
let form = layui.form;
form.render();
$(function () {
let flag = [[${session.flag}]];
if (flag) {
layer.msg("用户名或密码错误", {
icon: 2,
time: 2000 //2秒关闭（如果不配置，默认是3秒）
});
}
});
});
$("#sub_btn").click(function () {
let username = $("#username").val();
let user_judge = check(username);
// 首先判断用户名是否为空
if (user_judge) {
let password = $("#password").val();
let pwd_judge = check(password);
// 用户名不为空 , 判断密码是否为空
if (pwd_judge) {
let role_id = $('input[name="role"]:checked').val();
// 如果role_id ==1 ,则是普通用户 , 直接提交表单
if (role_id == 1) {
$("#my_form").submit();
} else {
//如果是管理员 , 则将action 进行更改
$("#my_form").attr("action", "/adminLogin")
$("#my_form").submit();
}
} else {
layer.alert("密码不能为空", {icon: 5});
return false;
}
} else {
layer.alert("用户名不能为空", {icon: 5});
return false;
}
});
// 校验表单中用户名 与 密码是否输入, 如果有值 -> 返回 true , 如果未输入 返回 false;
function check(val) {
val = val.toString().trim();
return !(val == '');
}
</script>
</body>
</html>
После получения запроса на вход от внешнего интерфейса внутренний контроллер выполняет проверку параметров, оценивает и проверяет имя пользователя, пароль и роль пользователя, переданные внешним интерфейсом, вызывает метод userService.userLogin для выполнения проверки входа пользователя, запросы правильность текущего пароля учетной записи в базе данных и возврат кода состояния.Выполнение относительных переходов страниц и эффектов данных для внешнего интерфейса и внешнего интерфейса в соответствии с кодом состояния.
/**
* 用户登录
*
* @param userName
* @return
*/
@PostMapping("/userLogin")
public String userLogin(@Param("userName") String userName,
@Param("password") String password, HttpServletRequest request) {
User user = userService.userLogin(userName, password);
if (null != user) {
// flag = 0 表示用户名密码校验成功 【用于前端校验】
request.getSession().setAttribute("flag", 0);
request.getSession().setAttribute("user", user);
return "user/index";
}
// flag 为 1 表示 登录失败 【用于前端校验】
request.getSession().setAttribute("flag", 1);
return "index";
}
Вообще говоря, функция этого проекта относительно проста и превосходна, подходит для начинающих в качестве эталона для дизайна курса и дизайна выпускного.
