黑马程序员最新版JavaWeb综合案例(前后端完整版)-慈云数据

JavaWeb 综合案例

学习视频链接: 黑马程序员最新版JavaWeb基础教程，Java web从入门到企业实战完整版

完整代码链接： https://github.com/HaiLei-Fly/JavaWeb-brand

1、功能介绍

案例功能：

用户登录（账号密码登录）
用户注册（新用户注册账号）
查询所有（查询所有品牌数据）
新增品牌（增加新的品牌数据）
修改品牌（修改品牌数据）
删除品牌（删除品牌数据）
批量删除（删除多条品牌数据）
分页查询（分页展示品牌数据）

条件查询（通过条件精确查询品牌数据）

2、工程准备

2.1 所需环境

MySQL 8.0.22

JDK 11.0.10

MAVEN 3.6.0

Navicat 16

IDEA 2021.3.3

pom.xml文件如下


    4.0.0
    org.example
    brand-case
    1.0-SNAPSHOT
    war
    
        11
        11
    
    
    
    
        javax.servlet
        javax.servlet-api
        3.1.0
        provided
    
    
    
        javax.servlet.jsp
        jsp-api
         2.2
        provided
    
    
    
        jstl
        jstl
        1.2
    
    
        taglibs
        standard
        1.1.2
    
    
        org.mybatis
        mybatis
        3.5.5
    
    
    
        mysql
        mysql-connector-java
        8.0.22
    
        
        
            com.alibaba
            fastjson
            1.2.62
        
    
    
        
            
                org.apache.tomcat.maven
                tomcat7-maven-plugin
                2.2

2.2 工程结构

Maven Web开发中的项目结构如下：

在这里插入图片描述

Java目录结构如下：

在这里插入图片描述

resources和webapp目录结构如下：

在这里插入图片描述

3、数据库

3.1 建立连接

Navicat 与本地MySQL数据库建立连接

在这里插入图片描述

输入MySQL数据库密码，连接成功

在这里插入图片描述

新建数据库db1

在这里插入图片描述

3.2 建表程序

创建品牌表sql语句

-- 删除tb_brand表
drop table if exists tb_brand;
-- 创建tb_brand表
create table tb_brand
(
    -- id 主键
    id           int primary key auto_increment,
    -- 品牌名称
    brand_name   varchar(20),
    -- 企业名称
    company_name varchar(20),
    -- 排序字段
    ordered      int,
    -- 描述信息
    description  varchar(100),
    -- 状态：0：禁用  1：启用
    status       int
);
-- 添加数据
insert into tb_brand (brand_name, company_name, ordered, description, status)
values 
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0),
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1),
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0),
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1),
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0),
       ('华为', '华为技术有限公司', 100, '万物互联', 1),
       ('小米', '小米科技有限公司', 50, 'are you ok', 1),
       ('格力', '格力电器股份有限公司', 30, '让世界爱上中国造', 1),
       ('阿里巴巴', '阿里巴巴集团控股有限公司', 10, '买买买', 1),
       ('腾讯', '腾讯计算机系统有限公司', 50, '玩玩玩', 0),
       ('百度', '百度在线网络技术公司', 5, '搜搜搜', 0),
       ('京东', '北京京东世纪贸易有限公司', 40, '就是快', 1)
        ;

在这里插入图片描述

创建用户表sql语句

-- 删除tb_brand表
drop table if exists tb_user;
-- 创建tb_brand表
create table tb_user
(
    -- id 主键
    id           int primary key auto_increment,
    -- 用户名称
    username   varchar(20),
    -- 用户密码
    password varchar(20)
);
-- 添加数据
insert into tb_user (username, password)
values 
       ('ming', '1234567890'),
       ('wang', '1234567890')
			 ;

在这里插入图片描述

连接数据库配置文件，在resources目录下创建 mybatis-config.xml

4、用户登录功能

整体流程：

(1) 前端https://blog.csdn.net/qq_42078934/article/details/login.jsp页面加载完成后，通过表单发送请求和数据给Web层的LoginServlet
(2) 在LoginServlet中接收请求和数据(用户名和密码)
(3) LoginServlet接收到请求和数据后，调用Service层完成根据用户名和密码查询用户对象
(4) 在Service层需要编写UserService类，在类中实现login方法，方法中调用Dao层的UserMapper
(5) 在UserMapper接口中，声明一个根据用户名和密码查询用户信息的方法
(6) Dao层把数据查询出来以后，将返回数据封装到User对象，将对象交给Service层
(7) Service层将数据返回给Web层

(8) Web层获取到User对象后，判断User对象，如果为Null,则将错误信息响应给登录页面，如果不为Null，则跳转到列表页面，并把当前登录用户的信息存入Session携带到列表页面

