图书管理系统(前台(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)可见—

经验分享 程序员 微信小程序 职场和发展