图书管理系统(前台(vue))
图书管理系统(前台(vue))
前言
使用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)
二、登录注册
1.注册
2.登录
三、学生界面
四、管理员界面
总结:
完整代码及后台代码(nodejs)可见—
