1，新建maven项目，项目名起为：MavenSpringMVC。
具体步骤参见我的上一篇博客：在eclipse下使用Maven创建Struts2项目样例
2，配置pom.xml文件，引入依赖包（当然，我也不是一开始就知道需要引入哪些包的，我一开始也只是引入了Spring的核心包，后面发现缺包了就再补上）

4.0.0 com.yutao MavenSpringMVC war 0.0.1-SNAPSHOT MavenSpringMVC Maven Webapp http://maven.apache.org junit junit 3.8.1 test org.springframework spring-core 4.2.6.RELEASE org.springframework spring-context 4.2.6.RELEASE org.springframework spring-aop 4.2.6.RELEASE org.springframework spring-webmvc 4.2.6.RELEASE javax.servlet jstl 1.2 MavenSpringMVC

3，规划一下我们的项目的访问路径及项目流程结构。
按照前人的建议，jsp、js等文件放在WEB-INF下是较为安全的、不能被外部直接访问的，因此这里采用这种建议，具体组织结构见下图：

文章图片

这样组织目录结构之后，我们来考虑下项目的访问流程：
由于我们上面的目录结构限制了访问项目时是不能直接访问jsp文件的，因此我们所有的页面跳转都要通过controller实现。
首先输入localhost/MavenSpringMVC应该通过controller跳转访问到用户端首页(client/index.jsp)，在该页面上点击“登录”按钮后通过controller跳转到用户登录页面(client/login.jsp)，在此页面输入用户名、密码，点击“登录”按钮，提交表单至后台进行登陆验证(client/login.do)，验证失败则通过controller跳转至错误展示页面(error.jsp)，验证成功则通过controller跳转至首页(client/index.jsp)并展示当前登录用户的登录状态，同时需要提供一个“退出”按钮以便退出登录，点击“退出”按钮后通过controller跳转回到首页(client/index.jsp)。至此，用户端的登录、退出功能流程走完。
然后访问localhost/MavenSpringMVC/admin应该通过controller跳转至管理端登录页面(admin/login.jsp)，输入用户名、密码，点击“登录”按钮，提交表单至后台进行验证登录(admin/login.do)，验证失败通过controller跳转至错误展示页面(error.jsp)，演出成功则通过controller跳转至(admin/index.jsp)并展示当前登录用户的登录状态，同时需要提供一个“退出”按钮以便退出登录，点击“退出”按钮后通过controller跳转至admin/index.jsp页面或者admin/login.jsp页面都行，假如跳转至admin/index.jsp页面，则同时需要在页面上提供一个“登录”按钮，点击该按钮后通过controller跳转至admin/login.jsp页面。
4，根据我们上面规划的项目结构及访问流程，我们首先需要来对项目进行配置
4.1 /MavenSpringMVC/src/main/webapp/WEB-INF/web.xml文件配置：

dispatcherServlet org.springframework.web.servlet.DispatcherServlet contextConfigLocation /WEB-INF/classes/applicationContext.xml 1 dispatcherServlet / characterEncodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true

4.2 /MavenSpringMVC/src/main/resources/applicationContext.xml文件配置

5，配置完成后，我们来开始写代码，首先写前端部分
5.1 用户端、管理端公用部分：
/MavenSpringMVC/src/main/webapp/WEB-INF/css/skin1/index.css:

