无服务器探索之路(初级):AWS Lambda服务应用场景实践之一(九)

测试模块
项目目录结构

测试目录
1、注册功能测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test register</title>
</head>
<body>
    username:<input id="username" type="text">
    password:<input id="password" type="text">
    email:<input id="email" type="text">
    <button onclick=register()>注册</button><br/>
<textarea id="result" style="width:80%;height:300px;"></textarea>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
function register(){
    var username = $("#username").val();
    var password = $("#password").val();
    var email = $("#email").val();
    var params = {
            username:username,
            password:password,
            email:email
    };
    $.ajax({
        url:"{API Gateway URL:register资源}",
        type:"post",
        data:JSON.stringify(params),
        success:function(data){
            $("#result").text(JSON.stringify(data));
        }
    });
}
</script>
</html>

测试注册
2、登录功能测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test login</title>
</head>
<body>
username:<input id="username" type="text">
password:<input id="password" type="text">
<button onclick=login()>login</button><br/>
<textarea id="result" style="width:80%;height:300px;"></textarea>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function login(){
    var username = $("#username").val();
    var password = $("#password").val();
    var params = {
            username:username,
            password:password
    };
    $.ajax({
        url:"{API Gateway URL:login资源}",
        type:"post",
        data:JSON.stringify(params),
        success:function(data){
            $("#result").text(JSON.stringify(data));
        }
    });
}
</script>
</html>

测试登录
3、添加/更新功能测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test add/update</title>
</head>
<body>
addressBookId:<input id="addressBookId" type="text"><br/>
name:<input id="name" type="text"><br/>
phoneNumber:<input id="phoneNumber" type="text"><br/>
address:<input id="address" type="text"><br/>
telephoneNumber:<input id="telephoneNumber" type="text"><br/>
note:<input id="note" type="text"><br/>

token:<input type="text" id="token"><br/>
<button onclick=add()>add</button><br/>
<textarea id="result" style="width:80%;height:300px;"></textarea>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function add(){
    var addressBookId = $("#addressBookId").val();
    var name = $("#name").val();
    var phoneNumber = $("#phoneNumber").val();
    var address = $("#address").val();
    var telephoneNumber = $("#telephoneNumber").val();
    var note = $("#note").val();
    var createTime = $("#createTime").val();
    var createBy = $("#createBy").val();
    var params = {
            name:name,
            phoneNumber:phoneNumber,
            address:address,
            telephoneNumber:telephoneNumber,
            note:note
    };
    if(addressBookId != "")
        params.addressBookId = addressBookId;
    var token = $("#token").val();
    var target = 3001;
    var paramJson = {
            token:token,
            target:target,
            paramJson:JSON.stringify(params)
    }
    $.ajax({
        url:"${API Gateway URL:operation资源}",
        type:"post",
        data:JSON.stringify(paramJson),
        success:function(data){
            $("#result").text(JSON.stringify(data));
        }
    });
}
</script>
</html>

测试添加
输入ID时为更新,不输入为新增。
4、查询功能测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test query</title>
</head>
<body>
token:<input type="text" id="token">
<button onclick=query()>query</button><br/>
<textarea id="result" style="width:80%;height:300px;"></textarea>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function query(){
    var target = 3003;
    var paramJson = null;
    var token = $("#token").val();
    var params = {
            token:token,
            target:target,
            paramJson:paramJson
    };
    $.ajax({
        url:"{API Gateway URL:operation资源}",
        type:"post",
        data:JSON.stringify(params),
        success:function(data){
            $("#result").text(JSON.stringify(data));
        }
    });
}
</script>
</html>

测试查询
5、删除功能测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test delete</title>
</head>
<body>
id:<input id="id" type="text"><br/>
token:<input type="text" id="token"><br/>
<button onclick=del()>delete</button><br/>
<textarea id="result" style="width:80%;height:300px;"></textarea>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
function del(){
    var id = $("#id").val();
    var target = 3002;
    var paramJson = id;
    var token = $("#token").val();
    var params = {
            token:token,
            target:target,
            paramJson:paramJson
    };
    $.ajax({
        url:"{API Gateway URL:operation资源}",
        type:"post",
        data:JSON.stringify(params),
        success:function(data){
            $("#result").text(JSON.stringify(data));
        }
    });
}
</script>
</html>

测试删除
6、各模块测试完成后,该项目全部完成。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值