Web开发学习之路--Springmvc+Hibernate之初体验

    本来想继续学习android的，可是用到了android和服务器交互，需要实现个login的功能，苦于没有这么个环境，那就只能自己来搭建了。既然已经基本上可以玩web了，那么接下来使用web开源的框架了，spring-mvc相信很多人都听说过，我也是听说了，所以想玩一下，首先下载相关的一些包啊之类的，这个是最新的http://repo.spring.io/libs-release-local/org/springframework/spring/4.2.3.RELEASE/。https://github.com/spring-projects/spring-framework/releases，这里用spring mvc的4.2。

    先新建一个工程吧，具体怎么建就参考上一篇文章了。因为后面需要用到login的功能，所以就直接使用了sping mvc的框架，新建工程名为EMLazyChatServer，把下载好后的spring mvc的jar包拷贝到lib目录下，因为这里还依赖两个库，害我整死了，从tomcat7搞到tomcat8，又把eclipse重新更新到java ee的，心好累，不过终于可以搞出来了，也不枉纠结了这么久。好了，这里我主要用到的库如下：

    接着配置web.xml，如下：

    1、这里先通过encodingFilter把格式转化为utf-8的格式，防止乱码；
    2、接着注册listener，监听spring上下文容器；
    3、通过contextConfigLocation，加载spring的xml配置文件到spring上下文容器中；
    4、配置
spring mvc的Dispatcherservlet，初始化参数加载spring-mvc.xml到spring上下文容器中，通过mapping拦截所有的url；
    接着实现spring-context.xml文件，这个文件暂时很简单，主要是一些声明之类：


    然后是spring-mvc.xml文件了：



    1、这里先通过component-scan扫描指定的包，这里我的包是com.jared.emlazychat；
    2、配置spring mvc的视图渲染器，其前缀为/WEB-INF/view，后缀为.jsp。
    基本上配置好了，这里就开始为com.jared.emlazychat包创建一个Hello类，代码如下：

package com.jared.emlazychat;

import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import org.springframework.stereotype.Controller;  
import org.springframework.ui.ModelMap;  
import org.springframework.web.bind.annotation.PathVariable;  
import org.springframework.web.bind.annotation.RequestMapping;  
import org.springframework.web.bind.annotation.RequestMethod;  
import org.springframework.web.servlet.ModelAndView;

@Controller
public class Hello {
	public Hello() {}  
    @RequestMapping(value = "/login/{user}", method = RequestMethod.GET)  
    public ModelAndView myMethod(HttpServletRequest request,HttpServletResponse response,   
            @PathVariable("user") String user, ModelMap modelMap) throws Exception {  
        modelMap.put("loginUser", user);  
        return new ModelAndView("/login/hello", modelMap);  
    }  
    
    @RequestMapping(value = "/welcome", method = RequestMethod.GET)  
    public String registPost() {  
        return "/welcome";  
    } 
    
    @RequestMapping("index")  
    public ModelAndView index(){  
        //创建模型跟视图，用于渲染页面。并且指定要返回的页面为home页面  
        ModelAndView mav = new ModelAndView("welcome");  
        return mav;  
    }  
}


    这个通过@Controller表示是Controller，然后通过RequestMapping来表示，其中可以指定value和method方法，通过ModelAndView来返回。接着在WEB-INF下创建view目录，并且在里面生产代码welcome.jsp，代码如下：



    这里就输出一句简答的话，接着在view目录下创建login目录，并且创建hello.jsp，代码如下：


    接着我们来运行测试下效果：

    在浏览器中，输入http://localhost:8080/EMLazyChatServer/welcome，或者http://localhost:8080/EMLazyChatServer/index效果如下：
 
       
    在浏览器中，输入http://localhost:8080/EMLazyChatServer/login/eastmoon，效果如下：


    

    好了，基本上的spring mvc就搭建好了。接下去简单地实现post的功能，并可以和手机交互了。先简单地实现下post的功能吧。
    这里用了json数据返回，因为后面会用到数据库，所以hibernate和gson。看下代码中用到的jar包吧：


    接着我们新建LoginControl，代码如下：

package com.jared.emlazychat;

import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

import com.jared.emlazychat.User;
import com.jared.emlazychat.UserService;
import com.jared.emlazychat.ClientAccount;

import org.omg.PortableInterceptor.SYSTEM_EXCEPTION;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.google.gson.Gson;

@Controller
public class LoginControl {
	private final static int	LOGIN_PASSWORD_ERROR	= 100;
	private final static int	LOGIN_ACCOUNT_MISS		= 101;

	private final static int	REGISTER_ACCOUNT_EXIST	= 150;
	
	UserService					userService;
    
    @RequestMapping(value = "/login", produces = "text/html;charset=UTF-8")
	@ResponseBody
	public String login(String account, String password) {
		Map<String, Object> map = new HashMap<String, Object>();
	    System.out.println("login:"+account+":"+password);
		//if (account == null || password == null) {

		if (account == null || password == null 
				|| (!account.equals("test")) || (!password.equals("123"))) {
			map.put("flag", false);
			map.put("errorCode", LOGIN_ACCOUNT_MISS);
			map.put("errorString", "用户不存在");
		} else {
			User user = new User();
			user.setAccount(account);
			user.setArea("hangzhou");
		    user.setName("eastmoon");
		    user.setSex(0);
			user.setToken(UUID.randomUUID().toString());			
			map.put("flag", true);
			map.put("data", ClientAccount.toAccount(user));
			/*
			User user = userService.findUserByAccount(account);
			if (user == null) {
				map.put("flag", false);
				map.put("errorCode", LOGIN_ACCOUNT_MISS);
				map.put("errorString", "用户不存在");
			} else {
				if (password.equals(user.getPassword())) {
					user.setToken(UUID.randomUUID().toString());
					userService.updateToken(user);

					user = userService.findUserByAccount(account);
					
					map.put("flag", true);
					map.put("data", ClientAccount.toAccount(user));
				} else {
					map.put("flag", false);
					map.put("errorCode", LOGIN_PASSWORD_ERROR);
					map.put("errorString", "用户密码错误");
				}
			}
			*/
		}
		return new Gson().toJson(map);
	}
	
}





    这里和数据库交互的类还没有完全完成，后续再慢慢完成，这里主要是客户端通过post到login，然后返回指定的数据给app。这里用到了其他的几个类，User类：

