Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单页应用程序?登录页面_Javascript_Html_Css_Angularjs_Login - Fatal编程技术网

Javascript 单页应用程序?登录页面

Javascript 单页应用程序?登录页面,javascript,html,css,angularjs,login,Javascript,Html,Css,Angularjs,Login,我对编程有点陌生,我仍在开始使用许多语言 目前,我正在进行一个需要创建登录页面的项目。成功登录后,该页面将更改为帐户信息页面;但是,这必须是一个单页应用程序。我的教授指定服务器将没有页面的概念,并且从登录移动到AccountInfo不会改变页面/URL 我该怎么称呼这个?我们已经介绍了Angular JS,但他从未做过关于单页应用程序的教程 登录名的My.js如下所示: Home.LoginClick = function () { $.ajax({ url: "Ho

我对编程有点陌生,我仍在开始使用许多语言

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

我该怎么称呼这个?我们已经介绍了Angular JS,但他从未做过关于单页应用程序的教程

登录名的My.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();
        }

    });
}

单页应用程序意味着客户端一次加载所有HTML,从而防止浏览器在每次单击某个位置或转到其他页面时刷新页面。你可以在大多数网站上看到这一点

使用服务进行后端交互被认为是最佳实践。因此,您应该创建一个Auth。服务管理您的登录。创建一个函数login-and-logout。然后将该服务注入与显示登录表单的视图关联的控制器中

您应该在提交表单后调用此登录函数。您可以使用ng提交。提交表单后,您在控制器中注入的函数将与后端一起检查用户是否存在,然后您可以将用户重定向到所需的页面


您应该查看ui路由器,了解有关如何处理路由的更多详细信息

你能不能把你的html/css添加到这里,这样你就更容易提出建议?对于你的确切问题,这对你来说不是一个有用的评论。对不起,但是我不确定当你刚刚开始学习编程的一般知识时,对所有事情都使用AngularJS是否是一个好主意。在使用这些抽象和更高层次的框架之前,对JavaScript作为一种语言和“web工作方式”作为一个概念的良好、扎实的理解不是一个更好的起点吗?我不是100%确定正确的角度方法是什么,但这里有一种方法:创建一个HTML元素来保存用户的帐户信息,如or,等,如果用户已通过身份验证和/或网站处于某种状态,则使用ng在屏幕上有条件地显示。您可以使用控制器的$scope保存网站的状态,例如,应向用户显示的当前页面。