使用spring+ibatis+jquerymobile做的一个简单的用户登录

sql代码:<select id="getVaildateUser" resultClass="AppUser" parameterClass="AppUser">
       SELECT
        * from omcm_user
      WHERE UserName=#username#
      <dynamic>
       <isNotEmpty property="password">AND Password =#password# </isNotEmpty>    
      </dynamic>
    </select>

dao层:public boolean loginform(AppUser user);

daoImpl层:

public boolean loginform(AppUser user) {
  try {
   AppUser users = (AppUser) getSqlMapClientTemplate().queryForObject("getVaildateUser",user);
   return users==null?false:true;
  } catch (DataAccessException e) {
   e.printStackTrace();
  }return false;
 }

server层: public boolean loginform(AppUser user);

serverImpl层:

public boolean loginform(AppUser user) {
  return systemDao.loginform(user);
 }

control层:

public void loginIndex(HttpServletRequest request,
   HttpServletResponse response, AppUser user) {
  Map<String, Boolean> map=new HashMap<String, Boolean>();
  boolean resu=systemService.loginform(user);
  map.put("msg", resu);
  Util.writeUtf8Text(response, JsonUtil.objectjson(map));
 }

页面代码:

<script type="text/javascript">
 $(document).ready(function() { 
        $("input[id]").bind("focus",function () {  
         if($(this).attr("id")=='username'||$(this).attr("id")=='password') 
          $(this).attr("value","");  
          });  
          $("#submit").bind("click", function() { 
               if (valid()) {
                $.ajax({ 
                 type: "POST", 
                  url: "http://localhost:8080/OmcmWap/system.do?event=loginIndex", 
                  data: $("#loginform").serialize(),
                  success : function(data) {
          if (data=='{"msg":true}') {
           alert("登录成功!");
            $.mobile.changePage("content/first.html","slidedown", true, true);
          } else {
           alert("登录失败!");
              $.mobile.changePage("content/loginfail.html","slidedown", true, true); 
          }
         },
         error : function(data) {
          alert("出错了,请联系管理员!");
         }
                  });  
                } 
             }) 
          }); 
         function valid(){ 
            if($("#username").attr("value")==''||$("#password").attr("value")=='') 
            { 
                $.mobile.changePage("content/loginfail.html","slidedown", true, true); 
                return false;            
            } 
            return true; 
       }; 
</script>
<style type="text/css">
 p {
  font-size: 1.5em;
  font-weight: bold;
 }
 #submit{
  float:right; margin:10px;
 }
 #toregister{
  float:right; margin:10px;
 }
 #toregist{
  float:left; margin:10px;
 }
 </style>

</head>
<body>
<section id="page1" data-role="page">
  <header data-role="header" data-theme="b">
  <h1>用户登录</h1>
  </header>
  <div data-role="content" class="content">
  <form method="post" id="loginform">
  <input type="text" id="username" name="username" value="用户名"/><br>
  <input type="password" name="password" id="password" value="密码输入提示"/>
  <a href="#" data-role="button" id="toregister">注册</a>
  <a href="#" data-role="button" id="submit" data-theme="b">登录</a>
  </form>
  </div>
  <footer data-role="footer"><h1>
  版权所有中国移动
  </h1></footer>
</section>
</body>

posted on 2013-07-03 16:00  火玉  阅读(505)  评论(0编辑  收藏  举报