package com.jared.emlazychat;

import java.sql.Timestamp;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.Table;

import org.hibernate.annotations.GenericGenerator;

@Entity
@Table(name = "t_user")
public class User {

	@Id
	@GenericGenerator(	name = "generator",
						strategy = "uuid")
	@GeneratedValue(generator = "generator")
	@Column
	private String		id;

	@Column
	private String		account;

	@Column
	private String		name;

	@Column
	private String		phone;

	@Column
	private String		icon;

	@Column
	private String		password;

	@Column(nullable = false,
			columnDefinition = "int default 0")
	private int			state;			// 0 : 离线	1: 在线

	@Column(nullable = true)
	private Long		session;		// session 编号

	@Column
	private Timestamp	createTime;

	@Column
	private Timestamp	lastLoginTime;

	@Column
	private String		sign;			//个性签名

	@Column
	private String		area;			//地区

	@Column
	private Integer		sex;			//性别：0:未设置 1:女 2:男 3:其他

	@Column
	private String		qrPath;		//二维码存储路径

	@Column
	private String		token;

	public String getToken() {
		return token;
	}

	public void setToken(String token) {
		this.token = token;
	}

	public String getSign() {
		return sign;
	}

	public void setSign(String sign) {
		this.sign = sign;
	}

	public String getArea() {
		return area;
	}

	public void setArea(String area) {
		this.area = area;
	}

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getAccount() {
		return account;
	}

	public void setAccount(String account) {
		this.account = account;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getPhone() {
		return phone;
	}

	public void setPhone(String phone) {
		this.phone = phone;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	public int getState() {
		return state;
	}

	public void setState(int state) {
		this.state = state;
	}

	public Long getSession() {
		return session;
	}

	public void setSession(Long session) {
		this.session = session;
	}

	public Timestamp getCreateTime() {
		return createTime;
	}

	public void setCreateTime(Timestamp createTime) {
		this.createTime = createTime;
	}

	public Timestamp getLastLoginTime() {
		return lastLoginTime;
	}

	public void setLastLoginTime(Timestamp lastLoginTime) {
		this.lastLoginTime = lastLoginTime;
	}

	public Integer getSex() {
		return sex;
	}

	public void setSex(Integer sex) {
		this.sex = sex;
	}

	public String getQrPath() {
		return qrPath;
	}

	public void setQrPath(String qrPath) {
		this.qrPath = qrPath;
	}

	public String getIcon() {
		return icon;
	}

	public void setIcon(String icon) {
		this.icon = icon;
	}

	@Override
	public String toString() {
		return "User [ + phone
				+ ", icon=" + icon + ", password=" + password + ", state=" + state + ", session="
				+ session + ", createTime=" + createTime + ", lastLoginTime=" + lastLoginTime
				+ ", sign=" + sign + ", area=" + area + ", sex=" + sex + ", qrPath=" + qrPath
				+ ", token=" + token + "]";
	}

}


    UserServer接口：


package com.jared.emlazychat;

public interface UserService {

	boolean isExist(String account);

	User addUser(String account, String password);

	User findUserByAccount(String account);

	void updateToken(User user);
}

    ClientAccount类：


package com.jared.emlazychat;

import com.jared.emlazychat.User;

public class ClientAccount {

	private String	account;	// 账号
	private String	name;		// 用户名
	private Integer	sex;		// 性别
	private String	icon;		// 用户图像
	private String	sign;		// 用户个性签名
	private String	area;		// 用户所在区域
	private String	token;		// 用户与服务器交互的唯一标

	public String getAccount() {
		return account;
	}

	public void setAccount(String account) {
		this.account = account;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getIcon() {
		return icon;
	}

	public void setIcon(String icon) {
		this.icon = icon;
	}

	public String getSign() {
		return sign;
	}

	public void setSign(String sign) {
		this.sign = sign;
	}

	public String getArea() {
		return area;
	}

	public void setArea(String area) {
		this.area = area;
	}

	public String getToken() {
		return token;
	}

	public void setToken(String token) {
		this.token = token;
	}

	public Integer getSex() {
		return sex;
	}

	public void setSex(Integer sex) {
		this.sex = sex;
	}

	public static ClientAccount toAccount(User user) {
		ClientAccount account = new ClientAccount();
		account.account = user.getAccount();
		account.area = user.getArea();
		account.icon = user.getIcon();
		account.name = user.getName();
		account.sex = user.getSex();
		account.sign = user.getSign();
		account.token = user.getToken();
		return account;
	}

}


    基本上OK了，接着测试了，首先通过简单的网页来访问吧，输入：http://127.0.0.1:8080/EMLazyChatServer/login

    返回效果如下：
    
    利用手机app也可以得到联调了，具体可以参考github的项目：


其中android app：https://github.com/imchenjianneng/emLazyChat

服务端代码：    https://github.com/imchenjianneng/EMLazyChatServer
    接下去就是把和数据库交互的搞搞，androd app端就可以和服务器交互，之后的聊天socket也可以搞起来了。