4.1 后端实现

dao方法实现：

在java目录下的 com.hailei.mapper.UserMapper 接口中定义抽象方法，并使用 @Select 注解编写 sql 语句

/**
     * 根据用户名和密码查询用户对象
     * @param username
     * @param password
     * @return
     */
    @Select("select * from tb_user where username = #{username} and password = #{password}")
    User select(@Param("username") String username,@Param("password")  String password);

service方法实现：

在java目录下的 com.hailei.service 下再创建 impl 包；impl 表示是放 service 层接口的实现类的包。在该包下创建名为 UserServiceImpl 类

public class UserServiceImpl implements UserService {
    SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory();
    /**
     * 登录方法
     * @param username
     * @param password
     * @return
     */
    public User login(String username, String password){
        //2. 获取SqlSession
        SqlSession sqlSession = factory.openSession();
        //3. 获取UserMapper
        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        //4. 调用方法
        User user = mapper.select(username, password);
        //释放资源
        sqlSession.close();
        return  user;
    }
}

在java目录下的 com.hailei.service 包下创建 UserService 接口，在该接口中定义登录的抽象方法

/**
     * 登录方法
     * @param username
     * @param password
     * @return
     */
    User login(String username, String password);
}

servlet方法实现：

在java目录下的 com.hailei.web.servlet 包下定义名为 LoginServlet 的登录的 servlet

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    private UserService service = new UserServiceImpl();
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1. 获取用户名和密码
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        //获取复选框数据
        String remember = request.getParameter("remember");
        //2. 调用service查询
        User user = service.login(username, password);
        //3. 判断
        if(user != null){
            //登录成功，跳转到查询所有的BrandServlet
            //判断用户是否勾选记住我
            if("1".equals(remember)){
                //勾选了，发送Cookie
                //1. 创建Cookie对象
                Cookie c_username = new Cookie("username",username);
                Cookie c_password = new Cookie("password",password);
                // 设置Cookie的存活时间
                c_username.setMaxAge( 60 * 60 * 24 * 7);
                c_password.setMaxAge( 60 * 60 * 24 * 7);
                //2. 发送
                response.addCookie(c_username);
                response.addCookie(c_password);
            }
            //将登陆成功后的user对象，存储到session
            HttpSession session = request.getSession();
            session.setAttribute("user",user);
            String contextPath = request.getContextPath();
            response.sendRedirect(contextPath+"/brand.html");
        }else {
            // 登录失败,
            // 存储错误信息到request
            request.setAttribute("login_msg","用户名或密码错误");
            // 跳转到https://blog.csdn.net/qq_42078934/article/details/login.jsp
            request.getRequestDispatcher("/https://blog.csdn.net/qq_42078934/article/details/login.jsp").forward(request,response);
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

在java目录下的 com.hailei.web.filter 包下定义名为 LoginFilter 的过滤器

/**
 * 登录验证的过滤器
 */
@WebFilter("/*")
public class LoginFilter implements Filter {
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws ServletException, IOException {
        HttpServletRequest req = (HttpServletRequest) request;
        //判断访问资源路径是否和登录注册相关
        String[] urls = {"/https://blog.csdn.net/qq_42078934/article/details/login.jsp","/imgs/","/css/","/loginServlet","/https://blog.csdn.net/qq_42078934/article/details/register.jsp","/registerServlet","/checkCodeServlet"};
        // 获取当前访问的资源路径
        String url = req.getRequestURL().toString();
        //循环判断
        for (String u : urls) {
            if(url.contains(u)){
                //找到了
                //放行
                chain.doFilter(request, response);
                //break;
                return;
            }
        }
        //1. 判断session中是否有user
        HttpSession session = req.getSession();
        Object user = session.getAttribute("user");
        //2. 判断user是否为null
        if(user != null){
            // 登录过了
            //放行
            chain.doFilter(request, response);
        }else {
            // 没有登陆，存储提示信息，跳转到登录页面
            req.setAttribute("login_msg","您尚未登陆！");
            req.getRequestDispatcher("/https://blog.csdn.net/qq_42078934/article/details/login.jsp").forward(req,response);
        }
    }
    public void init(FilterConfig config) throws ServletException {
    }
    public void destroy() {
    }
}

4.2 前端实现




    
    login
    



    
        LOGIN IN
        ${login_msg} ${register_msg}
        Username:
        Password:
        Remember:
        
            
               
            没有账号？

启动项目：

在这里插入图片描述

功能展示：

在这里插入图片描述

5、用户注册功能

整体流程：

(1) 前端通过表单发送请求和数据给Web层的RegisterServlet
(2) 在RegisterServlet中接收请求和数据(用户名和密码)
(3) RegisterServlet接收到请求和数据后，调用Service层完成用户信息的保存
(4) 在Service层需要编写UserService类，在类中实现register方法，需要判断用户是否已经存在，如果不存在，则完成用户数据的保存
(5) 在UserMapper接口中，声明两个方法，一个是根据用户名查询用户信息方法，另一个是保存用户信息方法
(6) 在UserService类中保存成功则返回true，失败则返回false,将数据返回给Web层

(7) Web层获取到结果后，如果返回的是true,则提示注册成功，并转发到登录页面，如果返回false则提示用户名已存在并转发到注册页面

5.1 后端实现

dao方法实现：

在java目录下的 com.hailei.mapper.UserMapper 接口中定义抽象方法，并使用 @Select 注解编写 sql 语句

/**
     * 根据用户名查询用户对象
     * @param username
     * @return
     */
    @Select("select * from tb_user where username = #{username}")
    User selectByUsername(String username);
    /**
     * 添加用户
     * @param user
     */
    @Insert("insert into tb_user values(null,#{username},#{password})")
    void add(User user);

service方法实现：

在java目录下的 com.hailei.service 下再创建 impl 包；impl 表示是放 service 层接口的实现类的包。在该包下创建名为 UserServiceImpl 类

/**
     * 注册方法
     * @return
     */
    public boolean register(User user){
        //2. 获取SqlSession
        SqlSession sqlSession = factory.openSession();
        //3. 获取UserMapper
        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        //4. 判断用户名是否存在
        User u = mapper.selectByUsername(user.getUsername());
        if(u == null){
            // 用户名不存在，注册
            mapper.add(user);
            sqlSession.commit();
        }
        sqlSession.close();
        return u == null;
    }

在java目录下的 com.hailei.service 包下创建 UserService 接口，在该接口中定义注册的抽象方法

    /**
     * 注册方法
     * @return
     */
    boolean register(User user);
}

