前一阵子老师给出了一个题目, 说让设计个表格, 学生系统的, 可以查询学生的信息和成绩, 科目自己定, 数据库建表也自己定.
数据库的建表可是建的相当的简陋, 反正老师不是很满意, 后来数据表格做出来了, 老师让添加一个查询功能, 一下让我有点懵, 查询的内容还没讲, 不知道咋做, 于是当天晚上苦思冥想想出来这么一个办法, 开始的时候不是很合适, 请教了一下老师, 整理一下贴出来!
首先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 ></table> <!-- 对话框窗口, 显示添加或编辑 --> <div > <form > <table> <tr> <td>学生学号: </td> <td><input > 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>