1、学生列表的 HTML部分

<script type="text/javascript">
$(function(){
//创建dataGrid
$("#dg").datagrid({
url:'StudentServlet', //数据来源
//冻结列
frozenColumns:[[
{field:'id',checkbox:true},
{field:'sno',title:'学号',width:100,sortable:true} ]],        \\可排列 //列的定义
columns:[[ {field:'sname',title:'姓名',width:100},
{field:'sclass',title:'班级',width:100,align:'right'},
{field:'ssex',title:'性别',width:100,align:'center',hidden:false},
{field:'sbirthday',title:'生日',width:100,align:'center' }
]],
fitColumns:true, //不能和冻结列同时设置
striped:true,//斑马线效果
idField:'sno',//主键列,
rownumbers:true,//显示行号
singleSelect:false,//是否单选
pagination:true,//显示分页栏
pageList:[5,10,20],//每页行数选择列表
pageSize:5,//初始页面大小
remoteSort:false,//是否服务器端排序
toolbar:[
{iconCls:'icon-edit',text:'跳到第2页',
handler:function(){$('#dg').datagrid('gotoPage', 2)} },
{iconCls:'icon-edit',text:'跳到第3页',
handler:function(){$('#dg').datagrid('gotoPage', 3)} }
]
});
})
</script>
数据表格<br>
<table id="dg"></table>
</body>

2、StudentServlet部分(数据来源)

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

        request.setCharacterEncoding("UTF-8");

        response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");      \\汉化 String spage = request.getParameter("page");    \\获取page
String srows = request.getParameter("rows"); \\获取rows if(spage!=null&&srows!=null)
{
int page =Integer.parseInt(spage);
int rows =Integer.parseInt(srows); String json = new StudentService().getPageJSON(page,rows);    \\调用方法 response.getWriter().println(json);
}
else
{
response.getWriter().println("{'total':0,'row':[]}" );
} }

3、StudentService() 类

public class StudentService {

    //查询分页数据
//返回JSON
public String getPageJSON(int page,int rows)
{
String rtn = "{\"total\":0,\"row\":[]}" ; int total = new StudentDAO().getTotal(); if(total > 0 )
{
List<Student> ls = new StudentDAO().getPageList(page, rows); String ls_json = JSONArray.toJSONString(ls); rtn = "{\"total\":"+total+",\"rows\":"+ls_json+"}";          \\规范 json 格式
}
return rtn;
} }

4、StudentDAO()类内的 getPageList(获取分页数据集合) 和 getTotal(获取数据条数) 的方法

//获取分页数据集合
public List<Student> getPageList(int page, int rows)
{
List<Student> rtn = new ArrayList<Student>(); init(); rtn = se.createQuery("from Student order by sno").
setMaxResults(rows).setFirstResult((page-1)*rows)
.list(); destroy(); return rtn; } //获取数据条数
public int getTotal()
{
int rtn = 0; init(); List<Object> lo = se.createQuery("select count(1) from Student").list(); if(lo!=null&&lo.size()>0)
{
rtn = Integer.parseInt(lo.get(0).toString());
} destroy(); return rtn;
}

datagrid界面,链接数据库读取数据的更多相关文章

  1. echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

    1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小de ...

  2. 课堂测试_WEB界面链接数据库

    课堂测试_WEB界面链接数据库 一,题目: 一. 考试要求: 1登录账号:要求由6到12位字母.数字.下划线组成,只有字母可以开头:(1分) 2登录密码:要求显示“• ”或“*”表示输入位数,密码要求 ...

  3. 10天学会phpWeChat——第三天:从数据库读取数据到视图

    在第二天,我们创建了我们的第一个phpWeChat功能模块,但是比较简单.实际生产环境中,我们不可能有如此简单的需求.更多的情况是数据存储在MySql数据库中,我们开发功能模块的作用就是将这些数据从M ...

  4. C#实现从数据库读取数据到Excel

    用第三方组件:NPOI来实现 先去官网:http://npoi.codeplex.com/下载需要引入dll(可以选择.net2.0或者.net4.0的dll),然后在网站中添加引用.使用 NPOI ...

  5. JMeter 参数化之利用JDBCConnectionConfiguration从数据库读取数据并关联变量

    参数化之利用DBC Connection Configuration从数据库读取数据并关联变量   by:授客 QQ:1033553122 1.   下载mysql jar包 下载mysql jar包 ...

  6. Python写的链接数据库存取数据

    Python写的链接数据库存取数据 #!/usr/bin/python # -*- coding: UTF-8 -*- from __future__ import print_function im ...

  7. Android打开数据库读取数据

    打开数据库读取数据 private MyDatabaseHelper dbHelper; dbHelper=new MyDatabaseHelper(this,"List.db", ...

  8. CI,从数据库读取数据

    1.准备数据库,(用户,密码,数据库服务的地址) 2.CI链接数据库,配置database.php(配置文件)       //application/config/database.php 3.准备 ...

  9. SQL Server数据库读取数据的DateReader类及其相关类

    之前学了几天的SQL Server,现在用C#代码连接数据库了. 需要使用C#代码连接数据库,读取数据. 涉及的类有: ConfigurationManage SqlConnection SqlCom ...

随机推荐

  1. 压力测试相关之ab命令

    1. 短时压力测试工具 ab 命令(apache的工具) 关键指标: Requests per second:    98.52 [#/sec] (mean)      ###平均每秒的请求数 Tim ...

  2. 解决ugui中Image使用iTween的ColorTo、ColorFrom等不生效

    查看iTween的源码找到ColorFrom函数,看该函数的注释“/// Changes a GameObject's color values instantly then returns them ...

  3. javascript array sort()

    [5,10,1].sort(); 结果[1,10,5] 有点出人意料. array.sort( sortFunction )可选-指定如何比较元素顺序的函数名称 如果省略sortFunction参数, ...

  4. js数组操作总结

    1.数组的检测 ECMAScript3    if(value instanceof Array){ //执行操作 }    假定单一全局环境,如果网页存在多个框架,多个window,Array具有不 ...

  5. *HDU 1007 计算几何

    Quoit Design Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tot ...

  6. WIM镜像添加多语言支持

    起初的想法: intel 600p虽然速度一般,但pcie还是值得一试的.购买后发现原来的win7版本无法识别就找了KB2990941和KB3087873两个补丁,成功识别出了硬盘.期间通过dezor ...

  7. #1094 : Lost in the City

    时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 Little Hi gets lost in the city. He does not know where he is ...

  8. 利用SQl对数据库实行数据拆分与组合

    利用SQl对数据库实行数据拆分与组合实现提供以下几种方案: 方法一: WITH CTE AS (SELECT A.Id,A.[Uid],UserName FROM (SELECT A.[id], RE ...

  9. dot

    今天写程序的时候发现一个问题啊 在主函数里面吧某个指针node* r=NULL 赋值为空 然后调用函数insert(node* r,....) 在insert里面呢,我给这个指针赋值了啊 但是主函数里 ...

  10. Amoeba -- 阿里巴巴工程师的开源项目之一陈思儒

    http://www.kuqin.com/opensource/20081023/24026.html 个人博客 http://dbanotes.net/web/page/44 阿里巴巴分布式服务框架 ...