3

目标：创建学院管理模块（学院和学校关联起来）

一、后台三步骤：

1、打开projectName文件，在models目录下创建academy.js文件，接着文件操作：

constmongoose=require('mongoose')constSchema=mongoose.Schemaconstfeld={name:String,//人物标签major:String,renshu:Number,school:{type:Schema.Types.ObjectId,ref:'School'}}//自动添加更新时间创建时间:letschema=newSchema(feld,{timestamps:{createdAt:'created',updatedAt:'updated'}})module.exports=mongoose.model('Academy',schema)

2、找到projectName下的routes目录，创建academy.js文件：

constrouter=require('koa-router')()letModel=require("../db/models/academy");router.prefix('/academy')router.get('/',function(ctx,next){ctx.body='this is a users response!'})router.post('/add',asyncfunction(ctx,next){console.log(ctx.request.body)letmodel=newModel(ctx.request.body);model=awaitmodel.save();console.log('user',model)ctx.body=model})router.post('/find',asyncfunction(ctx,next){letmodels=awaitModel.find({}).populate('school')ctx.body=models})router.post('/get',asyncfunction(ctx,next){// let users = await User.// find({})console.log(ctx.request.body)letmodel=awaitModel.find(ctx.request.body)console.log(model)ctx.body=model})router.post('/update',asyncfunction(ctx,next){console.log(ctx.request.body)letpbj=awaitModel.update({_id:ctx.request.body._id},ctx.request.body);ctx.body=pbj})router.post('/delete',asyncfunction(ctx,next){console.log(ctx.request.body)awaitModel.remove({_id:ctx.request.body._id});ctx.body='shibai '})module.exports=router

3.在app.js中挂载路由：

constacademy=require('./routes/academy')app.use(academy.routes(),academy.allowedMethods())

二、前台三步骤：

打开vue-admin-template-master文件，在src/views目录下创建一个academy模块：

academy.png

并在academy目录下创建vue文件。

1.editor.vue为编辑文件，用于创建学院记录；

添加学院.png

.dashboard {    &-container {      margin: 30px;    }    &-text {      font-size: 30px;      line-height: 46px;    }  }

2.index.vue为目录文件，用于显示结果；

学院管理.png

编辑删除

.dashboard {    &-container {      margin: 30px;    }    &-text {      font-size: 30px;      line-height: 46px;    }  }

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'}}]},

作者：去年的牛肉

链接：https://www.jianshu.com/p/64f711c68fef

来源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。