servlet方法实现：

在java目录下的 com.hailei.web.servlet 包下定义名为 LoginServlet 的登录的 servlet

@WebServlet("/registerServlet")
public class RegisterServlet extends HttpServlet {
    private UserService service = new UserServiceImpl();
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       //1. 获取用户名和密码数据
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        User user = new User();
        user.setUsername(username);
        user.setPassword(password);
        // 获取用户输入的验证码
        String checkCode = request.getParameter("checkCode");
        // 程序生成的验证码，从Session获取
        HttpSession session = request.getSession();
        String checkCodeGen = (String) session.getAttribute("checkCodeGen");
        // 比对
        if(!checkCodeGen.equalsIgnoreCase(checkCode)){
            request.setAttribute("register_msg","验证码错误");
            request.getRequestDispatcher("/https://blog.csdn.net/qq_42078934/article/details/register.jsp").forward(request,response);
            // 不允许注册
            return;
        }
        //2. 调用service 注册
        boolean flag = service.register(user);
        //3. 判断注册成功与否
        if(flag){
            //注册功能，跳转登陆页面
            request.setAttribute("register_msg","注册成功，请登录");
            request.getRequestDispatcher("/https://blog.csdn.net/qq_42078934/article/details/login.jsp").forward(request,response);
        }else {
            //注册失败，跳转到注册页面
            request.setAttribute("register_msg","用户名已存在");
            request.getRequestDispatcher("/https://blog.csdn.net/qq_42078934/article/details/register.jsp").forward(request,response);
        }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

在java目录下的 com.hailei.web.servlet 包下定义名为 CheckCodeServlet 的验证码生成的 servlet

@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 生成验证码
        ServletOutputStream os = response.getOutputStream();
        String checkCode = CheckCodeUtil.outputVerifyImage(100, 50, os, 4);
        // 存入Session
        HttpSession session = request.getSession();
        session.setAttribute("checkCodeGen",checkCode);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

5.2 前端实现




    
    欢迎注册
    



    
        欢迎注册
        已有帐号？ 登录
    
    
        用户名
                
                    
                    
${register_msg}
                
            
密码
                
                    
                    
密码格式有误
                
            
验证码
                
                    
                    看不清？
                
            

            
        
        


