基于maven采用MVC三层架构实现数据库数据显示到前端网页表单中。

已于 2022-11-15 19:45:20 修改
阅读量3.2k 收藏 48
点赞数 2
分类专栏： javaweb开发 文章标签： java maven 前端 服务器
于 2022-04-23 20:08:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55491446/article/details/124339538
版权

文章目录

前言

这里主要讲述一些采用mvc三层架构的方式，编写dao、service、servlet、前端jsp代码来实现提取数据库数据显示到前端网页表单中。这里以获取数据库中准考证信息为例子。

所用的编译器idea、基于maven的javaweb、服务器是tomcat、mysql版本8.0.22。

一、数据库和实体类的建立

1.数据库的创建

提示：这里只是示例我本人自己的数据库：
数据库名称、表名称、以及内容（示例）：
在这里插入图片描述

2.实体类的创建

StudentInfo.java代码如下（示例）：

package edu.login.pojo;
public class StudentInfo {
    String name;
    String candidate_number;
    String id_number;
    String gender;
    String subject;
    String address;
    String time;
    String seat;
    String email;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getCandidate_number() {
        return candidate_number;
    }
    public void setCandidate_number(String candidate_number) {
        this.candidate_number = candidate_number;
    }
    public String getId_number() {
        return id_number;
    }
    public void setId_number(String id_number) {
        this.id_number = id_number;
    }
    public String getGender() {
        return gender;
    }
    public void setGender(String gender) {
        this.gender = gender;
    }
    public String getSubject() {
        return subject;
    }
    public void setSubject(String subject) {
        this.subject = subject;
    }
    public String getAddress() {
        return address;
    }
    public void setAddress(String address) {
        this.address = address;
    }
    public String getTime() {
        return time;
    }
    public void setTime(String time) {
        this.time = time;
    }
    public String getSeat() {
        return seat;
    }
    public void setSeat(String seat) {
        this.seat = seat;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
    @Override
    public String toString() {
        return "StudentInfo{" +
                "name='" + name + '\'' +
                ", candidate_number='" + candidate_number + '\'' +
                ", id_number='" + id_number + '\'' +
                ", gender='" + gender + '\'' +
                ", subject='" + subject + '\'' +
                ", address='" + address + '\'' +
                ", time='" + time + '\'' +
                ", seat='" + seat + '\'' +
                ", email='" + email + '\'' +
                '}';
    }
}

二、dao、service、servlet和前端jsp的编写

1.dao层

过程图示：
在这里插入图片描述

在编写dao层的时候，这里初始化连接参数,从配置文件里获得
创建db.properties文件如图
在这里插入图片描述
文件内容：

driver=com.mysql.cj.jdbc.Driver
url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&serverTimezone=UTC&useUnicode=true&characterEncoding=utf8&characterSetResults=utf8
user=root
password=
filters=stat
initialSize=2
maxActive=300
maxWait=60000
timeBetweenEvictionRunsMillis=60000
minEvictableIdleTimeMillis=300000
validationQuery=SELECT 1
testWhileIdle=true
testOnBorrow=false
testOnReturn=false
poolPreparedStatements=false
maxPoolPreparedStatementPerConnectionSize=200

注意：

