SpringCloud VueAdmin-template实现简单的图书管理系统

SpringCloud VueAdmin-template实现简单的图书管理系统

这是一个使用Spring Cloud和VueAdmin-template实现的简单的图书管理系统。其功能比较简单，仅用以学习和巩固计算机技能。

运行效果：

登陆界面

管理员后台

借阅信息

书籍查询

添加新书

用户后台

借阅信息

申请借书

编辑用户信息

---

开发环境：
IDEA
JDK1.8
MYSQL8.0.11

使用技术：
vue2、element ui、vueadmin-template、spring cloud、gateway、mysql、mybatis…

主要功能：
借阅记录（增删改查）
书籍记录
类别记录
用户记录
用户查询借阅记录
用户借书…

完整代码获取方式：
https://github.com/baijiaming20/library_management_system

代码示例：

前端登录界面

<template>
	<div class="login-container">
		<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
			label-position="left">

			<div class="title-container">
				<h3 class="title">图书管理系统</h3>
			</div>

			<el-form-item prop="username">
				<span class="svg-container">
					<svg-icon icon-class="user" />
				</span>
				<el-input ref="username" v-model="loginForm.username" placeholder="Username" name="username" type="text"
					tabindex="1" auto-complete="on" />
			</el-form-item>

			<el-form-item prop="password">
				<span class="svg-container">
					<svg-icon icon-class="password" />
				</span>
				<el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType"
					placeholder="Password" name="password" tabindex="2" auto-complete="on"
					@keyup.enter.native