教材管理系统
文章目录
- 教材管理系统
-
- 一、系统演示
- 二、项目介绍
- 三、系统部分功能截图
- 四、部分代码展示
- 五、底部获取项目源码（9.9￥带走）
教材管理系统
一、系统演示
教材管理系统
二、项目介绍
语言：nodejs
框架：egg.js、Vue
数据库：MySQL
三个角色：管理员、教师、学生
用户管理、角色管理、菜单管理、教材数据、教材征订、出入库记录、领书操作、领书分析、班级管理、课程信息、教师信息
三、系统部分功能截图
四、部分代码展示
import { createRouter, createWebHashHistory } from 'vue-router'
import { getToken } from '../utils/cookie'
import { roleMenu } from '@/api/login'
import store from '@/store'
export const constantRoutes = [
{
path: '/login',
name: 'Login',
hidden: '1',
component: () => import(/* webpackChunkName: "login" */ '../views/login/Login.vue')
},
{
path: '/change/psw',
component: () => import('../views/index/Home.vue'),
redirect: '/change/psw',
hidden: '1',
children: [
{
path: '',
component: () => import('@/views/index/ChangePsw'),
name: 'ChangePsw',
hidden: '0',
meta: { title: '修改密码', icon: '' }
}
]
},
{
path: '/:w+',
component: () => import('@/views/index/404.vue'),
hidden: '1'
}
]
const router = createRouter({
history: createWebHashHistory(),
routes: constantRoutes
})
const whiteList = ['/login']
router.beforeEach((to, from, next) => {
document.title = to.meta.title || '系统'
const token = getToken()
if (token) {
if (to.path === '/login') {
next('/')
} else {
if (store.getters.addRouters.length === 0) {
roleMenu().then(res => {
store.dispatch('generateRoutes', res.data).then(() => {
store.getters.addRouters.forEach(item => {
router.addRoute(item)
})
next({ ...to, replace: true })
})
})
store.dispatch('getCurUserInfo')
} else {
next()
}
}
} else {
if (whiteList.indexOf(to.path) !== -1) {
next()
} else {
next('/login')
}
}
})
router.afterEach((to, from) => {
setKeepAlive(to)
})
function setKeepAlive(to) {
if(to.meta.keep_alive === '1') {
store.commit("setKeepAlive", to.name);
}
}
export default router
<template>
<div style="padding:20px;margin:20px;">
<el-form :inline="true" :model="seacheForm" size="small">
<el-form-item label="教材">
<el-input v-model="seacheForm.book" clearable placeholder="请输入教材名称" size="small" />
</el-form-item>
<el-form-item label="书号">
<el-input v-model="seacheForm.ISBN" clearable placeholder="请输入教材书号" size="small" />
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="refresh">搜索</el-button>
</el-form-item>
</el-form>
<el-table :data="bookTable" v-loading="tableLoading" size="small" style="width: 100%">
<el-table-column type="index" label="序号" align="center" fixed="left" width="55" />
<el-table-column prop="book" align="center" label="教材名称" fixed="left" width="200" show-overflow-tooltip />
<el-table-column prop="editor" align="center" label="主编" show-overflow-tooltip />
<el-table-column prop="pubDate" align="center" label="出版时间" show-overflow-tooltip />
<el-table-column prop="ISBN" align="center" label="书号" show-overflow-tooltip />
<el-table-column prop="publisher" align="center" label="出版社" show-overflow-tooltip />
<el-table-column prop="book_type" align="center" label="教材类型" show-overflow-tooltip />
<el-table-column prop="book_usage" align="center" label="使用情况" show-overflow-tooltip />
<el-table-column prop="price" align="center" label="单价" show-overflow-tooltip />
<el-table-column prop="book_total" align="center" label="教材库存" fixed="right" show-overflow-tooltip />
<el-table-column fixed="right" label="操作" align="center" width="120">
<template #default="{row}">
<el-button type="primary" size="small" @click="handleAddBook(row)">增订</el-button>
</template>
</el-table-column>
</el-table>
<div class="demo-pagination-block">
<el-pagination
v-model:currentPage="currentPage"
v-model:page-size="pageSize"
:page-sizes="[8, 20, 30, 50]"
:background="false"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"/>
</div>
<el-dialog v-model="addDialog" title="续订教材" width="55%">
<el-form :model="form" :inline="true" :rules="rules" ref="ruleFormRef" label-width="120px">
<el-form-item label="教材名称" prop="book">
<el-input v-model="form.book" disabled placeholder="请输入教材名称" />
</el-form-item>
<el-form-item label="学生用书" prop="sdt_book_nums">
<el-input v-model.number="form.sdt_book_nums" placeholder="请输入学生用书数量" />
</el-form-item>
<el-form-item label="学生备用" prop="standby_nums">
<el-input v-model.number="form.standby_nums" placeholder="请输入学生备用书数量" />
</el-form-item>
<el-form-item label="教师用书" prop="tch_book_nums">
<el-input v-model.number="form.tch_book_nums" placeholder="请输入教师用书数量" />
</el-form-item>
<el-form-item label="教材单价" prop="price">
<el-input v-model.number="form.price" disabled placeholder="请输入教材单价(单位：元)" />
</el-form-item>
<el-form-item label="教材总数">
<el-input v-model.number="bookTotal" disabled placeholder="教材总价" />
</el-form-item>
<el-form-item label="教材总价">
<el-input v-model.number="bookPriceTotal" disabled placeholder="教材总价" />
</el-form-item>
<el-form-item label="教材使用情况" prop="book_usage">
<el-select v-model="form.book_usage" placeholder="请选择教材使用情况">
<el-option label="选用" value="选用" />
<el-option label="不选用" value="不选用" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="addDialog=false">取消</el-button>
<el-button type="primary" @click="onSubmit">确定</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ElMessage,ElMessageBox } from 'element-plus';
import { computed, onMounted, reactive, ref} from 'vue';
import { operateRecord, operateStore } from '@/api/book/operate';
import { getRecordDetail } from '@/api/education/operate';
import dayjs from 'dayjs';
onMounted(()=>{
refresh();
})
const tableLoading = ref(false);
const refresh = () =>{
tableLoading.value = true;
operateStore({
limit:pageSize.value,
page:currentPage.value,
book:seacheForm.book,
ISBN:seacheForm.ISBN,
}).then(res=>{
bookTable.value = res.data.rows;
total.value = res.data.count;
bookTable.value.forEach((item)=>{
item.pubDate ? item.pubDate = dayjs(item.birth).format('YYYY-MM') : ''
})
tableLoading.value = false;
})
}
// 搜索表单
const seacheForm = reactive({});
// 表格
const bookTable = ref([]);
const total = ref(0);
const bookTotal = computed(()=>{
let total = form.value.sdt_book_nums + form.value.standby_nums + form.value.tch_book_nums;
return total;
})
const bookPriceTotal = computed(()=>{
let total = (form.value.sdt_book_nums + form.value.standby_nums + form.value.tch_book_nums) * Number(form.value.price);
return total;
})
const addDialog = ref(false);
const form = ref({});
const handleAddBook = (row) =>{
getRecordDetail({record_id:row.record_id}).then(res=>{
form.value = res.data[0];
form.value.sdt_book_nums=0
form.value.standby_nums=0
form.value.tch_book_nums=0
addDialog.value = true;
})
}
const onSubmit = () =>{
if(bookTotal.value==0){
ElMessage({type:'warning',message:'未填写征订数量！'});
return;
}
delete form.value.id;
form.value.total = bookPriceTotal.value;
form.value.book_total = bookTotal.value;
form.value.apply = 1;
operateRecord({
data:form.value,
flag:1
}).then(res=>{
if(res.success){
ElMessage({type:'success',message:'申请成功！'});
addDialog.value = false;
}else{
ElMessage({type:'danger',message:'申请失败！'});
}
})
}
// 分页
const currentPage = ref(1);
const pageSize = ref(8);
const handleSizeChange = (val) => {
pageSize.value = val;
refresh();
}
const handleCurrentChange = (val) => {
currentPage.value = val;
refresh();
}
</script>
<style>
</style>
import { createRouter, createWebHashHistory } from 'vue-router'
import { getToken } from '../utils/cookie'
import { roleMenu } from '@/api/login'
import store from '@/store'
export const constantRoutes = [
{
path: '/login',
name: 'Login',
hidden: '1',
component: () => import(/* webpackChunkName: "login" */ '../views/login/Login.vue')
},
{
path: '/change/psw',
component: () => import('../views/index/Home.vue'),
redirect: '/change/psw',
hidden: '1',
children: [
{
path: '',
component: () => import('@/views/index/ChangePsw'),
name: 'ChangePsw',
hidden: '0',
meta: { title: '修改密码', icon: '' }
}
]
},
{
path: '/:w+',
component: () => import('@/views/index/404.vue'),
hidden: '1'
}
]
const router = createRouter({
history: createWebHashHistory(),
routes: constantRoutes
})
const whiteList = ['/login']
router.beforeEach((to, from, next) => {
document.title = to.meta.title || '系统'
const token = getToken()
if (token) {
if (to.path === '/login') {
next('/')
} else {
if (store.getters.addRouters.length === 0) {
roleMenu().then(res => {
store.dispatch('generateRoutes', res.data).then(() => {
store.getters.addRouters.forEach(item => {
router.addRoute(item)
})
next({ ...to, replace: true })
})
})
store.dispatch('getCurUserInfo')
} else {
next()
}
}
} else {
if (whiteList.indexOf(to.path) !== -1) {
next()
} else {
next('/login')
}
}
})
router.afterEach((to, from) => {
setKeepAlive(to)
})
function setKeepAlive(to) {
if(to.meta.keep_alive === '1') {
store.commit("setKeepAlive", to.name);
}
}
export default router
五、底部获取项目源码（9.9￥带走）
有问题，或者需要协助调试运行项目的也可以