校园管理系统前后开发培训-2
浏览：312 次
校园管理系统前后开发培训
1、 学校管理
背景中的三个步骤：
1.打开projectName文件，创建学校。js文件，然后执行文件操作：
const mongoose=要求（“mongoose”）
康斯特菲尔德={
名称：字符串，
//人物标签
其中：字符串，
leixing：字符串
}
//自动添加更新时间创建时间：
let personSchema=新猫鼬。架构（feld，｛timestamps:｛createdAt:'created'，updatedAt:'updated'｝｝）
单元exports=mongoose.model（'School'，personSchema）
2.在项目名称下查找路线目录：
const router=require（'koa-router'）（）
let Model=require（“../db/models/school”）；
router.prefix（'/school'）
路由器。get（'/'，函数（ctx，next）{
ctx。body='这是用户的响应！'
})
路由器。post（'/add'，异步函数（ctx，next）{
console.log（ctx.request.body）
let model=新模型（ctx.request.body）；
model=等待model.save（）；
console.log（“用户”，模型）
ctx。主体=模型
})
路由器。post（'/find'，异步函数（ctx，next）{
let models=等待模型。
查找（｛｝）
ctx。车身=车型
})
路由器。post（'/get'，异步函数（ctx，next）{
//let users=等待用户。
//查找（｛｝）
console.log（ctx.request.body）
let model=等待model.find（ctx.request.body）
console.log（模型）
ctx。主体=模型
})
路由器。post（'/update'，异步函数（ctx，next）{
console.log（ctx.request.body）
让pbj=等待模型。更新（{_id:ctx.request.body._id}，ctx.requist.body）；
ctx。主体=pbj
})
路由器。post（'/delete'，异步函数（ctx，next）{
console.log（ctx.request.body）
等待模型。移除（｛id:ctx.request.body.id｝）；
ctx。body=“shibai”
})
单元exports=路由器
3.在app.js中安装路由：
const school=要求（'./routes/school'）
app.use（school.routes（），school.allowedMethods（））
前台有三个步骤：
打开vue管理模板主文件，并在src/views目录中创建一个学校模块：
并在学校目录中创建vue文件。
图像.png
1.编辑器。vue是一个用于创建学校记录的编辑文件；
<模板>
＜el表单项＞
<脚本>
从“vuex”导入｛mapGetters｝
导出默认值{
名称：'学校'，
计算：{
…地图获取器([
'名称'
])
},
数据（）{
返回{
apiModel:“学校”，
表单：｛｝
}
},
方法：{
提交（）{
安慰日志（'222:'，222）
if（this.form.id）{
this.$http.post（`/api/${this.apiModel}/update`，this.form）。则（res=>{
安慰日志（'bar:'，res）
this.$路由器
