前一阵子老师给出了一个题目, 说让设计个表格, 学生系统的, 可以查询学生的信息和成绩, 科目自己定, 数据库建表也自己定.

　　数据库的建表可是建的相当的简陋, 反正老师不是很满意, 后来数据表格做出来了, 老师让添加一个查询功能, 一下让我有点懵, 查询的内容还没讲, 不知道咋做, 于是当天晚上苦思冥想想出来这么一个办法, 开始的时候不是很合适, 请教了一下老师, 整理一下贴出来!

首先JSP页面这样写,

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>学生成绩列表</title>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"></link>

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"></link>

<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

</head>

<script>

<%

String sno = request.getParameter("sno");

if(sno==null) {

    sno = "";

}

%>

    $(function() {

        $("#tab").datagrid({

            title:"学生成绩列表",

            url:"GetstuList?sno=<%=sno%>",

            idField:"sno",

            singleSelect:false,      //指定是否只可以单选

            frozenColumns:[[

                //冻结某一列不随滚动条滚动

                  {field:"",title:"",checkbox:true},

                  {field:"sno",title:"学生学号",width:80}

            ]],

            columns:[[

                  {field:"sname",title:"学生姓名",width:80},

                  {field:"ssex",title:"学生性别",width:80},

                  {field:"sbirthday",title:"学生出生日期",width:120},

                  {field:"sclass",title:"学生班级",width:80}

            ]],

            toolbar: [{

                //查找工具

                text:'查找',

                iconCls: 'icon-search',

                handler: function(){

                    $("#addfm").form("reset");

                    $("#add").dialog({

                        title:"查找"

                    })

                    $("#add").dialog("open");

                }

            }],

            collapsible:true,      //是否折叠

            width:"100%",        //整个表宽

            fitColumns:true,       //是否适应表的宽度

            striped:true,     //斑马线

            pagination:true,     //是否出现分页工具栏

            pageNumber:1,       //打开页面首先显示哪一页

            pageSize:3,      //页面打开时显示的每页显示的数据条数

            pageList:[3,6,9,12],        //分页列表选项, 按每页显示多少内容

            sortName:"sno",      //按哪一列进行排序

            sortOrder:"desc",    //定义是顺序排列还是倒序

            remoteSort:false,    //取消从服务器排序, 如果要让数据这这里排序这个属性必须设置为false

            loadMsg:"不要着急,马上就好..."

        });

    });

</script>

<body>

<table id="tab"></table>

<!-- 对话框窗口, 显示添加或编辑 -->

<div id="add" class="easyui-dialog" style="width:300px" data-options="closed:true">

    <form id="addfm" method="post" action="Student.jsp">

        <table>

            <tr>

                <td>学生学号: </td>

                <td><input id="sno" name="sno" class="easyui-textbox"

                data-options="required:true,

                                    validType:'length[2,10]',

                                    missingMessage:'查询学生学号为必填项'" /></td>

            </tr>

            <tr>

                <td colspan="2" align="center">

                    <input type="submit" value="查询" />

                </td>

            </tr>

        </table>

    </form>

</div>

</body>

</html>

然后是Servlet

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        response.setContentType("text/html; charset=utf-8");

        String sno = request.getParameter("sno");

        String pagenum = request.getParameter("page");

        String rows = request.getParameter("rows");

        int ipagenum = 0;

        int irows = 0;

        String str1 = "";

        //判断sno的值, 如果为"", 就执行下面的代码, 不为空就跳到else的代码里

        if(sno==null||sno.trim().length()<=0) {

            if(pagenum!=null&&pagenum.trim().length()>0&&rows!=null&&rows.trim().length()>0) {

                ipagenum = Integer.parseInt(pagenum);

                irows = Integer.parseInt(rows);

            }

            try {

                StuDal stu = new StuDal();

                ArrayList<Stuclass> array =  stu.getStuList(ipagenum,irows);

                if(array!=null) {

                    int x = stu.getCount();

                    str1 = "{\"total\":"+x+",\"rows\":" + JSON.toJSONString(array) + "}";

                }

            }

            catch (Exception e) {

                response.getWriter().append(e.getMessage());

            }

        }

                //sno不为空走这段

        else if(sno!=null&&sno.trim().length()>0) {

            if(sno!=null&&sno.trim().length()>0) {

                try {

                    StuDal stu = new StuDal();

                    ArrayList<Stuclass> array =  stu.getStuList(sno);

                    if(array!=null) {

                        int x = stu.getCount();

                        str1 = "{\"total\":"+x+",\"rows\":" + JSON.toJSONString(array) + "}";

                    }

                }

                catch (Exception e) {

                    response.getWriter().append(e.getMessage());

                }

            }

        }

        response.getWriter().append(str1);

    }

　　这段代码的原理就是打开一个对话框, 输入一个数字, 即学生学号, 然后将学生学号传给自己, 就是url的那个Servlet, 由Servlet进行判断, 为空就显示全部的信息, 不为空就执行另一个方法, 即单条查询, 其实按照姓名查询用这个方法也能实现, 就是在开头的地方, 在JSP页面里加上设置字符集的那三行代码, 然后转成字节码, 传送到Servlet里之后进行同样的判断, 有值的话就转成汉字, 输入到sql语句中去.

　　这样的代码比较简陋, 以当时的只是水平也就能想出这么个办法来了.

　　哦对! 还有一个需要说明的问题, 就是为什么在开始会有下面这些代码, 这句if判断代码如果不加的话, 数据表格是空的, 没有数据.

<%

String sno = request.getParameter("sno");

if(sno==null) {

    sno = "";

}

%>

