2020-12-23

目标:创建学院管理模块(学院和学校关联起来) 一、后台三步骤: 1、打开projectName文件,在models目录下创建academy.js文件,接着文件操作: const mongoose = require('mongoose') const Schema= mongoose.Schema const feld={ name: String, //人物标签 major:String, renshu: Number, school : { type: Schema.Types.ObjectId, ref: 'School' } } //自动添加更新时间创建时间: let schema = new Schema(feld, {timestamps: {createdAt: 'created', updatedAt: 'updated'}}) module.exports= mongoose.model('Academy',schema) 2、找到projectName下的routes目录,创建academy.js文件: const router = require('koa-router')() let Model = require("../db/models/academy"); router.prefix('/academy') router.get('/', function (ctx, next) { ctx.body = 'this is a users response!' }) router.post('/add', async function (ctx, next) { console.log(ctx.request.body) let model = new Model(ctx.request.body); model = await model.save(); console.log('user',model) ctx.body = model }) router.post('/find', async function (ctx, next) { let models = await Model. find({}).populate('school') ctx.body = models }) router.post('/get', async function (ctx, next) { // let users = await User. // find({}) console.log(ctx.request.body) let model = await Model.find(ctx.request.body) console.log(model) ctx.body = model }) router.post('/update', async function (ctx, next) { console.log(ctx.request.body) let pbj = await Model.update({ _id: ctx.request.body._id }, ctx.request.body); ctx.body = pbj }) router.post('/delete', async function (ctx, next) { console.log(ctx.request.body) await Model.remove({ _id: ctx.request.body._id }); ctx.body = 'shibai ' }) module.exports = router 3.在app.js中挂载路由: const academy = require('./routes/academy') app.use(academy.routes(), academy.allowedMethods()) 二、前台三步骤: 打开vue-admin-template-master文件,在src/views目录下创建一个academy模块: academy.png 并在academy目录下创建vue文件。 1.editor.vue为编辑文件,用于创建学院记录; 添加学院.png 2.index.vue为目录文件,用于显示结果; 学院管理.png 3.在index.js中添加路由: { path: '/academy', component: Layout, meta: { title: '学院管理', icon: 'example' }, redirect: 'academy', children: [{ path: 'academy', name: 'academy', component: () => import('@/views/academy'), meta: { title: '学院管理', icon: 'academy' } }, { path: 'editor', name: 'editor', component: () => import('@/views/academy/editor'), meta: { title: '添加学院', icon: 'academy' } }] },  

你可能感兴趣的:(2020-12-23)