详解intellij idea搭建SSM框架(spring+maven+mybatis+mysql+junit)(下)
在上一篇 (详解 intellij idea 搭建 SSM 框架 (spring+maven+mybatis+mysql+junit)(上))博文中已经介绍了关于 SSM 框架的各种基础配置，( 对于 SSM 配置不熟悉的朋友，可以先看看上一篇博文) 那么本篇博文介绍介绍 springmvc 前后台的交互。
v简单页面跳转
我们首先修改 index.jsp 文件，实现一个页面跳转。
在 views 文件夹下面建一个 jsp 文件，就是上面所需要跳转的页面。
对应的实现页面跳转，完善这个功能，增加映射，可以处理对跳转中的/message/go作出响应，在 controller 包里面新建 java 文件，格式：Controller.java，以示他是用来控制请求的，这里新建文件messageController.java
注意在开头加一个 "@Controller"，@Controller 标识一个 Spring 类是 Spring MVC controller 处理器, 也就是加了 @Controller，这个文件就会被 spring 认为是处理请求的
接着开始写函数，@RequestMapping() 里面写链接，@RequestMapping() 注解可以在控制器类的级别和 / 或其中的方法的级别上使用。
注意函数名称可以随便起，重要的是需要对应的 url 映射和返回的文件 。点击运行启动项目。效果如下图：
点击 "我要跳转了...", 跳转至新建的 jsp 页面。OK，跳转页面的小目标就此实现。
v综合页面跳转
需求：在页面上输入一个用户名，然后根据这个用户名跳转到这个用户的详情页。
改造 index.jsp, 增加可以输入用户名的框框。
添加控制的跳转函数,
@PathVariable可以将 URL 中占位符参数绑定到控制器处理方法的入参中:URL 中的 {xxx} 占位符可以通过，@PathVariable("xxx") 绑定到操作方法的入参中。
新建用户详情页
点击运行, 实现效果如下:
vform 表单
1、GET 请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的 select 操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。
2、与 GET 不同的是，PUT 请求是向服务器端发送数据的，从而改变信息，该请求就像数据库的 update 操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次 PUT 操作，其结果并没有不同。
3、POST 请求同 PUT 请求类似，都是向服务器端发送数据的，但是该请求会改变数据的种类等资源，就像数据库的 insert 操作一样，会创建新的内容。几乎目前所有的提交操作都是用 POST 请求的。
4、DELETE 请求顾名思义，就是用来删除某一个资源的，该请求就像数据库的 delete 操作。
在实际操作的时候，就 get 和 post 两种用的比较多。这里主要介绍 get 和 post
GET
1. 改造 index.jsp, 添加 get 方式的 form 表单
2. 添加处理 get 请求的函数
3. 根据 get 请求最终展示数据的报表页
4. 点击运行，效果如下：
输入开始和结束时间，点击查找报表
POST
1. 改造 index.jsp, 添加 post 方式的 form 表单
2. 添加处理 post 请求的函数
3. 根据 post 请求最终展示数据的报表页
报表页共用 GET 方式的报表页。
4. 点击运行，效果如下：
输入开始和结束时间，点击查找报表
v注册登录
大部分网站都绕不开登录和注册，那就来讲讲 springmvc 登录注册的简单实现。
首先创建一个用户表
再用 mybatis-generator 自动生成的实体类，UserInfo
添加 service 层
UserinfoService
package com.springmvc.service;import com.springmvc.entity.Userinfo;
import java.util.ArrayList;
/**
Created by toutou on 2018/5/27.
*/
public interface UserinfoService {
int insert(Userinfo record);ArrayList<Userinfo> selectSelective(Userinfo record);
}
UserinfoServiceImpl
出于用户账号安全的考虑，一般用户密码都需要进行加密，这样只有用户自己知道自己的密码，采用 MD5 加密，附上方法。(简单的加密网上一搜一大堆，我这也是网上搜的)
package com.springmvc.util;import java.security.MessageDigest;
/**
Created by toutou on 2018/5/27.
*/
public class Encryption {
// MD5 加码。32 位
public static String MD5(String inStr) {
MessageDigest md5 = null;
try {
md5 = MessageDigest.getInstance("MD5");
} catch (Exception e) {
System.out.println(e.toString());
e.printStackTrace();
return "";
}
char[] charArray = inStr.toCharArray();
byte[] byteArray = new byte[charArray.length];</span><span style="color: rgba(0, 0, 255, 1)">for</span> (<span style="color: rgba(0, 0, 255, 1)">int</span> i = 0; i < charArray.length; i++<span style="color: rgba(0, 0, 0, 1)">) byteArray[i] </span>= (<span style="color: rgba(0, 0, 255, 1)">byte</span><span style="color: rgba(0, 0, 0, 1)">) charArray[i]; </span><span style="color: rgba(0, 0, 255, 1)">byte</span>[] md5Bytes =<span style="color: rgba(0, 0, 0, 1)"> md5.digest(byteArray); StringBuffer hexValue </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> StringBuffer(); </span><span style="color: rgba(0, 0, 255, 1)">for</span> (<span style="color: rgba(0, 0, 255, 1)">int</span> i = 0; i < md5Bytes.length; i++<span style="color: rgba(0, 0, 0, 1)">) { </span><span style="color: rgba(0, 0, 255, 1)">int</span> val = ((<span style="color: rgba(0, 0, 255, 1)">int</span>) md5Bytes[i]) & 0xff<span style="color: rgba(0, 0, 0, 1)">; </span><span style="color: rgba(0, 0, 255, 1)">if</span> (val < 16<span style="color: rgba(0, 0, 0, 1)">) hexValue.append(</span>"0"<span style="color: rgba(0, 0, 0, 1)">); hexValue.append(Integer.toHexString(val)); } </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> hexValue.toString();}
// 可逆的加密算法
public static String KL(String inStr) {
// String s = new String(inStr);
char[] a = inStr.toCharArray();
for (int i = 0; i < a.length; i++) {
a[i] = (char)(a[i] ^ 't');
}
String s = new String(a);
return s;
}// 加密后解密
public static String JM(String inStr) {
char[] a = inStr.toCharArray();
for (int i = 0; i < a.length; i++) {
a[i] = (char)(a[i] ^ 't');
}
String k = new String(a);
return k;
}/// 测试主函数
public static void main(String args[]) {
String s = new String("123123");
System.out.println("原始：" + s);
System.out.println("MD5 后：" + MD5(s));
System.out.println("MD5 后再加密：" + KL(MD5(s)));
System.out.println("解密为 MD5 后的：" + JM(KL(MD5(s))));
}//**
创建指定数量的随机字符串
@param numberFlag
是否是数字@param length
@return
*/
public static String generateQC(boolean numberFlag, int length) {
String retStr = "";
String strTable = numberFlag ? "1234567890"
: "1234567890abcdefghijkmnpqrstuvwxyz";
int len = strTable.length();
boolean bDone = true;
do {
retStr = "";
int count = 0;
for (int i = 0; i < length; i++) {
double dblR = Math.random() * len;
int intR = (int)Math.floor(dblR);
char c = strTable.charAt(intR);
if (('0' <= c) && (c <= '9')) {
count++;
}
retStr += strTable.charAt(intR);
}
if (count >= 2) {
bDone = false;
}
} while (bDone);return retStr;
}
}
注册
添加 userController 注册函数
添加注册页面 register.jsp
登录
添加 userController 登录函数
package com.springmvc.controller;import com.springmvc.entity.Userinfo;
import com.springmvc.service.UserinfoService;
import com.springmvc.util.Encryption;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;import javax.servlet.http.HttpSession;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;/**
Created by toutou on 2018/5/27.
*/
@Controller
public class userController {
@Autowired
private UserinfoService userService;@RequestMapping(value="/user/login", method = RequestMethod.GET)
public String login() {
return "login";
}@RequestMapping(value = "/user/login", method = RequestMethod.POST)
public String loginValidate(HttpSession session, Model model, @ModelAttribute Userinfo user) {
List<Userinfo> list = new ArrayList<Userinfo>();
Userinfo record = new Userinfo();
record.setName(user.getName());
list = userService.selectSelective(record);
if (list.size() == 0) {
model.addAttribute("status", 1);
} else {
record.setPw(Encryption.MD5(user.getPw()));
list = userService.selectSelective(record);
if (list.size() == 0) {
model.addAttribute("status", 2);
}
record = list.get(0);
session.setAttribute("userinfo", record);
model.addAttribute("status", 0);
}</span><span style="color: rgba(0, 0, 255, 1)">return</span> "login"<span style="color: rgba(0, 0, 0, 1)">;}
}
添加登录页面 login.jsp
<%-- Created by IntelliJ IDEA. User: toutou Date: 2018/5/27 Time: 16:07 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录页面</title> </head> <body> <div> <form id="zc" action="/user/login" method="post"> 用户名：<input type="text" required id="name" name="name"><br> 密码：<input type="password" required id="pw" name="pw"><br> <input type="submit" value="登录"> <input type="button" value="注册" onclick="location.href='/user/register'"> </form> </div> </body> <script><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 128, 0, 1)">//</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 128, 0, 1)">对应后台返回的提示</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">if</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)"> (</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">${status}</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">!=</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">''</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) { </span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">if</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)"> (</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">${status}</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">==</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">0</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) { alert(</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">登录成功,即将跳转至用户详情页！</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) location.href </span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">=</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">/user/userInfo</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)"> }</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">else</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">if</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)"> (</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">${status}</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">==</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">1</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) { alert(</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">该账户不存在！</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">); } </span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">else</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 255, 1)">if</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)"> (</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">${status}</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">==</span> <span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">2</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) { alert(</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">密码错误！</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">'</span><span style="background-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">) } }</script>
</html>
添加 userControlle 个人中心函数
@RequestMapping(value="/user/userInfo", method = RequestMethod.GET) public String userInfo(Model model, HttpSession session) { Userinfo user = (Userinfo) session.getAttribute("userinfo"); if(user != null){ model.addAttribute("user", user);}</span><span style="color: rgba(0, 0, 255, 1)">return</span> "userInfo"<span style="color: rgba(0, 0, 0, 1)">; }</span></pre>
添加个人中心页面 userInfo.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%-- Created by IntelliJ IDEA. User: toutou Date: 2018/5/27 Time: 22:09 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>个人中心</title> </head> <body> <div> <c:if test="${not empty user}"> <div>欢迎您，${user.name}${user.sex?'女士':'先生'} <a href="/user/logout">注销</a></div></div> </c:if> <c:if test="${empty user}"> 对不起，请先<a href="/user/login">登录</a> </c:if> </div> </body> </html>
注销
@RequestMapping(value = "/user/logout", method = RequestMethod.GET) public String logout(HttpSession session) {session.invalidate(); //session.removeAttribute("user"); return "login"; }
v源码地址
https://github.com/toutouge/javademosecond/tree/master/hellobeijing
v博客总结
关于《详解 intellij idea 搭建 SSM 框架》共分为上下两集，大概就介绍这么多了，每个功能 (操作) 都是尽量介绍到最细节，如有遗漏欢迎补充。
作 者：请叫我头头哥
出 处：http://www.cnblogs.com/toutou/
关于作者：专注于基础平台的项目开发。如有问题或建议，请多多赐教！
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
特此声明：所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误，共同进步。或者直接私信我
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力！