    document.getElementById("changeImg").onclick = function () {
        document.getElementById("checkCodeImg").src = "https://blog.csdn.net/brand-case/checkCodeServlet?"+new Date().getMilliseconds();
    }

功能展示：

在这里插入图片描述

6、查询所有功能

整体流程：

(1) 前端brand.html页面加载完成后，通过表单发送异步请求给Web层的BrandServlet
(2) BrandServlet接收到请求后，调用Service层完成查询所有功能
(3) 在Service层需要编写BrandServiceImpl类，在类中实现List selectAll()方法，方法中调用Dao层的BrandMapper。编写BrandService接口，声明查询所有的List selectAll()方法
(4) 在BrandMapper接口中，声明一个查询所有的方法
(5) Dao层把数据查询出来以后，将返回数据封装到Brand对象，将对象交给Service层
(6) Service层将数据返回给Web层
(7) Web层获取到Brand对象后，将数据转为JSON，响应JSON数据

(8) 前端brand.html获取列表数据，展示获取的数据

6.1 后端实现

dao方法实现：

在java目录下的 com.hailei.mapper.BrandMapper 接口中定义抽象方法，并使用 @Select 注解编写 sql 语句

    /**
     * 查询所有
     * @return
     */
    @Select("select * from tb_brand")
    @ResultMap("brandResultMap")
    List selectAll();

由于表中有些字段名和实体类中的属性名没有对应，所以需要在 resources目录下的com/hailei/mapper/BrandMapper.xml 映射配置文件中定义结果映射，使用resultMap 标签。映射配置文件内容如下：

service方法实现：

在java目录下的 com.hailei.service 下再创建 impl 包；impl 表示是放 service 层接口的实现类的包。在该包下创建名为 BrandServiceImpl 类

public class BrandServiceImpl implements BrandService {
    //1. 创建SqlSessionFactory 工厂对象
    SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory();
    
    @Override
    public List selectAll() {
        //2. 获取SqlSession对象
        SqlSession sqlSession = factory.openSession();
        //3. 获取BrandMapper
        BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
        //4. 调用方法
        List brands = mapper.selectAll();
        //5. 释放资源
        sqlSession.close();
        return brands;
    }
}

在java目录下的 com.hailei.service 包下创建 BrandService 接口，在该接口中定义查询所有的抽象方法

public interface BrandService {
    /**
     * 查询所有
     * @return
     */
    List selectAll();
}

servlet方法实现：

在java目录下的 com.hailei.web.servlet 包下定义一个通用的 servlet 类，在定义其他的 servlet 是不需要继承 HttpServlet，而继承定义的 BaseServlet，在 BaseServlet 中调用具体 servlet（如BrandServlet）中的对应方法。从而方便管理和编写web层的 servlet

/**
 * 替换HttpServlet,根据请求的最后一段路径来进行方法分发
 */
public class BaseServlet extends HttpServlet {
    //根据请求的最后一段路径来进行方法分发
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1. 获取请求路径
        String uri = req.getRequestURI(); // /brand-case/brand/selectAll
        //2. 获取最后一段路径，方法名
        int index = uri.lastIndexOf('/');
        String methodName = uri.substring(index + 1); //  /selectAll?
        //2. 执行方法
        //2.1 获取BrandServlet /UserServlet 字节码对象 Class
        Class

黑马程序员最新版JavaWeb综合案例(前后端完整版)

JavaWeb 综合案例

学习视频链接: 黑马程序员最新版JavaWeb基础教程，Java web从入门到企业实战完整版

完整代码链接： https://github.com/HaiLei-Fly/JavaWeb-brand

1、功能介绍

2、工程准备

2.1 所需环境

2.2 工程结构

3、数据库

3.1 建立连接

3.2 建表程序

4、用户登录功能

4.1 后端实现

4.2 前端实现

5、用户注册功能

5.1 后端实现

5.2 前端实现

6、查询所有功能

6.1 后端实现

php redis分布式锁

linux内存缓存占用过高分析和优化

stm32编写Modbus步骤

如何保证数据库和缓存的一致性

Mongodb聚合操作中的$unset

私域引流宝PHP源码以及搭建教程

用户名	${register_msg}
密码	密码格式有误
验证码	看不清？

JavaWeb 综合案例

学习视频链接: 黑马程序员最新版JavaWeb基础教程，Java web从入门到企业实战完整版

完整代码链接： https://github.com/HaiLei-Fly/JavaWeb-brand

1、功能介绍

2、工程准备

2.1 所需环境

2.2 工程结构

3、数据库

3.1 建立连接

3.2 建表程序

4、用户登录功能

4.1 后端实现

4.2 前端实现

LOGIN IN

5、用户注册功能

5.1 后端实现

5.2 前端实现

欢迎注册

6、查询所有功能

6.1 后端实现

猜你喜欢

php redis分布式锁

linux内存缓存占用过高分析和优化

stm32编写Modbus步骤

如何保证数据库和缓存的一致性

Mongodb聚合操作中的$unset

私域引流宝PHP源码 以及搭建教程

私域引流宝PHP源码以及搭建教程