@CHARSET "UTF-8"; .my-btn { height: 20px; background: #2196F3; display: inline-block; text-align: center; padding: 5px; cursor: pointer; color: gainsboro; font-weight: bold; }

/MavenSpringMVC/src/main/webapp/WEB-INF/pages/error.jsp：

操作出错：

5.2 用户端部分：
/MavenSpringMVC/src/main/webapp/WEB-INF/pages/client/index.jsp:

用户端首页
${sessionScope.loginUser.userName}你好！ 退出 登录 注册

/MavenSpringMVC/src/main/webapp/WEB-INF/js/project/client/index.js:

/** * 用户端首页js */$(function() { $("#toClientLoginBtn").click(function(){ window.location = "client.do"; //跳转至client/login.jsp }); $("#clientLogoutBtn").click(function(){ window.location = "client/logout.do"; //退出登录，跳转至client/index.jsp }); });

/MavenSpringMVC/src/main/webapp/WEB-INF/pages/client/login.jsp：

用户名：
密码：

5.3 管理端部分：
/MavenSpringMVC/src/main/webapp/WEB-INF/pages/admin/index.jsp：

管理员端首页
${sessionScope.loginUser.userName}你好！ 个人信息维护 退出 登录

/MavenSpringMVC/src/main/webapp/WEB-INF/js/project/admin/index.js：

/** * 管理端首页js */$(function() { $("#toAdminLoginBtn").click(function(){ window.location = "admin"; //退出登录，跳转至admin/login.jsp }); $("#adminLogoutBtn").click(function(){ window.location = "admin/logout.do"; //退出登录，跳转至client/index.jsp }); });

/MavenSpringMVC/src/main/webapp/WEB-INF/pages/admin/login.jsp：

管理员登录

用户名：
密码：

6，然后开始写后台代码
6.1 新建一个User类：
/MavenSpringMVC/src/main/java/com/user/bean/User.java：

package com.user.bean; public class User {private String id; private String userName; private String password; public String getId() { return id; }public void setId(String id) { this.id = id; }public String getUserName() { return userName; }public void setUserName(String userName) { this.userName = userName; }public String getPassword() { return password; }public void setPassword(String password) { this.password = password; } }

【java学习|在Eclipse下使用Maven创建SpringMVC样例项目】6.2 新建一个作为项目主入口的、控制全局跳转的controller：
/MavenSpringMVC/src/main/java/com/pub/controller/MainController.java：

package com.pub.controller; import org.springframework.stereotype.Controller; import org.springframework.web.servlet.ModelAndView; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class MainController {/** * 访问客户端主页，默认进入client/index.jsp * * @return * @throws Exception */ @RequestMapping("/") public ModelAndView toClientIndex() throws Exception { return new ModelAndView("client/index"); // 跳转至pages/client下的index.jsp }/** * 访问管理员端主页，默认进入admin/login.jsp * * @return * @throws Exception */ @RequestMapping("admin") public ModelAndView toAdminLogin() throws Exception { return new ModelAndView("admin/login"); // 跳转至pages/admin/login.jsp }/** * 访问客户端登录界面，进入client/login.jsp * * @return * @throws Exception */ @RequestMapping("client.do") public ModelAndView toClientLogin() throws Exception { return new ModelAndView("client/login"); // 跳转至pages/client/login.jsp }}

6.3 新建一个专门用于处理与User相关的逻辑的controller

package com.user.controller; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; import com.user.bean.User; @Controller public class UserController {Map model = new HashMap(); /** * 客户端登录验证，登录成功后跳转至client/index.jsp * * @param user * @param session * @return * @throws Exception */ @RequestMapping("client/login.do") public ModelAndView clientLogin(User user, HttpSession session) throws Exception { if (user == null || user.getUserName() == null || user.getPassword() == null || user.getUserName().equals("") || user.getPassword().equals("")) { model.put("msg", "用户名或者密码为空"); return new ModelAndView("error", model); } else if (!user.getUserName().equals("admin") || !user.getPassword().equals("123456")) { model.put("msg", "用户名或密码错误！"); return new ModelAndView("error", model); } else { model.put("msg", "登录成功"); session.setAttribute("loginUser", user); // 这里注意要把userId也设置到user中，以方便在前台取用 return new ModelAndView("client/index", model); // 登录成功后跳转至client/index.jsp } }/** * 客户端退出登录，退出后跳转至client/index.jsp * * @param session * @return * @throws Exception */ @RequestMapping("client/logout.do") public ModelAndView clientLogout(HttpSession session) throws Exception { User loginUser = (User) session.getAttribute("loginUser"); if (loginUser != null) { session.removeAttribute("loginUser"); } model.put("msg", "已退出登录！"); return new ModelAndView("client/index", model); // 退出后跳转至client/index.jsp }/** * 管理员端登录验证，登录成功后跳转至admin/index.jsp * * @param user * @param session * @return * @throws Exception */ @RequestMapping("admin/login.do") public ModelAndView adminLogin(User user, HttpSession session) throws Exception { if (user == null || user.getUserName() == null || user.getPassword() == null || user.getUserName().equals("") || user.getPassword().equals("")) { model.put("msg", "用户名或者密码为空"); return new ModelAndView("error", model); } else if (!user.getUserName().equals("admin") || !user.getPassword().equals("123456")) { model.put("msg", "用户名或密码错误！"); return new ModelAndView("error", model); } else { model.put("msg", "登录成功"); session.setAttribute("loginUser", user); // 这里注意要把userId也设置到user中，以方便在前台取用 return new ModelAndView("admin/index", model); } }/** * 管理端退出登录，退出后跳转至admin/index.jsp * * @param session * @return * @throws Exception */ @RequestMapping("admin/logout.do") public ModelAndView adminLogout(HttpSession session) throws Exception { User loginUser = (User) session.getAttribute("loginUser"); if (loginUser != null) { session.removeAttribute("loginUser"); } model.put("msg", "已退出登录！"); return new ModelAndView("admin/index", model); // 退出后跳转至client/index.jsp }}

7，代码编写完毕，部署到tomcat，访问测试一下，看看效果：
7.1 用户端访问
首先访问localhost/MavenSpringMVC：

文章图片

点击”登录“按钮：

文章图片

输入用户名、密码后点击”登录“：

文章图片

点击”退出“按钮：

文章图片

点击”登录“按钮：

文章图片

OK，用户端测试完毕！
7.2 管理端访问
首先访问localhost/MavenSpringMVC/admin:

文章图片

输入用户名、密码后点”登录“：

文章图片

点击”退出“按钮：

文章图片

点击”登录“按钮：

文章图片

OK，管理端也测试完毕！
8，关于跳转的配置及映射关系：
8.1 首先以localhost/MavenSpringMVC这个URL的访问为例说下：

文章图片

localhost/MavenSpringMVC这个路径会映射到哪个controller呢?这得去*Controller.java里去找，匹配@RequestMapping后面配置的路径名，这个路径当然很容易就能看出来是匹配一个”/”，即匹配到toClientIndex这个controller方法，这个方法执行完毕之后返回一个字符串”client/index”，再结合applicationContext.xml里的配置，得出实际要访问到的页面路径是prefix+”client/index”+suffix=”/WEB-INF/pages/client/index.jsp”。
8.2 再以用户端登录按钮的跳转来说下：

文章图片

在访问localhost/MavenSpringMVC后进入到client/index.jsp页面，在页面上点击“登录”按钮，该按钮绑定的事件是window.location = “client.do”，即访问client.do这个controller，在后台*Controller.java里去匹配，会发现匹配到MainController的toClientLogin这个方法，该方法返回一个字符串”client/login”，即对应为”/WEB-INF/pages/client/login.jsp”页面，于是跳转至该页面。

推荐阅读

• 

  凉拌鸡爪——促进骨骼预防高血压
• 

  写在静心手触上海课程前
• 

  2345智能浏览器怎么更改主页 2345智能浏览器主页如何更改
• 

  原来是这些原因 为什么有时候手机收不到验证码
• 

  吃荔枝上火吗？
• 

  西门子新款冰箱系列：科技与品质的好融合，让您的厨房更智能
• 

  再见2018，活出精彩2019
• 

  清明何止雨纷纷
• 

  JS|深拷贝浅拷贝的区别（如何实现一个深拷贝？）
• 

  excel2019怎么提供声音反馈
• 

  上夜班不可以吃芒果和火龙果 芒果不能和什么一起吃
• 

  如何设置新买的服务器的映射？ 新买的服务器怎么映射
• 

  图文 虞姬是自刎还是被人杀死的，揭秘虞姬死亡的真相
• 

  三国志战略版卧薪尝胆战法攻略 S级战法卧薪尝胆简评
• 

  机动车怎么审车 机动车怎么审
• 

  边 刑法关于放行偷越国境人员法定量刑档次是怎样
• 

  mongodb的坑 mongodb凉了吗
• 

  怎么蒸豆包蒸豆包的方法 如何蒸酥皮豆包，酥皮包子的做法窍门
• 

  2023年10月份重庆多雨吗
• 

  违章代码46131是什么意思

• JAVA（抽象类与接口的区别&重载与重写&内存泄漏）
• 你到家了吗
• 闲杂“细雨”
• 杜月笙的口才
• 赢在人生六项精进二阶Day3复盘
• 祖母走了
• 樱花雨
• 眼观耳听美食的日子
• 由浅入深理解AOP
• “成长”读书社群招募