restful总结

笔记restfull

restful风格
在这里插入图片描述
普通登录方式 login.html
前端

<form  th:action="@{/login}" method="get" class="form-horizontal" >
    <div class="form-group">
        <label for="lastName" class="col-sm-2 control-label">lastName</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="lastName"  name="lastName" placeholder="lastName">
        </div>
    </div>
    <div class="form-group">
        <label for="password" class="col-sm-2 control-label">password</label>
        <div class="col-sm-10">
            <input   type="password" class="form-control" id="password" name="password" placeholder="Password">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Remember me
                </label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default" >Sign in</button>
        </div>
    </div>
</form>


后台controlller


    //非restful风格
    @GetMapping("/login")
    public  String login(Employee employee)  {


        Employee sign = employeeRepository.findByLastNameAndPassword(employee.getLastName(), employee.getPassword());
        System.out.println(employee.getLastName());
        if (sign!=null){
            return  "redirect:/emps";}
        return "login";
    }

昨晚一直在克服restful风格的登录模式,想法是传递两个参数,并通过拼接的方式传递两个值,但查找不到相应的方法后
找到ajax来传递数据给后台完成restful风格的请求路径

restfu风格

前端

<script>
    var lastName = "吴亦凡";
    var password = "吴签";
    $.ajax({
        url:'/restful/' + lastName + "/" + password,
        type:'GET',
        dataType:'json',
        contentType:"application/json;charset=UTF-8",
        success:function(data) {
            console.log(1)
        },
        error:function(data) {
            console.log(2)
        }
    })

</script>


后台controlller

//restful风格,但亲求的方式url不会写              localhost:8883/login2/lisa/123

    @GetMapping("/login2/{lastName}/{password}")
    public  String login2(@PathVariable("lastName") String lastName,@PathVariable("password") String password,Model model) {
        Employee sign = employeeRepository.findByLastNameAndPassword(lastName, password);
       if (sign!=null){
        return  "redirect:/emps";}
       return "login2";
    }



普通路径:http://localhost:8883/login?lastName=lisa&password=123
resetful路径:http://localhost:8883/login2/lisa/123(理应)

http://localhost:8883/login2?lastName=lisa&password=123

具体 访问http://localhost:8883/login2
network 路径:http://localhost:8883/login2/lisa/123

链接:https://pan.baidu.com/s/1lFe7gaUN4FtkfhmJcIOYLw
提取码:bdwp

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值