javascript - 单页应用程序？登录页面

Question

我对编程有点陌生，而且我仍在开始使用多种语言。

目前，我正在从事一个需要我创建登录页面的元素。登录成功后，页面将变为“账户信息”页面；但是，这必须是单页应用程序。我的教授指定服务器将没有“页面”的概念，并且从“登录”到“AccountInfo”的移动不会更改页面/URL。

我该如何调用它？我们介绍过 Angular JS，但他从未做过单页应用程序的教程。

我的登录 .js 看起来像这样:

Home.LoginClick = function () {

    $.ajax({

        url: "Home/Login",

        data: {

            Username: $(".Username").val(),

            Password: $(".Password").val(),

        },

        success: function (result) { alert(result);
            if (deserializedData.Message == "Success")
                Home.ChangeToAccountInfo();
        }

    });
}

Answer 1

单页应用程序意味着客户端一次加载所有 HTML，从而防止您的浏览器在您每次单击某个地方或转到不同页面时刷新页面。您可以通过访问大多数网站来见证这一点。

使用服务进行后端交互被认为是最佳实践。因此，您应该创建一个 Auth。服务管理您的登录。创建功能登录 - 和注销。然后将该服务注入(inject)与显示登录表单的 View 关联的 Controller 中。

您应该在提交表单时调用此登录函数。你可以使用 ng-提交。提交表单后，您在 Controller 中注入(inject)的功能将检查您的后端以查看用户是否存在，然后您可以将用户重定向到您想要的页面。

您应该查看 ui 路由器以获取有关如何处理路由的更多详细信息。