(简易)测试数据构造平台:30 - 开发者入驻

简介: (简易)测试数据构造平台:30 - 开发者入驻

功能和之前几乎一样,就是提交工单,给记录到后台数据库而已。


然后管理员 去后台查看这些任务工单。


开发者入驻,即申请自己成为开发者,这样该用户的权限会和你的几乎一样,一样可以登录后台。不过目前我们仍然没有实现用户登录注册模块,所以该功能还是只能做一半:


首先打开菜单Menu.vue

然后找到入驻开发者菜单:

增加点击事件:

640.png


   然后去创建这个对话框:

640.png


<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

640.png

然后去methods中新建这个函数:add_superuser

640.png


 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中 弄好映射关系:

640.png


最后去后台views.py写好对应的函数:

640.png


然后打包:

640.png


测试一下:

640.png


后台:

640.png

成功,本节到此完毕:

下节课:登录功能


相关文章
|
1月前
|
分布式计算 Shell MaxCompute
odps测试表及大量数据构建测试
odps测试表及大量数据构建测试
|
1月前
|
消息中间件 监控 小程序
电竞陪玩系统架构优化设计,陪玩app如何提升系统稳定性,陪玩小程序平台的测试与监控
电竞陪玩系统架构涵盖前端(React/Vue)、后端(Spring Boot/php)、数据库(MySQL/MongoDB)、实时通信(WebSocket)及其他组件(Redis、RabbitMQ、Nginx)。通过模块化设计、微服务架构和云计算技术优化,提升系统性能与可靠性。同时,加强全面测试、实时监控及故障管理,确保系统稳定运行。
|
2月前
|
开发框架 .NET Java
C#集合数据去重的5种方式及其性能对比测试分析
C#集合数据去重的5种方式及其性能对比测试分析
38 11
|
2月前
|
开发框架 .NET Java
C#集合数据去重的5种方式及其性能对比测试分析
C#集合数据去重的5种方式及其性能对比测试分析
55 10
|
3月前
|
机器学习/深度学习 算法 UED
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法。本文介绍 A/B 测试的基本概念、步骤及其在模型评估、算法改进、特征选择和用户体验优化中的应用,同时提供 Python 实现示例,强调其在确保项目性能和用户体验方面的关键作用。
68 6
|
3月前
|
机器学习/深度学习 算法 UED
在数据驱动时代,A/B 测试成为评估机器学习项目效果的重要手段
在数据驱动时代,A/B 测试成为评估机器学习项目效果的重要手段。本文介绍了 A/B 测试的基本概念、步骤及其在模型评估、算法改进、特征选择和用户体验优化中的应用,强调了样本量、随机性和时间因素的重要性,并展示了 Python 在 A/B 测试中的具体应用实例。
47 1
|
3月前
|
人工智能 供应链 安全
AI辅助安全测试案例某电商-供应链平台平台安全漏洞
【11月更文挑战第13天】该案例介绍了一家电商供应链平台如何利用AI技术进行全面的安全测试,包括网络、应用和数据安全层面,发现了多个潜在漏洞,并采取了有效的修复措施,提升了平台的整体安全性。
136 4
|
3月前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
213 1
|
1月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
|
5天前
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
43 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