lift的初级使用
2012-10-11 11:16
155 查看
现在做了一个登陆界面,初步总结了一下前后台的关系
现在Boot里面配置login页面的siteMap
Menu("Login") / "login", login.html被放在了webapp下面
前台的login.html 似乎需要被类
<div id="loginpage" class="lift:surround?with=dsdd&at=content">的div包起来,最重要的是这个div的class,它让这个div下面的内容被lift:surround包了起来,with后面是一个页面,at的是一个id,但我的dsdd是随便写的,也可以起作用,但去掉with和at就不行,初步猜想,div下面的内容,引用的关于lift的东西,比如:
<form class="lift:LoginForm?form=post">,都是需要
<div id="loginpage" class="lift:surround?with=dsdd&at=content">才能成功起作用的,可能我的分析是错误的,但目前只能这么设想了,后台的loginForm,里面有登陆判断的流程:
form表单的内容是:
如果登陆失败,就在最后加一个提醒,目前只能用这个笨办法来告诉用户,你的用户名和密码错误了,上一个截图,
登陆前:
admin2是个默认值,是可以登陆的
修改用户名,让它失败,登陆失败后
登陆成功当然就直接跳转了
本文出自 “沐浴心情” 博客,请务必保留此出处http://lj3331.blog.51cto.com/5679179/1020916
现在Boot里面配置login页面的siteMap
Menu("Login") / "login", login.html被放在了webapp下面
前台的login.html 似乎需要被类
<div id="loginpage" class="lift:surround?with=dsdd&at=content">的div包起来,最重要的是这个div的class,它让这个div下面的内容被lift:surround包了起来,with后面是一个页面,at的是一个id,但我的dsdd是随便写的,也可以起作用,但去掉with和at就不行,初步猜想,div下面的内容,引用的关于lift的东西,比如:
<form class="lift:LoginForm?form=post">,都是需要
<div id="loginpage" class="lift:surround?with=dsdd&at=content">才能成功起作用的,可能我的分析是错误的,但目前只能这么设想了,后台的loginForm,里面有登陆判断的流程:
object LoginForm { def render(in: NodeSeq): NodeSeq = { var nodes=new Queue[NodeSeq] nodes += in // use a Scala for-comprehension to evaluate each parameter for { r <- S.request if r.post_? // make sure it's a post name <- S.param("name") // get the name field passwd <- S.param("passwd") // get the age field } { // if everything goes as expected, // display a notice and send the user // back to the home page S.notice("Name: " + name) S.notice("Age: " + passwd) if (User.authenticate(name, passwd) != None) S.redirectTo("/") else{ nodes += <div> <span class="label label-warning"> Hi,你的用户名或密码不正确 !!</span> </div> } } // pass through the HTML if we don't get a post and // all the parameters <div> {nodes} </div> } }
form表单的内容是:
<form class="lift:LoginForm?form=post"> 用户名: <input type="text" id="name" placeholder="用户名:" class="input-large" value="admin2" name="name"> <br> 密 码: <input type="password" id="passwd" placeholder="密 码: " class="input-large" value="123456" name="passwd"> <br> <br> <button type="submit" class="btn btn-primary">登 录</button> <button type="reset" class="btn btn-primary">重 置</button> </form>
如果登陆失败,就在最后加一个提醒,目前只能用这个笨办法来告诉用户,你的用户名和密码错误了,上一个截图,
登陆前:
admin2是个默认值,是可以登陆的
修改用户名,让它失败,登陆失败后
登陆成功当然就直接跳转了
本文出自 “沐浴心情” 博客,请务必保留此出处http://lj3331.blog.51cto.com/5679179/1020916
相关文章推荐
- lift的初级使用
- template-web.js模板引擎的使用之初级篇
- mysql5.6初级使用方法学习第三天
- Maven安装及使用-超级图文初级篇-
- MySql初级使用指导
- [C++11]_[初级]_[shared_ptr的简单使用]
- 使用Install Shield打包应用程序的初级应用
- stm32的USART的初级使用
- [Zlib]_[初级]_[使用zlib库解压提取文件]
- vue3.0 CLI - 3.2 路由的初级使用教程
- 在Eclipse中使用JUnit4进行单元测试(初级篇)
- iOS 9 适用,使用Button实现简单的视图跳转与返回上一级。(初级)
- [项目管理]_[初级]_[SVN命令行使用说明][未完继续]
- 在Eclipse中使用JUnit4进行单元测试(初级篇)
- [C/C++11]_[初级]_[使用std::tuple元组-固定大小的集合]
- 企业库5.0——缓存使用说明(及初级错误解决)
- oracle-初级使用(表操作)
- Android初级学习之Intent的简单使用
- Git初级使用教程
- Dialog的初级使用