实训三

一、从后端（projectName）添加学院模块

1、在models目录下添加academy.js：

projectName/db/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=newSchema(feld,{timestamps:{createdAt:'created',updatedAt:'updated'}})

module.exports=mongoose.model('Academy',schema)

2、在routes目录下添加academy.js：

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',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)

    let model=awaitModel.find(ctx.request.body)

    console.log(model)

    ctx.body=model

})

router.post('/update',asyncfunction(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',asyncfunction(ctx,next){

    console.log(ctx.request.body)

    await Model.remove({_id:ctx.request.body._id});

    ctx.body='shibai '

})

module.exports=router

3、在app.js中加上academy模块的路由：

添加部分为：

academy模块的路由

projectName/app.js：

constKoa=require('koa')

constapp=newKoa()

constviews=require('koa-views')

constjson=require('koa-json')

constonerror=require('koa-onerror')

constbodyparser=require('koa-bodyparser')

constlogger=require('koa-logger')

constmongoose=require('mongoose')

constdbconfig=require('./db/config')

mongoose.connect(dbconfig.dbs,{useNewUrlParser:true,useUnifiedTopology:true})constdb=mongoose.connectiondb.on('error',console.error.bind(console,'connection error:'));db.once('open',function(){console.log('mongoose 连接成功')});

// error handler

onerror(app)

// middlewares

app.use(bodyparser({enableTypes:['json','form','text']}))

app.use(json())

app.use(logger())

app.use(require('koa-static')(__dirname+'/public'))

app.use(views(__dirname+'/views',{extension:'pug'}))

// logger

app.use(async(ctx,next)=>{

    conststart=newDate()

    awaitnext()

    constms=newDate()-start

    console.log(`${ctx.method} ${ctx.url} - ${ms}ms`)

})

// routes

constindex=require('./routes/index')

app.use(index.routes(),index.allowedMethods())

constusers=require('./routes/users')

app.use(users.routes(),users.allowedMethods())

constschool=require('./routes/school')

app.use(school.routes(),school.allowedMethods())

constacademy=require('./routes/academy')

app.use(academy.routes(),academy.allowedMethods())

// error-handling

app.on('error',(err,ctx)=>{console.error('server error',err,ctx)});

module.exports=app

二、从前端（vue-admin-template）添加学院模块

1、在src/views目录下添加academy目录（模块），如图所示：

前端布局的academy模块

①在academy目录下添加editor.vue：

vue-admin-template/src/views/academy/editor.vue：

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

效果图：

editor.vue的效果图

②在academy目录下添加index.vue：

vue-admin-template/src/views/academy/index.vue：

                            size="mini"@click="handleEdit(scope.$index, scope.row)">编辑

                            size="mini"type="danger"@click="handleDelete(scope.$index, scope.row)">删除

实训三

你可能感兴趣的:(实训三)