![cover](https://img-blog.csdnimg.cn/41788d9cc55448fb9e170e5b023e8b13.png#pic_center)
图书管理系统(vue2 + nodejs)
使用vue+element-ui搭建图书管理系统前台
·
图书管理系统(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
如果对你有帮助的话希望能给仓库点个star支持一下
因为有很多人问,所以索性录了个视频展示项目运行的大概流程
https://www.bilibili.com/video/BV1fs4y1r7ky/?spm_id_from=333.999.0.0&vd_source=51144e45eafe96dc073d00e3a9ee65ba
更多推荐
所有评论(0)