　　原因是: 当在页面之间传递参数的时候, request.getParameter()传递的是一个字符串了, 如果这个参数为null, 当传递到Servlet里面的时候就变成"null", 这是一个值为null的String了, 并不是null(Object)了, 类型变了, 即使不变, 传一个对象过去, 也肯定实现不了这个功能, 所以在页面一开始的时候先处理一下, 如果参数为null, 就让它等于"", 就能解决这个问题了

上个效果图:

单条查询的getCount方法我没改, 所以单条查询的页码数还是6, 这些细节就不要在意啦...

利用简单的参数传递来实现单条查询的easyui-datagrid的更多相关文章

  1. 简单模拟struts2核心控制器利用反射原理实现参数传递和物理视图跳转

    在能够运用struts2框架进行简单网站开发后,对struts2的一些较原框架强大的功能希望有更深刻的理解,于是尝试从底层开始摸索,本文就在重新学习struts2后,利用简单代码对核心控制器的主要功能 ...

  2. 利用百度API Store接口进行火车票查询

    火车票查询 项目源码下载链接: Github:https://github.com/VincentWYJ/TrainTicketQuery 博客文件:http://files.cnblogs.com/ ...

  3. 【Javascript】列表查询页面，简单地保存上一次查询的查询参数

    开发中经常做一些查询参数 + 列表参数的功能,这些功能有时候需提供导出Excel,或带超链接到其他明细页面的功能点. 在一些交互性要求严格的系统,需求方会要求: 用户第一个输入某些查询条件进行列表查询 ...

  4. phalcon查询：单条查询，多条查询，多表查询

    单条查询, $order = \OrderMain::findFirst("oid='" . $oid . "'"); 多条查询, $shop = \Order ...

  5. 利用Shell脚本实现远程MySQL自动查询

    下面这个脚本是一个简单用来执行远程数据库查询的命令,相信大家都能看得懂,这对于有些需要每天自动检查数据库或是执行某些语句的兄弟,是很有帮助的,只要稍加修改就可以 #!/bin/shHOST=192.1 ...

  6. EasyUI datagrid简单运用

    jquery的前端框架挺多的,有easyUI ,bootstrap...,对于做系统软件或许easyUI比较好,因为里面控件很丰富,而bootstrap非常简洁大方,但是控件相 对比较少,特别是复杂的 ...

  7. jquery easyui datagrid翻页后再查询始终从第一页开始

    在查询之前将datagrid的属性pageNumber重新设置为1 var opts = grid.datagrid('options'); opts.pageNumber = 1; easyui d ...

  8. EasyUI datagrid 查询、设置、提交 三

    查询 $(“#grid”).datagrid(“load”,{  a: $('#id').val(),b :$('#text').val() });   {} 里面可以 是序列化参数 $(“#grid ...

  9. 项目一:第三天 收派标准添加 收派标准分页查询（基于datagrid实现） 收派标准修改快递员添加 快递员列表查询

    1.收派标准添加 n jQuery easyUI window使用 n jQuery easyUI form表单校验 n 收派标准添加页面调整—url params n 服务端实现—三层 2.jQue ...

随机推荐

  1. spring eureka required a bean of type 'com.netflix.discovery.DiscoveryClient' that could not be found.

    spring在集成第三方过程很容易出现类名相同,且基本作用相同的类.这样给初学者带来一定的困惑. 导致用错类而出现以下问题. required a bean of type 'com.netflix. ...

  2. js例子记载

    1.获取项目路径的,不一定有用,仅作参考用: function getRootPath() { var curWwwPath = window.document.location.href; //&q ...

  3. 1037 Magic Coupon （25 分）

    1037 Magic Coupon (25 分) The magic shop in Mars is offering some magic coupons. Each coupon has an i ...

  4. Python- 解决PIP下载安装速度慢 让PIP源使用国内镜像，提升下载速度和安装成功率。

    原文: https://www.cnblogs.com/microman/p/6107879.html 对于Python开发用户来讲,PIP安装软件包是家常便饭.但国外的源下载速度实在太慢,浪费时间. ...

  5. Windows 8的用户模式Shim Engine小探及利用

    转载: https://bbs.pediy.com/thread-175483.htm Windows Shim Engine,即Windows 兼容性模式实现引擎,在exe文件的属性对话框中有一个兼 ...

  6. Thread 1 cannot allocate new log的问题分析 (转载)

    Thread 1 cannot allocate new log的问题分析 发生oracle宕机事故,alert文件中报告如下错误: Fri Jan 12 04:07:49 2007Thread 1 ...

  7. solr 7+tomcat 8 + mysql实现solr 7基本使用(安装、集成中文分词器、定时同步数据库数据以及项目集成)

    基本说明 Solr是一个开源项目,基于Lucene的搜索服务器,一般用于高级的搜索功能: solr还支持各种插件(如中文分词器等),便于做多样化功能的集成: 提供页面操作,查看日志和配置信息,功能全面 ...

  8. 网络基础知识 tcp

    网络基础相关的知识(1)架构a. C / S架构: client客户端和server服务器端 优势: 能充分发挥PC机的性能b. B / S架构: browser浏览器和server服务器 隶属于C ...

  9. LRU的理解与Java实现

    简介 LRU(Least Recently Used)直译为"最近最少使用".其实很多老外发明的词直译过来对于我们来说并不是特别好理解,甚至有些词并不在国人的思维模式之内,比如快速 ...

  10. IP分组交付和转发

    1:交付 网络层监视底层物理网络对分组的处理过程叫做交付,分为直接交付和间接交付 1.1:直接交付 直接交付时,分组的终点是一台与交付着连接在同一个网络上的主机,发生在俩种情况下,分组的源点和终点都在 ...