测试小工具平台开发(三)
一、编写前端页面
在上一篇中已经写好了接口且已经通过了调试,接下来就要编写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项目可以查看官网手册,比较简单这里就不讲了
-
功能比较简单但是非常实用,一天就能做出来
-
还有其他功能实现都是类似的,可以根据需要快速添加
-
欢迎大家关注我的订阅号,会定期分享一些关于测试相关的文章,有问题也欢迎一起讨论学习!