angularJs的简单理解和使用（登录）

最新推荐文章于 2021-03-24 00:52:18 发布

JackMaster_xh

最新推荐文章于 2021-03-24 00:52:18 发布

阅读量404

点赞数

分类专栏：编程趣味体验

本文链接：https://blog.csdn.net/JackMaster_xh/article/details/77569184

版权

编程趣味体验专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.引用过来angular-1.0.1.min.js

2.在登录页面添加引用，放在head区域中，页面记得不要加form表单

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html ng-app="">
<head>
    <title>Title</title>
    <script src="/resources/angularJs/angular-1.0.1.min.js"></script>
</head>
<body ng-controller="myController">
用户名：<input type="text" name="name" id="name" ng-model="user.name"><br>
密码：<input type="password" name="password" id="password" ng-model="user.password"><br>
<button ng-click="getUser()">登录</button>
</body>
<script>
    function myController($scope, $http){
        //复初值
        $scope.user = {
            name:"师",
            password:"456"
        };

        $scope.getUser = function(){
            $http({
                method: "POST",
                url: "<%=basePath%>/user/login.action",
                data: $scope.user,
                dataType:"json"
            }).success(function (data){
                if(data.flag == 1)
                {
                    window.location.href = "<%=basePath%>/user/selUser.action";
                }
                else
                {
                    alert("登录失败");
                }
            }).error(function(){
                alert("登录失败");
            })
        };
    }
</script>
</html>

3..controller方法，要标注@ResponseBody，入参要对象前加@RequestBody，返回值类型用Map<String,Object>

@ResponseBody
    @RequestMapping(value = "/login", method = RequestMethod.POST)
    private Map<String,Object> login(@RequestBody User user, HttpSession session) {
        Map<String,Object> map = new HashMap<>();
        User my = userService.findUser(user);
     if(my != null)
        {
            map.put("flag",1);
            session.setAttribute("name", user.getName()); 
        }
        else
        {
            map.put("flag",0);
        }
        return map;
    }

JackMaster_xh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJs的简单理解和使用（登录）

1.引用过来angular-1.0.1.min.js2.在登录页面添加引用，放在head区域中，页面记得不要加form表单<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS
复制链接

扫一扫