MVC操作模板

最新推荐文章于 2023-08-07 09:16:29 发布

ZHC_YTYQ

最新推荐文章于 2023-08-07 09:16:29 发布

阅读量349

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/ZHC_YTYQ/article/details/98981325

版权

本文详细介绍了使用MVC模式进行数据库操作的过程，包括准备数据库数据、导入配置、创建数据库访问类，以及展示数据、添加、删除和修改联系人等具体步骤。涉及dao接口、实现类、测试类、业务层、servlet和jsp页面的编写与修改，是MVC模式应用的全面教程。

摘要由CSDN通过智能技术生成

MVC操作模板

一、准备数据库数据

CREATE TABLE contact( 
   id INT PRIMARY KEY AUTO_INCREMENT , 
   NAME VARCHAR(20) NOT NULL , 
   sex CHAR(1) , 
   age INT(3) UNSIGNED ,   -- 无符号
   address VARCHAR(10) ,   -- 籍贯
   qq VARCHAR(18) , 
   email VARCHAR(25) 
 ) ;
 
-- 插入记录
INSERT  INTO contact(NAME,sex,age,address,qq,email) VALUES 
('猪八戒','男',25,'广东','834523234','zhuzhuxia@itcast.cn'),
('貂蝉','女',18,'湖南','59869834','diaochan@qq.com'),
('孙悟空','男',28,'湖南','87967822','wukong@itheima.com'),
('周瑜','男',25,'广西','2743759345','zhou@163.com');

SELECT * FROM contact;

在这里插入图片描述

二、导包，配置核心文件

在这里插入图片描述

三、创建所需要的数据库访问类

在这里插入图片描述

1.User实体类

package com.itheima.entity;

public class User {
    private Integer id;
    private String name;
    private String sex;
    private Integer age;
    private String address;
    private String qq;
    private String email;

    public User() {
    }

    public User(Integer id, String name, String sex, Integer age, String address, String qq, String email) {
        this.id = id;
        this.name = name;
        this.sex = sex;
        this.age = age;
        this.address = address;
        this.qq = qq;
        this.email = email;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", sex='" + sex + '\'' +
                ", age=" + age +
                ", address='" + address + '\'' +
                ", qq='" + qq + '\'' +
                ", email='" + email + '\'' +
                '}';
    }

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

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

    public String getSex() {
        return sex;
    }

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

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }

    public String getQq() {
        return qq;
    }

    public void setQq(String qq) {
        this.qq = qq;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }
}

2.回话工具类

	package com.itheima.utils;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import java.io.IOException;
import java.io.InputStream;

import static org.apache.ibatis.io.Resources.getResourceAsStream;

public class SqlSessionUtils {
   
    private static SqlSessionFactory factory;
    static{
   
        try ( InputStream is = getResourceAsStream("sqlMapConfig.xml");){
   
            SqlSessionFactoryBuilder ssf = new SqlSessionFactoryBuilder();
                    factory = ssf.build(is);
        } catch (IOException e) {
   
        }
    }
    public SqlSessionFactory getFactory(){
   
        return factory;
    }

    public SqlSessionFactory getFactory(Boolean isAutoSobmit){
   
        return factory;
    }

    public static SqlSession getSqlSession(){
   
        return factory.openSession();
    }
}

