图书管理系统（vue2 + nodejs）

前言

使用vue+element-ui完成项目前台。

一、项目总览

1.引入库

import Vue from 'vue'
import App from './App.vue'
// 引入路由
import router from '@/router'

// 引入vuex
import store from '@/store'

// 引入element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

// 引入时间格式化库
// import moment from 'moment'
// Vue.prototype.$moment = moment;
import timeFormater from "time-formater";
Vue.prototype.$moment = timeFormater;

// 引入全局组件
// 读者侧边栏
import ReaderBanner from '@/components/ReaderBanner'
Vue.component(ReaderBanner.name,ReaderBanner)
// 管理员侧边栏
import AdminBanner from '@/components/AdminBanner'
Vue.component(AdminBanner.name,AdminBanner)

二、登录注册

ps:登录注册界面样式转载于https://github.com/Lavender-z/demo

1.注册

2.登录

三、学生界面

四、管理员界面

总结：

完整前台代码：
gitee：https://gitee.com/mountain-casserole/library-management-system
github：https://github.com/wenqstart/library-management-system

完整后台代码（nodejs）:
gitee：https://gitee.com/mountain-casserole/library-management-system-hou
github：https://github.com/wenqstart/library-management-system-hou

因为有很多人咨询，所以我录了视频展示项目运行的大致流程
https://www.bilibili.com/video/BV1fs4y1r7ky/?spm_id_from=333.999.0.0&vd_source=51144e45eafe96dc073d00e3a9ee65ba