servlet+jdbc+html+jquery+Mysql数据库(基于MVC的简单查询系统)

本文介绍了一个基于JavaWeb技术的全表查询项目实例,涵盖了实体类定义、DAO层实现、控制层处理及前端展示等关键步骤,并提供了完整的源代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本系统是利用最基础的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>&nbsp;--描述说明--</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自己下载一个


为了巩固知识,做的一个网站。基于struts2+spring+springjdbc开发的代码分享网,所有源码已开源。 网站功能介绍: 1、邮件注册(采用阿里云企业邮箱),为了让大家体验一下邮箱注册功能。我已经在分享的源码中,为大家配置好了测试账户,大家可以在自己电脑上进行测试。 2、md5加密,注册用户,所有密码会以密文保存在数据库,可以保证安全。 3、代码分享功能(核心功能),该功能的主要特色是集成了优秀的文本编辑器,支持插入代码、插入链接、插入表情、插入图片、支持在线预览。同时也实现了文件上传(基于struts2的文件上传功能)。 4、代码下载,下载功能会判断用户是否下载过该代码,若下载过则不扣积分。下载功能也是基于struts2的下载模块实现的。 5、代码评论,该功能是我仿照qq空间评论功能实现的,在本站中,我是以时间倒叙方式显示的(也支持正序)。 6、代码收藏,用户可以收藏代码。 7、消息中心,分为了0系统消息、1评论消息、2兑换消息、3上传图片消息、4上传文件消息、5下载消息(用户扣除积分)、6下载消息。 8、代码中心,分为了分享代码、下载代码、评论代码、收藏代码。 9、设置功能,支持修改昵称、城市、性别、座右铭、密码、头像。 10、赞助兑换功能,支持1个赞助兑换10个积分,也支持用赞助升级称号。 11、其他功能包括:图片压缩处理功能(即使是几M的图片,压缩后也只有几十kb)。通用json处理功能(向方法中传递任何参数,int、string等,都会返回json数据,而且速度很快)。分词功能(点击某一个分享,进入详情页的时候,会对该分享名称进行分词,并且加入到head中,利于网站seo)。 可能还有一些其他功能,通过查看源码可了解。 网站技术介绍: 1、采用语言,java 2、后台框架,struts2+spring+spring JDBC 3、前台技术,layui+jquery+ajax 网站设计思路: 前台渲染是采用的jsp技术,为了保证网站的速度,我使用了几种方法: 1、我将重复的代码保存成单独的jsp文件然后引入(这样的好处就是重复的jsp文件只会加载一次,然后浏览器缓存,下次加载速度会提升)。比如,我将link和header单独提取出来,然后在其他页面进行引入: 2、所有的业务功能,我都放在了html加载完成之后,利用jquery+ajax获取数据后再渲染界面(这样的好处就是给用户的感觉是网站速度很快。因为用户打开后,立马渲染html代码,此时网站结构已经出现,接着用jqury+ajx去后台获取数据。由于我的sql语句严格控制在ms级别,所以只需要几百ms,数据即可拿到,此时渲染在页面上给用户的感觉很快) 3、sql语句的控制,本站的所有sql语句,均控制在1s以下。这块我花了很长时间进行sql优化,我举个例子:为了减少数据库的访问次数,我会想方设法通过一条语句获取所有信息,并且严格控制它的执行速度,绝对不可以超过1s。首页的下载榜、评论榜、收藏榜,这三个功能的数据就是通过一条sql语句获取的: #优化联合查询用户评论、下载、收藏的资源列表 select a.sort,a.id,r.name,a.nowtime,r.isjing,r.isyuan, ifnull(c.res_comments_num,0) as res_comments_num, ifnull(d.res_download_num,0) as res_download_num, ifnull(kp.res_keep_num,0) as res_keep_num from #sort为1代表用户评论的代码列表 (select 1 as sort,c.resources_id as id,c.nowtime as nowtime from comments c #需要指定用户 where c.user1_id = 1 group by c.resources_id union all #sort为2代表用户下载的代码列表 select 2 as sort,d.resources_id as id,d.nowtime as nowtime from download d #需要指定用户 where d.user_id = 1 group by d.resources_id union all #sort为3代表用户收藏的代码列表 select 3 as sort,k.resources_id as id,k.nowtime as nowtime from keep
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值