lift的初级使用

现在做了一个登陆界面,初步总结了一下前后台的关系

现在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,里面有登陆判断的流程:

 

  
  
  
  
  1. object LoginForm { 
  2.  
  3.   def render(in: NodeSeq): NodeSeq = { 
  4.     var nodes=new Queue[NodeSeq] 
  5.      nodes += in 
  6.     // use a Scala for-comprehension to evaluate each parameter 
  7.     for { 
  8.       r <- S.request 
  9.       if r.post_? // make sure it's a post 
  10.       name <- S.param("name"// get the name field 
  11.       passwd <- S.param("passwd"// get the age field 
  12.     } { 
  13.       // if everything goes as expected, 
  14.       // display a notice and send the user 
  15.       // back to the home page 
  16.       S.notice("Name: " + name) 
  17.       S.notice("Age: " + passwd) 
  18.       if (User.authenticate(name, passwd) != None) 
  19.         S.redirectTo("/"
  20.       else
  21.          nodes += <div> <span class="label label-warning"> Hi,你的用户名或密码不正确 !!</span> </div> 
  22.       } 
  23.     } 
  24.  
  25.     // pass through the HTML if we don't get a post and 
  26.     // all the parameters 
  27.    <div> {nodes} </div> 
  28.   } 

form表单的内容是:

 

  
  
  
  
  1. <form class="lift:LoginForm?form=post"> 
  2.                        用户名: 
  3.                        <input type="text" id="name" placeholder="用户名:" class="input-large" value="admin2" 
  4.                               name="name"> 
  5.                        <br> 
  6.                        密 码: 
  7.                        <input type="password" id="passwd" placeholder="密 码: " class="input-large" value="123456" 
  8.                               name="passwd"> 
  9.                        <br> 
  10.                        <br> 
  11.                        <button type="submit" class="btn btn-primary">登 录</button> 
  12.  
  13.                        <button type="reset" class="btn btn-primary">重 置</button> 
  14.  
  15.                    </form> 

如果登陆失败,就在最后加一个提醒,目前只能用这个笨办法来告诉用户,你的用户名和密码错误了,上一个截图,

登陆前:

admin2是个默认值,是可以登陆的

修改用户名,让它失败,登陆失败后

登陆成功当然就直接跳转了

你可能感兴趣的:(scala,form,login,lift)