小编Dev*_*Dev的帖子

我已经开始学习了ASP.Net MVC，关于MVC framework[客户端或服务器端]我有几个问题。你可能会觉得这些问题很愚蠢，但我真的很困惑，想澄清我的疑虑。

这里是....

1. ASP.Net MVC，它是服务器端还是客户端框架？

2. 假设我的控制器方法从 获取数据SQL Server，我将其转换为JSON并更新MVC view，在这种情况下

A. 它被称为客户端数据绑定还是服务器端绑定？

B. 在使用控制器方法从数据库中检索数据时，我是获取整个 HTML 以及响应中的数据还是仅获取我请求的数据？

3. 在ASP.Net，假设我在按钮单击事件时在数据库中插入数据，如果我没有错，在这种情况下，它会将整个页面提交给服务器，按钮单击事件如何工作ASP.Net MVC？

4. 我也读过我们可以使用Angular.JS或knockout.JSwith ASP.Net MVC，如果我们使用它，有什么目的Angular.JS或knockout.JS会解决什么问题ASP.Net MVC？

问候

我正在通过创建一个小应用程序来学习AngularJS.

我在成功登录时将用户信息存储在sessionStorage中.

LoginController.JS

app.controller("LoginCntrl", function ($scope, $location, angularService) {

    $scope.Login = function () {
        var UserName = $scope.UserName;
        var Password = $scope.Password;

        var getData = angularService.LoginInformation(UserName,Password);
        getData.then(function (msg) {
            if (msg.data == '') {
                alert('no data');
            } else {
                sessionStorage.UserName = msg.dataUserName;
                $location.path('/members');
            }

        }, function (error) {
            alert('error in Login');
        });
    };
});

成功登录后,我将用户重定向到'/ memberList',并在memberlistCntrl控制器中检查sessionStorage是否为空.如果它是空的,那么我假设用户试图在没有登录的情况下访问该站点,我将用户发送回登录屏幕

memberlistCntrl中的代码

app.controller("memberlistCntrl", function ($scope, $location, allMembers) {

    if (sessionStorage.length == 0)
    {
        $location.path('/login');
        return;
    }

    $scope.MembersList = allMembers.data;

    $scope.createmember = function (path) {
        $location.path(path); …

我的项目中有两个屏幕，MemberList.HTML 和 EditMember.html。MemberList.HTML 显示所有成员以及每个成员的“编辑”链接。当我点击 Edit 链接时，它调用函数 ng-click="EditMember(member)" 并且 EditMember(member) 的代码是

$scope.EditMember = function (member) {
    var getData1 = angularService.GetMember(member.ID);
    getData1.then(function (mem) {
        $scope.Member = mem.data;
        alert($scope.Member.FirstName);
        $location.path('/members/editmember');
    }, function (error)
        {
            alert('Error in getting Member record');
        }
    );
};

EditMember.Html 的代码

<div>
    <div class="bottom-margin">
        <div class="left-label">ID</div>
        <div><input type="text" name="txtID" id="txtID" ng-model="Member.ID"/></div>
    </div>
    <div class="bottom-margin">
        <div class="left-label">First Name</div>
        <div><input type="text" name="txtFirstName" ng-model="Member.FirstName"/></div>
    </div>
</div>        
<div>
    <div class="bottom-margin">
        <div class="left-label"><input type="button" name="btnCancel" value="Cancel" /></div>
        <div><input type="button" name="btnSave" value="Save" /></div>
    </div>
</div>

路由配置是 …