zoukankan      html  css  js  c++  java
  • ssm+ajax实现登陆

    ssm的搭建见上一章

    1.数据协议层

    public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password);
    

    2.服务协议层

     User login(String loginname,String password);
    

    3.服务层

    @Autowired
    private UserDao userDao;
    public User login(String loginname, String password) {
            return userDao.selectByLoginnameAndPassword(loginname, password);
    	}
    

    4.数据实现层(mybatis)

    <mapper namespace="com.yongxing.manager.dao.UserDao">
    <select id="selectByLoginnameAndPassword" resultType="com.yongxing.manager.domain.User" > select * from user_inf where loginname=#{loginname} and password=#{password} </select>

    5.控制层

    @Controller
    public class UserController {
    	@Autowired
    	private UserService userServcie;
    	@RequestMapping("/checklogin")
    	@ResponseBody
       public User checklogin( String loginname,String paasword,HttpSession session){
    		System.out.println(loginname);
    		User user =userServcie.login(loginname, paasword);
    		if(user!=null) {
    			session.setAttribute("user_session", user);
    			return user;
    		}else {
    			return null;
    		}				
    }
    

    后台搭建结束

    6.前台搭建

    <form>
     <input name="loginname" type="text"  id="loginname"/ >
     <input name="password" type="password" id="password"/>
     <input value="登录" style=" 100%;" type="button" onclick="requestJson()" >
    </form>
    

    ajax异步登陆

    <script type="text/javascript">
    function requestJson(){
    	    var name =$("#loginname").val();//#是id选择器
                var pwd =$("#password").val();
                if(name==""){
                    alert("用户名不能为空!");
                    return false;
                }
                else if(pwd==" "){
                    alert("密码不能为空!");
                    return false;
                }
                else
                {
                $.ajax({
                    type:'post',
                    url:'checklogin',
                    dataType:"json",//注意使用的是打他dataType,而不是Content-Type
                    async: true,
                    data:{loginname:name,paasword:pwd},
                    success:function(data){
                       if(data==null){
                           alert("没有这个用户!")
                       }
                       else{
                           alert("登录成功")
                           window.location.href ="main";
                       }
                    }
                });
               }
           }
       </script>
    

      

     

  • 相关阅读:
    kettle excel input 利用通配符一次读入多份文件
    PowerDesigner Name、Code 映射设置
    PowerDesigner 建立约束
    PowerDesigner 创建概念模型、转换显示风格、概念模型转逻辑模型
    SQL 语言分类
    PowerDesigner 使用域、逻辑模型转物理模型、查看DDL语句
    DB、ETL、DW、OLAP、DM、BI关系结构图
    读懂BI商业智能与大数据应用的区别
    java 生成excel
    IntelliJ IDEA 2016 2.5 安装 并使用其新建一个maven web项目部署发布
  • 原文地址:https://www.cnblogs.com/cainame/p/10330486.html
Copyright © 2011-2022 走看看