Django测试小工具平台开发（三）

测试小工具平台开发（三）

一、编写前端页面

在上一篇中已经写好了接口且已经通过了调试，接下来就要编写web页面去访问接口。

同样在项目的templates/testtools/下创建sales_leads.html文件，内容如下：

前端页面都是现学现卖的，请不要吐槽！！！！

{% extends 'testtools/base.html' %}
{% block content %}
<h3>创建转介绍例子数绍</h3>
    <hr>
<form name="input" action="/testtools/create_sales_leads/" method="post">
    环境选择:<br>
    <select name="env" style="padding-right:30px">
    <option value=1>测试环境</option>
    <option value=2>预发布环境</option>
    </select><br>
    渠道选择:<br>
    <input type="text" name="Channel" value="2" size="10"><br>
    邀请人ID: <br>
    <input type="text" name="originUserId"><br>
    归属CC的ID:<br>
    <input type="text" name="teacherId"><br>
    生成数量:<br>
    <input type="text" name="number"><br>
    <br>
    <input type="submit" value="开始生成" >
</form>
{% endblock %}

页面如下：

 

二、添加视图页面

页面编写完成后需要通过django视图将页面返回，视图函数如下。

def sales_leads(request):
    template = loader.get_template('testtools/sales_leads.html')
    return HttpResponse(template.render())

三、添加视图路由

urlpatterns = [
    path('', views.index, name='index'),
    path('create_sales_leads/', views.create_sales_leads, name='create_sales_leads'),
    path('sales_leads/', views.sales_leads, name='sales_leads'),
]

四、验证功能

启动项目后访问http://127.0.0.1:8000/testtools/sales_leads/

 

响应页面如下

 

五、总结

• 创建django项目可以查看官网手册，比较简单这里就不讲了

• 功能比较简单但是非常实用，一天就能做出来

• 还有其他功能实现都是类似的，可以根据需要快速添加

 

• 欢迎大家关注我的订阅号，会定期分享一些关于测试相关的文章，有问题也欢迎一起讨论学习！