网页展示数据库内容

article/2025/11/11 0:02:51

目的:写一个JSP访问Access数据库的user表,将所有的记录显示出来;ODBC数据源名为test,驱动类名为:“driverClassName=com.mysql.jdbc.Driverr”,连接数据库的url为:”url=jdbc:mysql://localhost:3306/access”。user表中name字段为varchar类型,password为varchar类型。

1.0 在SQLyog中创建access数据库以及user表。

CREATE DATABASE access;USE access;CREATE TABLE USER(id INT PRIMARY KEY AUTO_INCREMENT,NAME VARCHAR(30),PASSWORD VARCHAR(30)
);

如果在创建数据库时,不小心创建错数据库或者表,可以删除
Drop database <数据库名>;
Drop table <表名>;

Drop datebase access;
DROP TABLE USER;

给user表里面插入两条数据
在这里插入图片描述

2.0 在模块下,搭建三层架构模型 逻辑结构

在这里插入图片描述

大致搭建成以下这个结构

2.1 在web下,有WEB-INF层,之下有lib层,lib里面存储项目所需jar包。

2.2 在src下,dao层,domain层,service层,util层,web.servlet层

2.2.1 在util层下创建JDBCUtils

package cn.itcast.util;import com.alibaba.druid.pool.DruidDataSourceFactory;import javax.sql.DataSource;
import java.io.IOException;
import java.io.InputStream;
import java.sql.Connection;
import java.sql.SQLException;
import java.util.Properties;/*** JDBC工具类 使用Durid连接池*/
public class JDBCUtils {private static DataSource ds ;static {try {//1.加载配置文件Properties pro = new Properties();//使用ClassLoader加载配置文件,获取字节输入流InputStream is = JDBCUtils.class.getClassLoader().getResourceAsStream("druid.properties");pro.load(is);//2.初始化连接池对象ds = DruidDataSourceFactory.createDataSource(pro);} catch (IOException e) {e.printStackTrace();} catch (Exception e) {e.printStackTrace();}}/*** 获取连接池对象*/public static DataSource getDataSource(){return ds;}/*** 获取连接Connection对象*/public static Connection getConnection() throws SQLException {return  ds.getConnection();}
}

2.2.2 在domain层下,创建User类 千万千万一定要设置成私有方法,private,因为没有设置私有,查bug一天

package cn.itcast.domain;public class User {private int id;private  String name;private  String password;public int getId() {return id;}public void setId(int id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}
}

src和web同级目录

在这里插入图片描述

3.0 导入src下的druid.properties数据库连接池,以下是连接池中内容,只需把url=jdbc:mysql://localhost:3306/access中最后的access换成所要连接数据库的名字。

driverClassName=com.mysql.jdbc.Driver
url=jdbc:mysql://localhost:3306/access
username=root
password=root
# 初始化连接数量
initialSize=5
# 最大连接数
maxActive=10
# 最大等待时间
maxWait=3000

lib目录下所需jar包:mysql-connector-java-5.1.37-bin.jar

配置好数据库连接池,以及导入所需jar包后,就可以开始写代码了。
由于技术有限,不能实现数据的共享,因此每次查询,都要遍历一遍。

4.1 创建index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>首页</title>
</head>
<body>
<div align="center"><ahref="${pageContext.request.contextPath}/userListServlet" style="text-decoration:none;font-size:33px">查询所有用户信息</a>
</div>
</body>
</html>

href="${pageContext.request.contextPath}/userListServlet" style=“text-decoration:none;font-size:33px”>查询所有用户信息
这句话,经过一层userListServlet的过滤,向list.jsp展示页面跳转

4.2.1 在servlet目录下创建UserListServlet

package cn.itcast.web.servlet;import cn.itcast.domain.User;
import cn.itcast.service.UserService;
import cn.itcast.service.impl.UserServiceImpl;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("/userListServlet")
public class UserListServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 1.设置编码request.setCharacterEncoding("utf-8");//1.调用UserService完成查询UserService service = new UserServiceImpl();List<User> users = service.findAll();//2.将list存入request域request.setAttribute("users",users);System.out.println(users);//3.转发到list.jsprequest.getRequestDispatcher("/list.jsp").forward(request,response);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}

4.2.2 在service层下创建impl包,以及UserService接口 impl包下创建UserServiceImpl实现类

package cn.itcast.service;import cn.itcast.domain.User;import java.util.List;/*** 用户管理的业务接口*/
public interface UserService {/*** 查询所有用户信息* @return*/public List<User> findAll();
}

UserServiceImpl实现UserService接口

package cn.itcast.service.impl;import cn.itcast.dao.UserDao;
import cn.itcast.dao.impl.UserDaoImpl;
import cn.itcast.domain.User;
import cn.itcast.service.UserService;import java.util.List;public class UserServiceImpl implements UserService {private UserDao dao = new UserDaoImpl();@Overridepublic List<User> findAll() {//调用Dao完成查询return dao.findAll();}
}

4.2.3 在dao层创建impl包以及UserDao接口,在impl包下创建UserDao的实现类UserDaoImpl

package cn.itcast.dao;import cn.itcast.domain.User;import java.util.List;/*** 用户操作的DAO*/
public interface UserDao {public List<User> findAll();
}

UserDaoImpl实现UserDao

package cn.itcast.dao.impl;import cn.itcast.dao.UserDao;
import cn.itcast.domain.User;
import cn.itcast.util.JDBCUtils;
import org.springframework.jdbc.core.BeanPropertyRowMapper;
import org.springframework.jdbc.core.JdbcTemplate;import java.util.List;public class UserDaoImpl implements UserDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());@Overridepublic List<User> findAll() {//使用JDBC操作数据库...//1.定义sqlString sql = "select * from user";List<User> users = template.query(sql, new BeanPropertyRowMapper<User>(User.class));return users;}
}

4.3 经过一层UserListServlet的过滤,重定向到list.jsp中,

//3.转发到list.jsp//重定向    request.getRequestDispatcher("/list.jsp").forward(request,response);

list.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
<head><title>用户信息管理系统</title>
</head>
<body>
<div class="container" align="center"><h3 style="text-align: center">用户信息列表</h3><div  margin: 5px; ><label for="user">用户名:</label><input type="text" name="username" id="user" placeholder="请输入查找人姓名"><a  href="${pageContext.request.contextPath}/add.jsp">查找</a><a  href="${pageContext.request.contextPath}/add.jsp">添加</a></div><div><table border="1" class="table table-bordered table-hover"><tr class="success" align="center"><th>编号</th><th>姓名</th><th>密码</th></tr><c:forEach items="${users}" var="user"><tr align="center"><td>${user.id}</td><td>${user.name}</td><td>${user.password}</td></tr></c:forEach></table></div></div>
</body>
</html>

最后结果

在这里插入图片描述

在这里插入图片描述


http://chatgpt.dhexx.cn/article/UKvvradu.shtml

相关文章

[VS]网页连接数据库

工具&#xff1a; 1、Visual Studio(我使用的是vs2019) 2、SQL server(我使用的是sql2008) 3、网页运行框架&#xff1a;.Net2.0 目录 一、网站以windows身份验证连接数据库 二、网站以sql server身份验证连接数据库 三、使用工具Visual Studio中自带的连接数据库功能 一…

网页开发(十四)—数据库管理

书接上回&#xff1a; 7、MySQL指令 MySQL普通认知数据库文件夹数据表文件&#xff08;Excel文件&#xff09; 7.1 数据库管理&#xff08;文件夹&#xff09; &#xff08;1&#xff09;查看已有的数据库&#xff08;文件夹&#xff09;&#xff1a;show databases; &…

每周一品 · 音圈电机(VCM)中的磁性材料

音圈电机 (Voice coil motor, VCM) 是一种特殊形式的直驱电机&#xff0c;能将电能直接转化为直线运动机械能&#xff0c;其原理是在均匀气隙磁场中放入一个圆筒绕组&#xff0c;绕组通电产生磁场&#xff0c;带动负载设备做直线往复运动&#xff0c;改变电流的强弱和流向&…

VCM音圈马达的一些特点

VCM(Voice Coil Motor)&#xff1a;中文名称为音圈马达&#xff0c;亦称音圈电机&#xff0c;原理是在一个固定的磁场内&#xff0c;通过改变VCM线圈电流的大小&#xff0c;来控制VCM马达移动的位置&#xff0c;从而改变镜片之间的距离来达到对焦的功能。基本上在所有手机上均有…

vcm驱动芯片原理_每周一品 · 音圈电机(VCM)中的磁性材料

音圈电机 (Voice coil motor, VCM) 是一种特殊形式的直驱电机&#xff0c;能将电能直接转化为直线运动机械能&#xff0c;其原理是在均匀气隙磁场中放入一个圆筒绕组&#xff0c;绕组通电产生磁场&#xff0c;带动负载设备做直线往复运动&#xff0c;改变电流的强弱和流向&…

Camera基础知识

物理结构 一、手机Camerade的物理结构 FPC&#xff08;flexible printed circuit&#xff09;可挠性印刷电路板Sensor图像传感器IR红外i滤波片holder基座lens镜头 通常&#xff0c;一个摄像头硬件上包括5个部分&#xff1a;外壳&#xff08;马达&#xff09;、镜头&#xff…

MPEG VCM

传统是视频编码是针对人眼视觉进行优化的&#xff0c;目的是在保持人的主观失真不增加的情况下降低码率。而现在越来越多的视频需要进行机器分析&#xff0c;而人只需要看机器分析的结果。因此MPEG成立VCM&#xff08;Video Coding for Machines&#xff09;工作组探索新的标准…

VCM基本原理和主要性能指标

VCM(Voice Coil Motor)音圈马达是一种将电能转化为机械能的装置,实现直线型及有限摆角的运动,实现运动的力来源于通电线圈在磁场中受到的作用力。VCM 的精确控制需要通过外部的驱动IC 来实现。按功能分为开环VCM,中置VCM,闭环VCM,光学防抖VCM。 VCM(Voice Coil Motor)音…

camera基础知识(1)

目录 camera module 镜头lens 光圈快门 音圈马达VCM 滤光片 image sensor: 摄像头工作原理大致如下 camera作为android系统中庞大的一个模块之一&#xff0c;camera框架包含的知识十分多&#xff0c;作为一名camera工程师&#xff0c;我们不仅要熟悉代码&#xff0c;也要…

VCM绕线机的功能参数

VCM的全称是Voice Coil Motor&#xff0c;我们也叫音圈马达和音圈电机&#xff0c;是手机中比较常用的配件&#xff0c;也广泛应用于电脑、网络摄像头、扫描仪等&#xff0c;因为原理和扬声器类似&#xff0c;所以叫做音圈电机。它与我们常见的电机不一样&#xff0c;具有结构简…

【camera】1. 相机硬件组成

相机—光照测量设备 图像—辐射能量测量 Lens:镜头 VCM:音圈马达 IR Filter:滤光片 Sensor:感光元件CCD\CMOS, Substrate PCB:基片电路 DSP(option):数字信号处理器 ISP(option):图像信号处理器 CCD 电耦合器件 CMOS 互补性金属氧化物半导体 无论是ccd还是cmos都是光…

VCM驱动IC--close loop

VCM驱动IC&#xff1a; 正从幕后走向台前 作为与VCM&#xff08;音圈马达&#xff09;匹配的driver IC一直被产业链当做一个小器件&#xff0c;故而默默无闻&#xff0c;较少为人所认知和谈论。其实小小的driver IC&#xff0c;是摄像模组实现自动对焦功能不可或缺的一部分…

vcm驱动芯片原理_技术科普 | 一文了解音圈马达的驱动原理

原标题:技术科普 | 一文了解音圈马达的驱动原理 第11期 庄子云: “鲲之大,不知其几千里也。化而为鸟,其名为鹏。鹏之背,不知其几千里也,怒而飞,其翼若垂天之云。”大鹏鸟展翅高飞借助的是风带来的动力。 可见,在一个运转的系统中,动力是多么的重要。我们的手机摄像头系…

手机相机接口介绍

原文来自公众号&#xff1a;工程师看海 相机是手机中非常重要的模组之一&#xff0c;已成为智能手机的标配&#xff0c;其按布局可以分为前摄和后摄&#xff0c;按功能可以分为自拍相机、主相机、超广角、长焦和微距等。 不同功能的相机有不同功能的结构和电气特性&#xff0c;…

音圈电机工作原理与直线电机的对比

图片来自&#xff1a;什么是音圈电机&#xff1f;如何工作的&#xff1f;如何应用于相机镜头调焦&#xff1f; - 知乎 目录 1. 什么是音圈&#xff1f; 2&#xff0e;音圈电机(VCM,Voice Coil Motor)结构及原理 2.1 音圈电机工作原理 2.2 音圈电机结构 2.3 音圈电机的特点 …

【转】VCM驱动IC--close loop

VCM驱动IC&#xff1a; 正从幕后走向台前 作为与VCM&#xff08;音圈马达&#xff09;匹配的driver IC一直被产业链当做一个小器件&#xff0c;故而默默无闻&#xff0c;较少为人所认知和谈论。其实小小的driver IC&#xff0c;是摄像模组实现自动对焦功能不可或缺的一部分…

Camera简介(一):摄像头模组CCM的结构和原理简述

我们常说的Sensor也就是图像传感器只是整个摄像头模组的一部分&#xff0c;主要负责将接收到的光信号转换成电信号&#xff0c;实际上整个摄像头模组(Camera Compact Module&#xff0c;CCM)由很多部分组成&#xff0c;除Sensor以外的其他模块会负责完成对焦、滤光、减震、数据…

【camera】【摄像头模组】摄像头模组简单介绍

摄像头模组 1. 摄像头介绍 摄像头模组的结构大致如下&#xff1a; camera模组工作原理&#xff1a;景物通过镜头lens生成光学图像信号投射到图像传感器image sensor表面上&#xff0c;由sensor感光像素点转换为电信号&#xff0c;经过图像传感器的A/D数模转换变为数字图像信号…

霍尔元件在VCM音圈马达中的应用

音圈马达&#xff08;音圈电机&#xff09;自动对焦装置又称为音圈马达自动对焦驱动器&#xff0c;此驱动器可分为移动部件与固定部件两大部分&#xff0c;移动部件包括镜头模组Lens、镜头座Holder以及两个永磁铁Magnets&#xff1b;而固定部件包括一个霍尔元件(型号推荐HG106C…

VCM音圈马达摄像头对焦

目录 VCM(Voice Coil Motor)是什么 主要功能是用作摄像头的快速对焦 音圈马达的构成 音圈马达控制原理 自动振幅控制系统 音圈马达的使用方式 总结 VCM(Voice Coil Motor)是什么 VCM是音圈马达有控制快、精度高的特点。 10ms左右可达目标位置&#xff0c;采用合适的定…