ssm-03-spring-mvc-02-simple-login

尝试使用spring mvc来实现简单的登录功能，pom依赖这里不一一列出来。

搭建Hello World.jsp：

1. 新建maven工程：

一直点击下一步就行，此后功能文件夹结构只有一个webapp文件夹。
2. 配置smart tomcat：

要注意配置时，部署目录是项目所在的webapp目录。
3. 运行空项目，验证tomcat配置：
在浏览器中输入：http://localhost:8080/index.jsp，成功呈现下图结果：

搭建Hello World controller：

1. 创建java、resources和test目录并分别标记为Sources、Resources、Tests：

2. resources目录下创建Spring配置文件：applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
        
    
    
    
    
    
    

3. java目录下新建Controller：

package com.zx.demo;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
//@Controller配置声明的组件会被Spring自动装配
@Controller
public class TestController {
    //@RequestMapping注解对应：RequestMappingHandlerMapping
    @RequestMapping("/hello")
    //@ResponseBody注解表示可以直接向前端返回java对象
    @ResponseBody
    public String test() {
        //返回字符串
        return "Hello world test.";
    }
}

4. 部署并运行tomcat，浏览器中输入：http://localhost:8080/hello，成功后展示如下：

接入Mysql和Mybatis

1. 创建数据表并插入一条测试数据：

2. 编写mapper
UserMapper.java:

package com.zx.demo.dao;
import org.apache.ibatis.annotations.Param;
import java.util.Map;
public interface UserMapper {
    Map login(@Param("loginName") String loginName, @Param("loginPwd") String loginPwd);
}

UserMapper.xml:

<?xml version="1.0" encoding="UTF-8" ?>
        

    
        SELECT * FROM `user` WHERE login_name = #{loginName} AND login_pwd = #{loginPwd} LIMIT 1;
    

3. 配置数据源和Mybatis
4. 编写service和实现类
UserService.java:

package com.zx.demo.service;
import java.util.Map;
public interface UserService {
    Map login(String loginName, String loginPwd);
}

UserService.java:

package com.zx.demo.service;
import com.zx.demo.dao.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.Map;
@Service
public class UserServiceImpl implements UserService {
    @Autowired
    UserMapper userMapper;
    @Override
    public Map login(String loginName, String loginPwd) {
        return userMapper.login(loginName, loginPwd);
    }
}

5. 编写controller
UserController.java

package com.zx.demo.controller;
import com.zx.demo.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import java.util.Map;
@RestController
public class UserController {
    @Autowired
    UserService userService;
    @RequestMapping("/login")
    public String login(@RequestParam("loginName") String loginName, @RequestParam("password") String loginPwd) {
        System.out.println("loginName:" + loginName + "\tloginPwd:" + loginPwd);
        Map user = userService.login(loginName, loginPwd);
        if (user != null) {
            return user.get("id").toString();
        } else {
            return "-1";
        }
    }
}

6. 部署并运行tomcat，浏览器中输入：http://localhost:8080/simple-login/login?loginName=test&password=123456，成功后展示如下：
部署前，将项目Context Path设置为simple-login

加入简单的前端页面

1. 编写简单登录页
login.html

    
    
    
    


登录
登录名：


密    码：


登录

2. 编写简单主页
homepage.html

    
    


主页

3. Spring配置文件中，加上静态资源servlet配置
完整Spring配置：

<?xml version="1.0" encoding="UTF-8"?>
        
    
    
    
    
    
    
    
    
    
    
        
        
        
        
    
    
    
        
        
    
    
    
        
        
    

4. 部署并运行tomcat，浏览器中输入：http://localhost:8080/simple-login/login.html，成功后展示如下：

输入错误的用户名和密码-页面会提示登录失败：

输入正确的用户名和密码-页面会跳转到主页：