servlet+jdbc+html+jquery+Mysql数据库(基于MVC的简单查询系统)
本系统是利用最基础的JavaWeb技术完成对数据库的全表查询操作,适合读者比作者更白的小白
主要使用技术:jdbc, servlet, jquery, html, ajax, json
文件结构:
实体类:
/**
* 用户信息实体类
* @author yaochi
*
*/
public class UserInfo {
private String id;
private String username;
private int age;
private String sex;
private String xgsj;
public UserInfo() {
// TODO Auto-generated constructor stub
}
public UserInfo(String id, String username, int age, String sex, String xgsj) {
super();
this.id = id;
this.username = username;
this.age = age;
this.sex = sex;
this.xgsj = xgsj;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getXgsj() {
return xgsj;
}
public void setXgsj(String xgsj) {
this.xgsj = xgsj;
}
@Override
public String toString() {
// TODO Auto-generated method stub
return "{\"id\": \"" + this.id + "\",\"username\": \"" + this.username
+ "\",\"age\": " + this.age + ",\"sex\": \"" + this.sex + "\",\"xgsj\": \""
+ this.xgsj + "\"}";
}
dao层:
/**
*
* @author yaochi
*
*/
public class UserInfoDao {
/**
* 查询所有
* @return
* @throws SQLException
*/
public List<UserInfo> getUserInfos() {
String sql = "select * from t_userinfo";
ResultSet rs = DBHelper.getJdbc().getResultSet(sql);
List<UserInfo> userList = new ArrayList<UserInfo>();
try {
while(rs.next()){
UserInfo po = new UserInfo();
po.setId(rs.getString(1));
po.setUsername(rs.getString(2));
po.setAge(rs.getInt(3));
po.setSex(rs.getString(4));
po.setXgsj(rs.getString(5));
userList.add(po);
}
} catch (SQLException e) {
e.printStackTrace();
}
return userList;
}
/**
* 删除
*/
public void delete(String id) {
String sql = "delete from t_userinfo where id like "+id;
int i =DBHelper.getJdbc().delete(sql);
if(i==0) {
System.out.println("删除成功");
}
}
}
数据库连接工具:
/**
* 数据库连接工具
* @author yaochi
*
*/
public class DBHelper {
private static final String url = "jdbc:mysql://192.168.1.11/db_test_01";
private static final String driver = "com.mysql.jdbc.Driver";
private static final String user = "root";
private static final String password = "lyc971705";
public Connection conn = null;
public PreparedStatement pst = null;
private static DBHelper dbHelper = new DBHelper();
private DBHelper() {
try {
Class.forName(driver);//指定连接类型
conn = DriverManager.getConnection(url, user, password);//获取连接
} catch (Exception e) {
e.printStackTrace();
}
}
public static DBHelper getJdbc() {
if(dbHelper==null) {
dbHelper = new DBHelper();
}
return dbHelper;
}
/**
* 查询
* @param sql
* @return
*/
public ResultSet getResultSet(String sql) {
Connection con = DBHelper.getJdbc().conn;
PreparedStatement pstmt;
ResultSet rs;
try {
pstmt = con.prepareStatement(sql);
rs = pstmt.executeQuery();
return rs;
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
/**
* 删除
* @param sql
* @return
*/
public int delete(String sql) {
int i = 0;
PreparedStatement pstmt;
try {
pstmt = DBHelper.getJdbc().conn.prepareStatement(sql);
i = pstmt.executeUpdate();
System.out.println("删除成功");
DBHelper.getJdbc().close();
} catch (SQLException e) {
e.printStackTrace();
}
return i;
}
public void close() {
try {
this.conn.close();
this.pst.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
}
控制层:
/**
*
*<pre><b><font color="blue">SelectFilesServlet</font></b></pre>
*
*<pre><b> --描述说明--</b></pre>
* <pre></pre>
* <pre>
* <b>--样例--</b>
* SelectFilesServlet obj = new SelectFilesServlet();
* obj.method();
* </pre>
* JDK版本:JDK1.6
* @author <b>姚驰</b>
*/
@SuppressWarnings("serial")
public class UserInfoSearchServlet extends HttpServlet{
UserInfoDao dao = new UserInfoDao();
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException ,IOException {
this.doPost(req, resp);
}
/**
*
*/
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
List<UserInfo> voList = new ArrayList<UserInfo>();
voList = dao.getUserInfos();
String json = "{\"data\":"+voList+"}";
resp.setCharacterEncoding("utf-8");
resp.setContentType("text/json");
PrintWriter out = resp.getWriter();
out.print(json);
out.flush();
out.close();
System.out.println(json);
}
}
html文件
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户列表</title>
<script src="./js/jquery-1.11.2.min.js"></script>
<script src="./js/index.js"></script>
</head>
<body>
<div style="width: 600px;border:1px solid black">
<div>
<input type="button" value="查询" id="search" style="width:100px;height:30px"/>
</div>
</div>
<div id="showDiv" style="width:600px">
<table style="border:1px solid black;width:600px;">
<tr>
<th>id</th><th>姓名</th><th>年龄</th><th>性别</th><th>修改时间</th>
</tr>
</table>
</div>
</body>
</html>
index.js文件
$(function() {
$("#search").on("click", function() {
getData1();
});
});
var getData1 = function() {
$.ajax({
type: "post",
url: "userInfoSearchServlet.do",
dataType: "json",
success: function(result){
$("#showDiv table").empty();
$("#showDiv table").append(
"<tr><th>id</th><th>姓名</th><th>年龄</th><th>性别</th><th>修改时间</th></tr>"
);
$.each(result.data,function(i,item) {
$("#showDiv table").append(
"<tr><td>"+item.id+"</td><td>"+item.username+"</td><td>"+item.age+"</td><td>"+item.sex+"</td><td>"+item.xgsj+"</td></tr>"
);
});
},
error:function(e){
}
});
};
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
<display-name>EXP</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>userInfoSearchServlet</servlet-name>
<servlet-class>com.yc.mian.web.UserInfoSearchServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>userInfoSearchServlet</servlet-name>
<url-pattern>/userInfoSearchServlet.do</url-pattern>
</servlet-mapping>
</web-app>
数据库脚本:
/*
SQLyog v10.2
MySQL - 5.0.67-community-nt
*********************************************************************
*/
/*!40101 SET NAMES utf8 */;
create table `t_userinfo` (
`id` varchar (96),
`username` varchar (150),
`age` int (50),
`sex` varchar (15),
`xgsj` varchar (90)
);
insert into `t_userinfo` (`id`, `username`, `age`, `sex`, `xgsj`) values('u-0009','婚纱','21','男','1021212');
insert into `t_userinfo` (`id`, `username`, `age`, `sex`, `xgsj`) values('u-001','张大千','20','男','20170721');
用Tomcat服务器发布即可:
效果:
用到jar包:
mysql驱动包,和jquery.jd自己下载一个
servlet+jdbc+html+jquery+Mysql数据库(基于MVC的简单查询系统)相关推荐
- php mysql 物流_基于PHP的快递查询系统的设计与实现(MySQL)(含录像)
基于PHP的快递查询系统的设计与实现(MySQL)(含录像)(毕业论文10000字,程序代码,MySQL数据库) 本文研究的快递查询系统基于当前较为流行的B/S结构,采用PHP技术和MYSQL数据库进 ...
- 在线车辆推荐网 Python语言+Django框架+Mysql数据库 基于用户、物品的协同过滤推荐算法 开发在线汽车推荐系统 二手车网站推荐系统 分布式大数据、机器学习、人工智能开发
在线车辆推荐网 Python语言+Django框架+Mysql数据库 基于用户.物品的协同过滤推荐算法 开发在线汽车推荐系统 二手车网站推荐系统 分布式大数据.机器学习.人工智能开发 CarRecom ...
- Mybatis与JDBC批量插入MySQL数据库性能测试及解决方案
Mybatis与JDBC批量插入MySQL数据库性能测试及解决方案 参考文章: (1)Mybatis与JDBC批量插入MySQL数据库性能测试及解决方案 (2)https://www.cnblogs. ...
- 基于.Net Core Web MVC的图书查询系统——第四章,添加模型并使用EF Core生成基架自动生成控制器和视图
基于.Net Core Web MVC的图书查询系统 第一章,.Net Core Web MVC配置身份验证和注册登录功能并修改默认页面 第二章,.Net Core Web MVC配置邮件发送服务 第 ...
- 基于JAVAWeb好好吃查询系统计算机毕业设计源码+数据库+lw文档+系统+部署
基于JAVAWeb好好吃查询系统计算机毕业设计源码+数据库+lw文档+系统+部署 基于JAVAWeb好好吃查询系统计算机毕业设计源码+数据库+lw文档+系统+部署 本源码技术栈: 项目架构:B/S架构 ...
- MySQL 数据库 like 语句通配符模糊查询小结
MySQL 报错:Parameter index out of range (1 > number of parameters, which is 0)--MySQL 数据库 like 语句通配 ...
- mysql数据库表的多条件查询
mysql数据库表的多条件查询 一.select语句基本查询 SELECT 字段1,字段2....FROM 表名[WHERE 条件] [LIMIT N][ OFFSET M] select可以返回多条 ...
- MySQL数据库中的多表查询含义以及练习~建议码友们点亮拇指+收藏呐~
MySQL数据库中的多表查询含义以及练习 一. 多表查询含义 二. 多表查询练习 1. 已知表 2. 需求And代码 一. 多表查询含义 查询语法: select列名列表from表名列表where条件 ...
- node.js+MySql数据库+HTML实现内部查重系统
node.js+MySql数据库+HTML实现内部查重系统 实现目标: 1.将每个人的项目登记,存入MySql数据库 2.在填写时进行实时正则判断,判断每项输入格式是否正确,方便之后进行查重对比 3. ...
最新文章
- Matlab与ROS通信设置
- python本地读csv文件_python读写csv文件方法详细总结
- solr搭建分布式搜索引擎
- 【django】项目准备
- 大一java图书馆管理系统课程设计
- Python学习笔记:虚拟环境和包
- Matlab高光谱样本相关性分析
- mysql 分库分表 ~ ShardingSphere生态圈
- 【电子技术实验设计】简易交通灯控制逻辑电路设计报告
- 李氏第二法分析稳定性matlab,9-4李雅普诺夫稳定性分析2010.ppt
- C# - 获取工程里资源(图片、图标等)
- Teams 的 Meeting App
- linux , Shell 文件合并的命令
- Pop!_OS安装与配置(三):系统美化
- 把握消费节点,精细服务助推喆啡酒店创优
- 防静电包装材料应用越来越广泛,这些变化你知道吗?
- 张维明老师---沪师经纪刘建
- 暑假阅读的正确打开方式原来这么简单!
- 抖音广告助手是干什么的?在文章中为大家总结了4点
- Vue7 异步加载 懒加载
热门文章
- 计算机专业没过英语四级,英语专业大学生没过大学英语四级是真的很丢脸
- 为什么qt成为c++界面编程的第一选择
- 约瑟夫问题这是17世纪的法国数学家加斯帕在《数目的游戏问题》中讲的一个故事:15个教徒和15 个非教徒在深海上遇险,必须将一半的人投入海中,其余的人才能幸免于难,于是想了一个办法:30个人围成一圆圈
- 计算机二级 office —— Excel(1)
- 一个超级炫酷的链接特效
- CoreSeek快速安装
- 1.3 数据库系统的结构
- 10.5 外部中断的处理过程
- tomcat域名重定向
- 新闻!龙漫集团“有艺翼”行动@Kid.ArtWing+国际少儿艺术展在国家会议中心开幕