功能和之前几乎一样,就是提交工单,给记录到后台数据库而已。
然后管理员 去后台查看这些任务工单。
开发者入驻,即申请自己成为开发者,这样该用户的权限会和你的几乎一样,一样可以登录后台。不过目前我们仍然没有实现用户登录注册模块,所以该功能还是只能做一半:
首先打开菜单Menu.vue
然后找到入驻开发者菜单:
增加点击事件:
然后去创建这个对话框:
<el-dialog title="开发者入驻" :visible.sync="dialogFormVisible3"> <el-form :model="form3" > <el-form-item label="您的姓名" :label-width="formLabelWidth"> <el-input v-model="form3.name" autocomplete="off" placeholder="请输入内容"></el-input> </el-form-item> <el-form-item label="入驻理由" :label-width="formLabelWidth"> <el-input v-model="form3.reason" type="textarea" :rows="2" placeholder="请输入内容"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogFormVisible3 = false">取 消</el-button> <el-button type="primary" @click="add_superuser">确 定</el-button> </div> </el-dialog>
然后去vue实例中声明这个变量 form3
然后去methods中新建这个函数:add_superuser
add_superuser(){ axios({ method:'post', url:'http://localhost:8000/add_superuser/', headers:{ "Content-type":"application/x-www-form-urlencoded" }, data:{ name: this.form3.name, reason:this.form3.reason } }).then(res=>{ this.dialogFormVisible3 = false; this.$message('小饭已经帮您新建申请成为开发者的工单了~请小主耐性等待主程大大的回复~'); }) },
然后去urls.py中 弄好映射关系:
最后去后台views.py写好对应的函数:
然后打包:
测试一下:
后台:
成功,本节到此完毕:
下节课:登录功能