  • driver，根据mysql的版本不同是不一样的，例如：如果是5.0的版本需要用，driver=“com.mysql.jdbc.Driver”
  • url，选择本地数据库就行，这里的test是我的数据库名字，后面的“？&”这些链接的是来防止乱码问题的
  • 本数据库root没有设置密码，所以我这里的password等于空
  • 其余复制下来就行

1.编写链接数据库、以及查询、更新、释放等代码

创建BaseDao.java代码如下，用来链接数据库

package edu.login.dao;

import java.io.IOException;
import java.io.InputStream;
import java.sql.*;
import java.util.Properties;
/**
 * 操作数据库的基类--静态类
 * @author Administrator
 *
 */
public class BaseDao {
    //静态代码块,在类加载的时候执行
    static{
        init();
    }
    private static String driver;
    private static String url;
    private static String user;
    private static String password;
    //初始化连接参数,从配置文件里获得
    public static void init(){
        Properties params=new Properties();
        String configFile = "db.properties";
        InputStream is= BaseDao.class.getClassLoader().getResourceAsStream(configFile);
        try {
            params.load(is);
        } catch (IOException e) {
            e.printStackTrace();
        }
        driver=params.getProperty("driver");
        url=params.getProperty("url");
        user=params.getProperty("user");
        password=params.getProperty("password");
    }
    /**
     * 获取数据库连接
     * @return
     */
    public static Connection getConnection(){
        Connection connection = null;
        try {
            Class.forName(driver);
            connection = DriverManager.getConnection(url, user, password);
            System.out.println("suceess ");
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        return connection;
    }
    /**
     * 查询操作
     * @param connection
     * @param pstm
     * @param rs
     * @param sql
     * @param params
     * @return
     */
    public static ResultSet execute(Connection connection,PreparedStatement pstm,ResultSet rs,
                                    String sql,Object[] params) throws Exception{
        pstm = connection.prepareStatement(sql);
        for(int i = 0; i < params.length; i++){
            pstm.setObject(i+1, params[i]);
        }
        rs = pstm.executeQuery();
        return rs;
    }
    /**
     * 更新操作
     * @param connection
     * @param pstm
     * @param sql
     * @param params
     * @return
     * @throws Exception
     */
    public static int execute(Connection connection,PreparedStatement pstm,
                              String sql,Object[] params) throws Exception{
        int updateRows = 0;
        pstm = connection.prepareStatement(sql);
        for(int i = 0; i < params.length; i++){
            pstm.setObject(i+1, params[i]);
        }
        updateRows = pstm.executeUpdate();
        return updateRows;
    }
    /**
     * 释放资源
     * @param connection
     * @param pstm
     * @param rs
     * @return
     */
    public static boolean closeResource(Connection connection,PreparedStatement pstm,ResultSet rs){
        boolean flag = true;
        if(rs != null){
            try {
                rs.close();
                rs = null;//GC回收
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                flag = false;
            }
        }
        if(pstm != null){
            try {
                pstm.close();
                pstm = null;//GC回收
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                flag = false;
            }
        }
        if(connection != null){
            try {
                connection.close();
                connection = null;//GC回收
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                flag = false;
            }
        }
        return flag;
    }
}

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.编写接口

创建接口：UserDao.java

package edu.login.dao.user;

import edu.login.pojo.ScoreInfo;
import edu.login.pojo.StudentInfo;
import edu.login.pojo.User;
import java.sql.Connection;
public interface UserDao {
    //获取学生准考证信息
    public StudentInfo findAll(Connection connection ,String candidate_number) throws Exception;
}

实现接口里面的方法：UserDaoIml.java

package edu.login.dao.user;

import edu.login.dao.BaseDao;
import edu.login.pojo.ScoreInfo;
import edu.login.pojo.StudentInfo;
import edu.login.pojo.User;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
public class UserDaoIml implements UserDao {
@Override
    public StudentInfo findAll(Connection connection, String candidate_number) throws Exception {

        PreparedStatement pstm = null;//搭桥者
        ResultSet rs = null;
        StudentInfo studentInfo = null;

        if (null != connection) {
            String sql = "select * from t_admission_ticket where candidate_number=?";
            Object[] params = {candidate_number};
            rs = BaseDao.execute(connection, pstm, rs, sql, params);//得到结果集
            if (rs.next()) {//把搜索到数据库中的内容读写到实体类中
                studentInfo = new StudentInfo();
                studentInfo.setName(rs.getString("name"));
                studentInfo.setEmail(rs.getString("email"));
                studentInfo.setSeat(rs.getString("seat"));
                studentInfo.setTime(rs.getString("time"));
                studentInfo.setAddress(rs.getString("address"));
                studentInfo.setSubject(rs.getString("subject"));
                studentInfo.setCandidate_number(rs.getString("candidate_number"));
                studentInfo.setGender(rs.getString("gender"));
                studentInfo.setId_number(rs.getString("id_number"));
            }
            BaseDao.closeResource(null, pstm, rs);
        } else {
            System.out.println("fail");
            System.out.println("fail");
            System.out.println("fail");
        }
        return studentInfo;
    }
}

2.service层

过程图示：
在这里插入图片描述
创建接口：UserService.java

package edu.login.service.user;

import edu.login.pojo.ScoreInfo;
import edu.login.pojo.StudentInfo;
import edu.login.pojo.User;

public interface UserService {
    //获取学生准考证信息
    public StudentInfo FindAll(String candidate_number);
}

实现接口方法：UserServiceImpl.java

package edu.login.service.user;

import edu.login.dao.BaseDao;
import edu.login.dao.user.UserDao;
import edu.login.dao.user.UserDaoIml;
import edu.login.pojo.ScoreInfo;
import edu.login.pojo.StudentInfo;
import edu.login.pojo.User;
import java.sql.Connection;
import java.sql.SQLException;
public class UserServiceImpl implements UserService{
    //业务层都会调用Dao层，所以要引入Dao层
    private UserDao userDao;
    public UserServiceImpl(){
        userDao = new UserDaoIml();
    }
    @Override
    public StudentInfo FindAll(String candidate_number) {
        Connection connection = null;
        StudentInfo studentInfos=null;
        try {
            connection = BaseDao.getConnection();
            studentInfos= userDao.findAll(connection, candidate_number);
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally{
            BaseDao.closeResource(connection, null, null);
        }
        return studentInfos;
    }

3.servlet层

过程图示：
在这里插入图片描述
ShowInfoServlet.java代码如下

这里把要查询的学号candidate_number静态设置为100101，也可以通过从req前端获取或者session获取。

package edu.login.servlet.user;

import edu.login.pojo.StudentInfo;
import edu.login.pojo.User;
import edu.login.service.user.UserService;
import edu.login.service.user.UserServiceImpl;
import edu.login.util.Constants;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class ShowInfoServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    }
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //调用service方法，进行用户匹配
        UserService userService=new UserServiceImpl();
		String candidate_number="10010";//这里的值可以从前端获取，可以从session里面获取，这里简单设置一下。
        StudentInfo studentInfos=userService.FindAll(candidate_number);
        System.out.println();
        System.out.println(studentInfos);//后端验证
        //把实体类转换成list
        List<StudentInfo>StudentList= Collections.singletonList(studentInfos);
        System.out.println();
        System.out.println(StudentList);//后端验证
        //将数据保存到数据域中
        req.setAttribute("StudentList",StudentList);
        //转发调转到准考证查询
        req.getRequestDispatcher("showStudentInfo.jsp").forward(req,resp);
    }
}

web,xml配置：

