- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的应用程序使用 Mithril.js 和 Play Framework。
我想知道是否有一种(好的)方法可以将我的应用程序分为 mithril 和 play。我想让 play 呈现一个 login.html,这个 login.html 将只包含我的 mithril.js 组件 (login.js) 的导入。如果登录成功,我想将我的应用程序重定向到另一个 html 页面。此页面将包含我所有 Mithril 组件的所有进口。
所以我的应用程序在 Play Framework 端只有两个 html 页面,一个只导入一个 Mithril 组件,另一个导入所有其他组件(仅在检查凭据时)。
Play 路由器:
GET/controllers.Index.index
Play Controller :
def 索引 = Action { 好的(views.html.login())
登录.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>IHM</title>
StylesSheet import..
</head>
<body id="app" class="body">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.2-rc.1/mithril.min.js"></script>
<script src="@routes.Assets.versioned("javascripts/claravista/login.js")" type="text/javascript"></script>
<script type="text/javascript">
m.route.mode = "pathname";
m.route(document.getElementById('app'), "/", {
"/": login,
});
</script>
</body>
Mithril 询问 Play 检查凭据(在组件登录中)
m.request({method: "PUT", url: "/check-user", data : login.user }).then(returnCall);
Case Credentials false : 再问一遍(这部分我已经做了)
Case Credentials true :重定向到另一个 html 页面(如何做到这一点?)
<!DOCTYPE html>
<html lang="en">
<head>
<title>IHM</title>
</head>
<body id="appmain" class="body">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.2-rc.1/mithril.min.js"></script>
ALL MY MITHRIL COMPONENTS IMPORT
<script type="text/javascript">
m.route.mode = "pathname";
m.route(document.getElementById('appmain'), "/main", {
"/main": main,
});
</script>
如何在检查凭据后重定向到另一个 html 页面?有没有更好的方法来防止服务器在用户登录之前发送所有 JavaScript 文件?
最佳答案
How can I redirect to another html page after credentials are checked?
Mithril 的路由不是重点,因为区分未认证(登录表单)和认证(单页应用)的实际路由逻辑由不同的服务器端处理并加载不同的 HTML 资源1 .因此,登录成功后您真正需要做的就是使用 native window.location.replace
API(您需要replace
而不是assign
以避免登录页面留在经过身份验证的用户的历史记录中):
m.mount( document.getElementById( "appmain" ), {
controller: function(){
this.error = m.prop()
this.username = m.prop()
this.password = m.prop()
this.login = function(){
return m.request( {
method : "PUT",
url : "/check-user",
data : {
username : ctrl.username,
password : ctrl.password
}
} )
.then( function( response ){
// Based on my imagination of what the /check-user response might look like
if( response.success ){
// Navigate to the authenticated app page
window.location.replace( "/main" )
}
// Return the reason the user couldn"t be authenticated
else {
return response.errorMessage
}
} )
// Populate our model with results
.then( ctrl.error );
}
},
view : function( ctrl ){
return [
m( "h1", "Login" ),
m( "form", {
onsubmit : ctrl.login
},
// If there are login errors, display them here
ctrl.error() && m( "p.error", ctrl.error() ),
m( "input[placeholder=username]", {
value : ctrl.username(),
oninput : m.withAttr( "value", ctrl.username )
} ),
m( "input[placeholder=password][type=password]", {
value : ctrl.password(),
oninput : m.withAttr( "value", ctrl.password )
} ),
m( "button", "Submit" )
)
]
}
} )
Is there a better way to prevent the server to send all the JavaScript files before the user is logged?
这是一个非常广泛的主题,充满了复杂性,具体取决于您的应用程序的结构要求以及您的后端和前端技术要求和能力。为了进一步引用,将前端 Javascript 依赖项分离到不同文件以在不同时间加载的一般技术称为“代码拆分”或“捆绑”2。
关于javascript - 如果成功,登录页面重定向新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38852460/
我正在使用 jQuery 的 $.ajax 函数来提交表单,它可以工作,但成功正是我遇到问题的地方。这是我的代码: $("#form").submit(function () { $.
我正在使用动态分页。 我需要在开始另一个事件之前取消 jQuery ajax 中的 success 事件。 我已经设置了一个等于$.ajax()的变量,在这样做之前,无论如何我都会调用abort。 问
如果我错了,请纠正我,但我对 $.post 成功/失败的理解是,如果 url 有效,这将返回成功。唯一会返回失败的情况是 url 无效。 如果这是真的,我如何验证成功函数?我问的原因是无论发生什么,即
HANDLE hFile = CreateFile(LPCTSTR("filename"), // name of the write
我正在使用以下代码发送短信。但这似乎不会在未发送短信时产生异常。例如,当没有足够的钱发送时,我仍然会去 smsSucces();有没有人知道解决此问题的方法以确保它已发送? private b
我正在尝试将字符串转换为 DateTime,在一台计算机上,它工作正常,但在另一台计算机上,它却不行!它运行的计算机运行的是 32 位 Windows 7,它不运行的计算机运行的是 64 位 Wind
我在页面上使用表单让用户输入将用于各种目的的图像的 url。我正在编写一个 ajax 方法来确定他们提供的 url 是否实际上是图像。到目前为止,我已经这样做了: $(document).on('re
我在 jquery 中对 php 脚本进行 ajax 调用。但是 php 脚本需要返回什么才能触发 ajax 中的成功/错误处理程序。所以这是 ajax: $.ajax({ data:
几个简单的问题: 对于 native 和 Flash/Silverlight 垫片来说,成功事件是“规范化”事件吗?记录的示例表明它仅适用于 Flash/Silverlight 对象准备就绪的情况。
这个问题不太可能对任何 future 的访客有帮助;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,通常不适用于互联网的全局受众。如需帮助使这个问题更广泛适用,visit the h
我尝试使用新的 Groovy Grape Groovy 1.6-beta-2 中的功能,但我收到一条错误消息; unable to resolve class com.jidesoft.swing.J
我正在使用 sequelize/nodejs/express/react 将实体持久化到 postgres 数据库 我有两个主要模型,国家和事件,我正在使用该应用程序,并且有一个名为“保存到数据库”的
我有以下代码,其中有 2 个电子邮件输入字段,我需要验证它们是否相同,并且使用 jQuery validate equalTo 成功运行。 Email Address
我正在尝试找出解决此问题的正确方法。 假设我们有一家元素商店。这些项目可以编辑、删除和创建。编辑或添加项目时,路线更改为/item/add 或/item/edit/{id}。 在 saga 成功添加或
这个问题已经有答案了: How do I return the response from an asynchronous call? (42 个回答) 已关闭 8 年前。 我有这段代码,警报工作正常
Closed. This question needs to be more focused。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅关注editing this post的一个问题。
我想在单击超链接 (.remove_resort) 时(成功的 ajax 调用后)删除超链接的(父)跨度。 虽然ajax调用成功,但是最后span并没有被移除。这里出了什么问题? 请记住:有几个类
我正在编写一个非常简单的程序来将鼠标剪辑到指定的窗口。它从系统托盘运行,没有可见窗口。由于同一窗口会有多个实例,因此它使用 EnumWindows() 迭代每个顶级窗口,并将它们的 hwnd 与 Ge
我正在尝试找出如何执行 if 语句,以便如果玩家的击球率超过 0.250,则会为成功的 tr 添加一个类别。 我发现了以下堆栈问题,但我不确定可以使用或应该使用哪种方式以及如何使用这些堆栈问题。 ht
我是 Prolog 的新手,我正在尝试解决这个练习: Define a predicate greater_than/2 that takes two numerals in the notation
我是一名优秀的程序员,十分优秀!