同步视频教程
1.构建项目结构
我们以用户登录功能进行演示 三层架构 + MVC架构 如何实现。
1.1.创建项目
打开 IDEA ，在前述章节 stage2 文件夹下创建文件夹 login-demo，如下图：
创建目录
目录命名 login-demo
1.2.创建 POM 文件
创建文件夹后，在 login-demo 文件夹上 右击，然后 New - File，新建一个 pom.xml 文件，文件内容如下：
4.0.0net.work100.training.stage2 login-demo 1.0.0-SNAPSHOTwar1.8${java.version}${java.version}UTF-8UTF-8javax.servlet javax.servlet-api 4.0.11.3.创建目录结构
接下来，在 login-demo 文件夹下创建如下目录结构：
目录结构含义说明
目录结构
1.4.托管 POM 文件到 Maven
将 pom.xml 托管到 Maven，操作方式如下：
POM托管到Maven
托管后，点击 刷新 重新导入所有 Maven 项目，结果如下：
Maven识别后的目录结构
1.5.创建包结构
在文件夹 src/main/java 上右击 - New - Package，包名为：net.work100.training.stage2.login.demo
然后创建我们的 三层 + MVC 包架构：
包含义说明
包结构
2.代码实现
2.1.定义实体类
在 entity 包上 右击 - New - Java Class 创建名为 User 的类。
User.java 文件代码如下：
package net.work100.training.stage2.login.demo.entity;import java.io.Serializable;/** *Title: User
*
Description: 用户表
* * @author liuxiaojun * @date 2020-02-09 10:43 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public class User implements Serializable { private String userName; private String loginId; private String loginPwd; public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } public String getLoginId() { return loginId; } public void setLoginId(String loginId) { this.loginId = loginId; } public String getLoginPwd() { return loginPwd; } public void setLoginPwd(String loginPwd) { this.loginPwd = loginPwd; } @Override public String toString() { return "User{" + "userName='" + userName + ''' + ", loginId='" + loginId + ''' + '}'; }}
2.2.实现dao层
创建 UserDao 接口
在包 dao 上右击 - New - Java Class，Kind 选择 Interface，接口命名为 UserDao
UserDao.java 代码如下：
package net.work100.training.stage2.login.demo.dao;import net.work100.training.stage2.login.demo.entity.User;/** *Title: UserDao
*
Description: 用户数据访问
* * @author liuxiaojun * @date 2020-02-09 10:49 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public interface UserDao { /** * 登录验证 * * @param loginId 登录ID * @param loginPwd 登录密码 * @return */ User login(String loginId, String loginPwd);}
接口实现 UserDaoImpl
在包dao 上右击 - New - Package，类包名称为 impl，然后在包impl上右击 - New - Java Class，新建类 UserDaoImpl
UserDaoImpl.java 文件代码如下：
package net.work100.training.stage2.login.demo.dao.impl;import net.work100.training.stage2.login.demo.dao.UserDao;import net.work100.training.stage2.login.demo.entity.User;/** *Title: UserDaoImpl
*
Description:
* * @author liuxiaojun * @date 2020-02-09 11:04 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public class UserDaoImpl implements UserDao { @Override public User login(String loginId, String loginPwd) { // 根据 loginId 查询出用户信息 User user = getUserByLoginId(loginId); if (user!=null) { // 验证 loginPwd 是否正确(区分大小写) if(user.getLoginPwd().equals(loginPwd)){ return user; } } return null; } private User getUserByLoginId(String loginId){ // 模拟 DB 存在的用户数据 User dbUser = new User(); dbUser.setUserName("Xiaojun"); dbUser.setLoginId("admin"); dbUser.setLoginPwd("admin"); // 判断是否存在 loginId 的用户(忽略大小写) if(dbUser.getLoginId().equalsIgnoreCase(loginId)){ return dbUser; } return null; }}
2.3.实现service层
创建 UserService 接口
在包 service 上右击 - New - Java Class，Kind 选择 Interface，接口命名为 UserService
UserService.java 代码如下：
package net.work100.training.stage2.login.demo.service;/** *Title: UserService
*
Description:
* * @author liuxiaojun * @date 2020-02-09 11:20 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public interface UserService { /** * 登录验证 * * @param loginId 登录ID * @param loginPwd 登录密码 * @return */ boolean login(String loginId, String loginPwd);}
接口实现 UserServiceImpl
在包 service 上右击 - New - Package，类包名称为 impl，然后在包impl上右击 - New - Java Class，新建类 UserServiceImpl
UserServiceImpl.java 文件代码如下：
package net.work100.training.stage2.login.demo.service.impl;import net.work100.training.stage2.login.demo.dao.UserDao;import net.work100.training.stage2.login.demo.dao.impl.UserDaoImpl;import net.work100.training.stage2.login.demo.service.UserService;/** *Title: UserServiceImpl
*
Description:
* * @author liuxiaojun * @date 2020-02-09 11:22 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public class UserServiceImpl implements UserService { // 数据访问层的具体实现 private UserDao userDao = new UserDaoImpl(); @Override public boolean login(String loginId, String loginPwd) { return userDao.login(loginId, loginPwd) != null; }}
2.4.实现Web控制器
在包 web.controller 上右击 - New - Java Class，新建一个 LoginController 控制器。
LoginController.java 代码如下：
package net.work100.training.stage2.login.demo.web.controller;import net.work100.training.stage2.login.demo.service.UserService;import net.work100.training.stage2.login.demo.service.impl.UserServiceImpl;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;/** *Title: LoginController
*
Description: 登录控制器
* * @author liuxiaojun * @date 2020-02-09 11:36 * ------------------- History ------------------- * * 2020-02-09 liuxiaojun 初始创建 * ----------------------------------------------- */public class LoginController extends HttpServlet { private UserService userService = new UserServiceImpl(); @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String loginId = req.getParameter("loginId"); String loginPwd = req.getParameter("loginPwd"); boolean success = userService.login(loginId, loginPwd); // 登录失败 if (!success) { req.getRequestDispatcher("/fail.jsp").forward(req, resp); } // 登录成功 else { req.getRequestDispatcher("/success.jsp").forward(req, resp); } }}
因 LoginController 需要扩展继承 HttpServlet，所以我们需要在 pom.xml 文件中引入依赖的类包 javax.servlet-api
3.网站实现
3.1.构建网站目录结构
目录结构解释
目录结构
3.2.网站配置文件
WEB-INF/web.xml 配置文件代码如下：
<?xml version="1.0" encoding="UTF-8"?>login-demoLoginControllernet.work100.training.stage2.login.demo.web.controller.LoginControllerLoginController/login3.3.登录页
index.jsp 文件代码如下：
登录3.4.登录成功页
success.jsp 文件代码如下：
成功登录成功3.5.登录失败页
fail.jsp 文件代码如下：
失败登录失败4.测试运行
4.1.配置Tomcat
打开 Run/Debug Configurations，点击 + - Tomcat Server - Local ，然后点击 OK 确认
添加 Tomcat Server
为 Tomcat-Server 命名 login-demo，选择安装好的 Application Server：
添加 Tomcat Server
切换到 Deployment 选项卡，添加 Artifact，有两种方式：
方式一：
点击 + - Artifact
添加 Artifact 方式1
弹出画面中选择 login-demo:war exploded
选择附加
方式二：
右下角选择 Fix
添加 Artifact 方式2
弹出画面中选择 login-demo:war exploded
选择附加
设置 Application context 为 /，即为根目录：
配置 Application context
4.2.运行
点击下图 运行 按钮：
运行
运行成功后将打开浏览器，或者您手动打开浏览器，输入地址：
运行效果如下图：
登录
表单输入以下错误的登录数据：
错误数据
页面将转向 登录失败 页面，如下图：
登录失败
表单输入以下正确的登录数据：
正确数据
页面将转向 登录成功 页面，如下图：
登录成功
5.总结
如上详细讲解了 三层 + MVC 架构的典型实现方式，课件将每个步骤都进行了截图，请认真阅读文档并实践练习。
通过练习做到深刻理解三层架构及MVC架构，同时熟练掌握 IntelliJ IDEA 构建 Maven 项目的详细步骤。
后续的章节将不再对通过 IntelliJ IDEA 构建 Maven 项目的步骤进行讲解，将主要以代码实现为讲解内容。