    <servlet>
        <servlet-name>ShowInfoServlet</servlet-name>
        <servlet-class>edu.login.servlet.user.ShowInfoServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ShowInfoServlet</servlet-name>
        <url-pattern>/ShowInfo.do</url-pattern>
    </servlet-mapping>

3.jsp前端

这里我只显示直接前端jsp代码，因为实际上我加了许多css、js格式只为了美化表单。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <div class="container">
                <table class="table table-bordered table-hover">
                    <tr class="success">
                        <th>姓名</th>
                        <th>学号</th>
                        <th>身份证号</th>
                        <th>性别</th>
                        <th>考场</th>
                        <th>邮箱</th>
                        <th>数学</th>
                        <th>英语</th>
                        <th>专业课</th>
                    </tr>
                    <jsp:useBean id="ScoreList" scope="request" type="java.util.List"/>
                    <c:forEach var="li" items="${ScoreList}" varStatus="s">
                        <tr>
                            <!--切记不能用打写例如：li.Name-->
                            <td>${li.name}</td>
                            <td>${li.candidate_number}</td>
                            <td>${li.id_number}</td>
                            <td>${li.gender}</td>
                            <td>${li.address}</td>
                            <td>${li.email}</td>
                            <td>${li.math}</td>
                            <td>${li.english}</td>
                            <td>${li.scources}</td>
                        </tr>
                    </c:forEach>
                </table>
            </div>

二、运行截图

在这里插入图片描述

总结

愿自学的小伙伴们，今天依旧是收获满满的一天。

暴躁茹
关注
  • 2
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
毕业设计基于JavaWeb的宿舍管理系统源码+数据库，基于MVC三层架构
01-17
基于MVC三层架构，主要使用Servlet+JSP+Bootstrap+JQuery+Druid+DBUtils等JavaWeb技术的宿舍管理系统。系统里面分了三个角色，分别为超级管理员、宿舍管理员和学生，每个角色拥有不同的权限和功能； 1.依赖管理使用...
解决SpringMVC接收前台上传文件为null
东天里的冬天
07-16 1万+
这个问题的需求来源于，我前端传递图片后，需要在Controller中通过name映射进行获取，在获取的过程中出现了获取他的值为null的状况，发生这种状况的情形会有很多种，这边不一一列举，主要告诉大家如何正确获取。1.前端界面需要注意的是，因为这边会引用jquery.form.js,所以在form中一定要加入enctype="multipart/form-data"属性&lt;form id="j...
idea编写项目jsp页面列表数据显示过程
u014388322的专栏
07-26 502
idea编写项目jsp页面列表数据显示过程
以用户注册功能模块为例浅谈MVC架构下的JavaWeb开发流程
m0_67659981的博客
03-15 1012
JavaWeb应用开发，撇开分布式不谈，只讨论一个功能服务应用的开发，无论是使用原生的Servlet/JSP方案，还是时下的SSM架构，都有一套经过工程实践考验的最佳实践，这综合考虑了团队协作、项目管理、可用性等方方面面的问题。 一些约定 考虑到项目管理的方便，一般前端不能直接访问到jsp页面，而是必须通过Servlet来管理到Jsp页面的跳转 <li><a href="${pageContext.request.contextPath}/UserServlet?method=
后端查询到数据，前端显示该数据为null
qq_47305937的博客
04-14 2513
出现这个问题的时候，我首先去检查了，前后端以及数据库中的字段名是否匹配。然后考虑是不是前后端缓存的问题，清空前后端缓存之后，前端仍然接收不到数据。我们来看看控制台打印的这个时候form表单里的数据。我们明显的看到，record这个属性在后端是查得到值的。接下来我们来看前端数据。查查我们的mybatis做映射的属性是不是改过来了。数据上来了，家人们~~~，又是被自己蠢哭的一天~xml文件：都报红半天了，你看不见？接下来我们查询订单详情，ID=8的订单。前端没拿到数据，怎么办家人们？接下来，见证奇迹的时刻~
数据库有数据，但hibernate也查到了。但前端没接收到。全是null
zibingdechengbao的博客
06-22 1144
通过debug发现hibernate的SQL确实查到值了，在dao层和service层都有数据。但在控制层调用service层方法后。数据全变成null了。数据的总条数没有变，但数据全是null。 上网一搜全是答案，本来还挺高兴。网上说什么表的主键问题，不是说没有主键就是说hibernate的配置文件字段没设置不能为空不空问题。但我这情况不适合这种情况啊/手动泪奔表情。 浪费了一天半大概时间，我发现了。原来都是在控制层接收参数的时候参数的大小写问题。我接受用小写，返回用大写。/手动狗头保命。..
前端注册登录页面数据库交互（h5+css+php+mysql+axios）
qq_39156275的博客
10-31 2401
登录注册连接数据库
基于MVC设计模式实现简单的Javaweb-注册登录功能
热门推荐
三毛码代码
03-14 1万+
首先，对于MVC设计模式千万不要想的太过复杂，不然真的很坑的。 简单的理解就是： 1.View-视图层 用户从视图层提交请求到Controller-控制层 。 2.然后控制层接受到用户的请求会调用Model-模型层里面的方法访问数据库并且将返回的结果返回到控制层。 3.控制层接受到模型层从数据库中访问的结果并处理，之后根据处理结果跳转当相应的视图层页面。 这就是MVC 设计思...
Maven实现数据在前端页面展示与增删改查（Spring通用）
泡泡的博客
07-02 3138
Maven工程实现前后端的相连前言项目开始使用idea快速生成一个Maven工程配置pom.xml文件数据库准备安装MySQL建立数据库配置resouces配置db.properties配置applicationContext.xml配置spring-mvc.xmlmapper包下的UserMapper.xmlbean层PageInfoUsercontroller层UserControllerdao层UserDaoservice层IUserServiceimpl包下的UserServicefliterLog
实战-数据从数据库到前端 javaweb数据交互流程解析
qq_45514735的博客
08-19 8929
目录git地址用到的技术及组件一、创建maven项目 二、导入相关依赖 三、设置数据库及对象1、数据库建表2、创建实体类User3、编写mybatis配置文件 mybatis-config.xml 放入资源文件夹4、配置Mapper代理5、Mapper自动映射四、新建service层自动执行查询 1、首先将获取数据库SqlSessionFactory封装为工具类以供重复调用，功能看注释 2、封装查询sevice功能五、后端发送数据到前端 1、后端代码
数据库前台界面设计html,简单Web界面开发（数据库）
weixin_33379371的博客
06-05 5240
(1)首先配置好eclipse 和 SQL server 2016的环境，下载sqljdbc4.jar。(我的eclipse是eclipse Neon )(2)创建新的数据库(3)创建java project ，测试是否可以成功连接数据库package pkg;import java.sql.*;public class Main {public static void main(String ...
Springboot+maven+idea+mysql实战之获取数据库信息显示在前端
12-21
Springboot项目之与数据库交互展示数据库信息（Mysql数据库） 大家好，我是菜鸟阿贵，很高兴能与您相互交流java相关知识！！！ #最近项目用到springboot与mysql进行交互，那么今天就来简单实现以下，供朋友们一起...
mvc三层架构应用案例简单代码
07-30
mvc三层架构应用案例简单代码 详见其中brand-demo 技术：mybatis+maven+mysql+JSP+HTML+servlet+JS
品牌数据增删改查案例（MVC三层架构）
05-28
品牌数据增删改查案例（MVC三层架构）
基于Java的多工程属性文件统一管理Maven插件设计源码
04-10
本项目是一个基于Java的多工程属性文件统一管理Maven插件设计源码，共包含21个文件，其中包括17个Java源文件。系统采用了Java技术，为用户提供了一个便捷的Maven插件解决方案，用于多工程属性文件的统一管理。系统...
mybatisPlus使用MetaObjectHandler对字段进行更新
m0_56356631的博客
04-23 416
都是符合我们的预期的。
java方法重写（重点讲），方法重载
最新发布
weixin_46281068的博客
04-27 490
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
string模拟实现
m0_73969414的博客
04-23 1510
c++中string的模拟实现，面试必会知识点
实现自定义注解、实现自定义幂等性注解
qq_44721738的博客
04-23 671
添加 Spring AOP 依赖。创建自定义注解。创建一个新的 Java 注解类，通过@interface关键字来定义，并可以添加元注解以及属性。@Target(ElementType.METHOD) //表示作用于方法上@Retention(RetentionPolicy.RUNTIME) // 表示这个注解在运行时是可见的，这样 AOP 代理才能在运行时读取到这个注解编写 AOP 拦截（自定义注解）的逻辑代码。@Aspect@Component// 方法执行前的处理。
在maven工程中怎么将java数据显示到前端页面
03-06
您可以使用Java Web框架，如Spring MVC或Struts2，将Java数据传递到前端页面。您可以在Java控制器中编写代码来获取数据，并将其存储在模型对象中。然后，您可以使用JSP或Thymeleaf等模板引擎将数据呈现在前端页面上。另外，您还可以使用JavaScript框架，如jQuery或AngularJS，来处理和呈现数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

暴躁茹

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值