图书管理系统(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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