3.表示层jsp文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
<head>
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <!-- 使用Edge最新的浏览器的渲染方式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
    width: 默认宽度与设备的宽度相同
    initial-scale: 初始的缩放比，为1:1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap模板</title>

    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    <style type="text/css">
        td, th {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <h3 style="text-align: center">显示所有联系人</h3>
    <table border="1" class="table table-bordered table-hover">
        <tr class="success">
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>籍贯</th>
            <th>QQ</th>
            <th>邮箱</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
            <td>广东</td>
            <td>44444222</td>
            <td>zs@qq.com</td>
            <td><a class="btn btn-default btn-sm" href="修改联系人.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="修改联系人.html">删除</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
            <td>广东</td>
            <td>44444222</td>
            <td>zs@qq.com</td>
            <td><a class="btn btn-default btn-sm" href="修改联系人.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="修改联系人.html">删除</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
            <td>广东</td>
            <td>44444222</td>
            <td>zs@qq.com</td>
            <td><a class="btn btn-default btn-sm" href="修改联系人.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="修改联系人.html">删除</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
            <td>广东</td>
            <td>44444222</td>
            <td>zs@qq.com</td>
            <td><a class="btn btn-default btn-sm" href="修改联系人.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="修改联系人.html">删除</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>张三</td>
            <td>男</td>
            <td>20</td>
            <td>广东</td>
            <td>44444222</td>
            <td>zs@qq.com</td>
            <td><a class="btn btn-default btn-sm" href="修改联系人.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="修改联系人.html">删除</a></td>
        </tr>
        <tr>
            <td colspan="8" align="center"><a class="btn btn-primary" href="添加联系人.html">添加联系人</a></td>
        </tr>
    </table>
</div>
</body>
</html>

4.表示层（浏览器端）样式

在这里插入图片描述

1、访问数据库，在表示层显示数据库信息

1.dao接口代码

package com.itheima.dao;

import com.itheima.entity.User;
import org.apache.ibatis.annotations.Select;

import java.util.List;

public interface UserDao {
   
    //查找全部联系人
    @Select("select * from contact")
    List<User> showUsers();
}

2.UserImpl实现类

package com.itheima.entity;

import com.itheima.dao.UserDao;
import com.itheima.utils.SqlSessionUtils;
import org.apache.ibatis.session.SqlSession;

import java.util.List;

public class UserImpl implements UserDao {
   

    @Override
    public List<User> showUsers() {
   
        //通过工具类获得回话
        SqlSession sqlSession = SqlSessionUtils.getSqlSession();
        //通过回话得到代理对象
        UserDao mapper = sqlSession.getMapper(UserDao.class);
        //调用方法返回User集合
        List<User> users = mapper.showUsers();
         //关闭回话
        sqlSession.close();
        return users;
    }
}

3.测试类（主要的作用就是测试我们访问数据库的代码正不正确）

package com.itheima.test;

import com.itheima.dao.UserDao;
import com.itheima.entity.User;
import com.itheima.entity.UserImpl;
import org.junit.Test;

import java.util.List;

public class TestUser {
   
    @Test
    public void testShowUsers(){
   
        //创建实体类对象
        UserDao userDao = new UserImpl();
        //调用方法查询所有人
        List<User> list = userDao.showUsers();
        //测试，遍历输出
        list.forEach(System.out::println);
    }
}

4.测试类运行结果

在这里插入图片描述

5.创建业务层

package com.itheima.service;

import com.itheima.dao.UserDao;
import com.itheima.entity.User;
import com.itheima.entity.UserImpl;

import java.util.List;

public class Service {
   
    //创建实现类对象
    private UserDao userDao = new UserImpl();
    //调用方法，为表示层提供数据
    public List<User> getUsers(){
   
        return userDao.showUsers();
    }
}

6.创建servlet

package com.itheima.servlet;

import com.itheima.entity.User;
import com.itheima.service.Service;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet(value = "/show")
public class ShowServlet extends HttpServlet {
   
    //创建业务层对象
    private Service service = new Service();
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   
        //调用方法得到数据库数据
        List<User> users = service.getUsers();
        //为了表示层jsp文件得到数据，将数据存放作用域
        request.setAttribute("users",users);
        //转发到表示层页面
        request.getRequestDispatcher("list.jsp").forward(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   
        this.doPost(request, response);
    }
}

7.修改jsp代码

导JSTL包

在这里插入图片描述

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
<head>
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <!-- 使用Edge最新的浏览器的渲染方式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
    width: 默认宽度与设备的宽度相同
    initial-scale: 初始的缩放比，为1:1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap模板</title>

    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="js/bootstrap.min.js"></script>
    <style type="text/css">
        td, th {
    
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <h3 style="text-align: center">显示所有联系人</h3>
    <table border="1" class="table table-bordered table-hover">
        <tr class="success">
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>籍贯</th>
            <th>QQ</th>
            <th>邮箱</th>
            <th>操作</th>
        </tr>
        <c:forEach items="${users}" var="user">
            <tr>
                <td>${user.id}</td

最低0.47元/天解锁文章

ZHC_YTYQ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
MVC操作模板

MVC操作模板一、准备数据库数据CREATE TABLE contact( id INT PRIMARY KEY AUTO_INCREMENT , NAME VARCHAR(20) NOT NULL , sex CHAR(1) , age INT(3) UNSIGNED , -- 无符号 address VARCHAR(10) , -- 籍贯 ...
复制链接

扫一扫