`

GT-Grid 与后台(j2ee)结合进行CRUD的完整示例

阅读更多
GT-Grid 与后台(j2ee)结合进行CRUD的完整示例


虽然这个示例发布了 而且内含GT-Grid 1.0正式版, 但是我不打算作为正式版本发布.
因为之前承诺的几点 有些还有没有做到:
1 提供一个和ext不一样的皮肤
2 提供更详细的文档和示例

等上面两点做好了 我再正式发布.

=================================
言归正传.
这个例子 主要演示了 gt-grid与后台结合的方法.
请大家重点看action 里是如何从客户端取数据 以及如何向客户端送数据的

而其他地方 例如action如何实现的 , dao层是如何实现的 等等不是大家要看的重点.

dao层只要能返回一个 数据集合 并且这个集合能够转换成json字符串
那么dao层怎么实现 完全按你自己的意愿来.

这个示例中提供了一个 GridServerHelper工具类, 建议建议看看这个类的实现方法
这样能更好的理解 gt-grid和后台交互的方式以及原理.

整个示例的后台代码 我没有使用任何第三方框架 所以难免粗糙 还请大家海涵.

=========================================
关于文档:
JE的wiki频道还是不能达到我期望的样子,所以在JE wiki写文档的计划暂时搁置.
改为在blog里写 不过还没写呢.

以后争取每天写一篇.

==========================================

运行步骤
1 部署后, 运行 startdb.bat 启动数据库

  * h2manager.bat是一个h2db提供的数据库管理程序.

2 启动web应用
3 在浏览器里输入  http://127.0.0.1:8080/gtdemo/index.do
(地址根据实际情况而定),进入"示例列表"页面

4 点击那个 列表里的 第一项的 链接  ,
之后会进入第一个也是目前为止唯一一个和后台结合的示例页面

5 然后就可以对列表进行 增删改 等操作.


=============================================


注意: 附件并不是一个直接部署的war包 而是一个eclipse项目

不过我相信有经验的朋友可以很轻易的就部署成功



下载请去:

http://forum.springside.org.cn/viewthread.php?tid=2924&extra=page%3D1

问: 为什么把附件要放到 springside 网站??
答: 简单点说,两个字"致敬". 具体点说... 等我改天另起一篇blog吧






分享到:
评论
19 楼 airsise 2008-07-10  
信息: Installing web application at context path /gtdemo from URL file:D:\java\Tomcat 5.0\webapps\gtdemo
***** ERROR ***** :
*   Class : com.fins.gt.dataaccess.H2DBManager   Object : com.fins.gt.dataaccess.H2DBManager@c38157
*   *   StackTrace :
org.h2.jdbc.JdbcSQLException: Connection is broken [90067-74]

呵呵,报这样的错,怎么解决
18 楼 175203509 2008-07-10  
嗯 谢谢了
17 楼 fins 2008-07-10  
nicksean 写道
谢谢!还有一个问题,怎么把某列定义成链接,当前数据作为Action的参数,点击后执行后台Action,或在表格中增加一列用前面的某一列数据当参数?


都是没有文档惹的祸
自定义 column的 renderer
renderer=function(value ,record,columnObj,grid,colNo,rowNo){
  return this.editor.getDisplayValue(value);
}

第二个参数 就是 record

那么你可以随意的拼一个链接的html代码了

renderer : function(v,record,columnObj,grid,colNo,rowNo){
  return return '<a href="'+ APP_PATH +'/'+v+'?name='+record.name+'" >'+v+'</a>';
}


如果要用ajax提交
那么你可以在 grid 的 onClickCell 里来做
onClickCell : function( value, record , tdObj ,trObj , colNO, rowNO,colObj,event){
  // 一个函数 你自己随意写  record.name .... 
}

其中value就是你点击的单元格对应的 数据, record就是你点击的单元格对应的记录
16 楼 nicksean 2008-07-10  
谢谢!还有一个问题,怎么把某列定义成链接,当前数据作为Action的参数,点击后执行后台Action,或在表格中增加一列用前面的某一列数据当参数?
15 楼 fins 2008-07-10  
引用
原帖由 nicksean 于 2008-7-10 10:23 发表
问一下怎么取表格中的某列的单条数据?


grid.getColumnValue(列标识, 行号)
或者是
grid.getRecord( rowNoTdTr)

取得 记录
然后 你就随意取了


因为gt-grid和 ext不一样 gt并没有改变数据的原始形式

如果你的数据是json-array数组 那么 你可以用 record[数字] 来取得

如果数据是 json-object 那么 你可以用 record[key] 来取得

grid.getRecord( rowNoTdTr)[XXXX]

rowNoTdTr 可以是一个行号数字 可以是tr对象 可以是 td对象
14 楼 downpour 2008-07-10  
fins什么时候考虑为GT-Grid增加一个类似Ext中的ApplyTo的功能?对于一个已经存在的plain的table,只要applyTo一下,就自动变成了具备任何GT-Grid功能的Table?
13 楼 chc123456 2008-07-10  
部署没有问题  然后就是选择时间的层 会被覆盖 hoho 考虑下使用popup如何 我尝试是在最下边一条记录选择时间的时候 层会被档
12 楼 nicksean 2008-07-10  
问一下怎么取表格中的某列的单条数据?
11 楼 fins 2008-07-10  

把 web-inf/classes下的东西都删除 (这个是我的失误)
或者用eclipse的 Project 下的 Clean...

然后在启动应用前一定要先启动 数据库
10 楼 itshu 2008-07-10  
部署后有错误 什么意思
信息: The listener "com.fins.gt.server.ContextLoaderListener" is already configured for this context. The duplicate definition has been ignored.
***** ERROR ***** :
*   Class : com.fins.gt.dataaccess.H2DBManager   Object : com.fins.gt.dataaccess.H2DBManager@dc9065
*   *   StackTrace :
org.h2.jdbc.JdbcSQLException: Connection is broken [90067-74]
9 楼 fins 2008-07-10  
不客气 呵呵 国内的软件开发者就是应该互相支持的.

当初ecside为什么要做?
就是因为计划要加入到 springside里的
因为当时 springside 里的列表组件是用的 extreamcomponents,而它不够好,所以我就开始扩展了.

但是后来由于我的不做为 以及和ss组织的人沟通不够 就没有和springside整合.

不过如果当初没有springside的存在 也许就没有ecside 更不会有gt-grid了

springside.org.cn之前停过一阵 现在重新开通了 是个值得庆幸的事情
这帖子也算是对 springside.org.cn 重开的祝贺吧(不过到的也太晚了点 哈哈)

P.S. ss论坛给我最大的帮助就是在那里下载到了很多电子书 哈哈
那里的书不多 但是几乎本本经典啊.


8 楼 tywo45 2008-07-10  
显然此帖也为springside作了友情推广
俺作为ss的用户感谢你:)
7 楼 tywo45 2008-07-10  
好个"致敬"!!
就冲这也得顶你一下:)
6 楼 kofkk2004 2008-07-09  
太好了,被我发现了。马上学
5 楼 h819 2008-07-09  
呵呵,支持楼主
4 楼 nicksean 2008-07-09  
下来试一试
3 楼 笑喘 2008-07-09  
我还真走运,刚关注,就有发布和示例可看。致敬too
2 楼 appleboy 2008-07-09  
感谢楼主这么久以来的辛苦
1 楼 itshu 2008-07-09  
先谢谢了
支持楼主

相关推荐

    GT-Grid 是一个基于Ajax技术的列表组件

    (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jspTag技术) GT-Grid 的主要 特性: Ajax实现 (翻页,数据的crud 基于ajax技术) 固定表头和工具栏 自定义复杂表头 可调整列宽: ...

    spring-boot-web-restfulcrud代码示例

    总结起来,"spring-boot-web-restfulcrud" 示例项目展示了如何利用 Spring Boot 和 Spring MVC 实现一个基于 RESTful 的 CRUD 应用。这涵盖了从项目的初始化、Controller 的编写、服务层的设计到与数据库的交互等多...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个...对于初学者来说,理解这些核心概念并结合具体的代码示例进行实践,能有效提升ExtJS开发能力。在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。

    Laravel开发-laravel-admin-generate-crud

    Laravel-admin则是基于Laravel构建的,它提供了一个完整的后台管理系统,包括用户认证、权限控制、表单构建等,使得开发者可以快速地搭建后台管理界面。 `laravel-admin-generate-crud`是Laravel-admin的一个扩展,...

    ssm-crud.zip

    这个"ssm-crud.zip"压缩包提供了一个完整的整合案例,涵盖了基本的CRUD(创建、读取、更新、删除)操作以及分页功能。下面我们将详细探讨这三个框架的核心概念、它们如何协同工作以及在实际开发中的应用。 1. **...

    restful-crud-实验.tar.gz

    在压缩包"restful-crud-实验"中,可能包含了示例代码、README文档、数据库脚本等资源,学习者可以通过阅读和运行这些代码,来实践上述概念并加深理解。通过这个实验,不仅可以掌握RESTful API的设计原则,还能熟悉...

    ZK-ajax 与后台数据库交互CRUD实例

    在"ZK与后台数据库交互CRUD实例"中,CRUD代表Create(创建)、Read(读取)、Update(更新)和Delete(删除),这是数据库操作的基本动作。在Web应用中,CRUD操作是构建动态数据驱动页面的基础。通过ZK框架,开发者...

    spring-boot-04-web-restfulcrud

    本教程聚焦于Spring Boot 2.4版本,针对初学者提供一个完整的RESTful CRUD(创建、读取、更新、删除)操作实例,结合尚硅谷B站教程进行讲解。对于已经熟悉Spring Boot 1.5的老手来说,这个教程可能会揭示2.4版本的...

    Angular-angular-mat-table-crud.zip

    Angular-angular-mat-table-crud.zip,角材料表的crud操作角材料表的crud,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web...

    d2-crud-plus:面向配置的crud框架,基于d2-admin的d2-crud,简化d2-crud配置,快速开发crud功能;支持远程数据字典,国际手机号校验,alioss、腾讯云cos、七牛云文件上传、头像裁剪,省市区选择,权限管理,代码生成

    【d2-crud-plus】面向配置的crud编程基于d2-admin 的 d2-crud 的扩展,简化d2-crud配置,快速开发crud功能。fast-crud支持vue3的fast-crud已发布,开发crud更快、更强、更爽。文档地址: 示例地址: / 仓库地址: / ...

    Maven struts-spring-hibernate全注解 通用CRUD示例

    一、部分软件/库版本 Maven:3.0.5 struts2.2.3-spring3.0.6-hibernate3.6.6 二、Demo功能(导入sql可直接运行) 0.数据库文件doc/db.sql ... 若要在CRUD时做一些其它的操作,可继承对应的Universal,来重写或改写

    maven-springboot-mysql-thymeleaf-mybatis-CRUD增删改查完整版

    【标题】"maven-springboot-mysql-thymeleaf-mybatis-CRUD增删改查完整版"是一个综合性的项目示例,它演示了如何使用Maven、Spring Boot、MySQL、Thymeleaf和MyBatis这五种技术进行CRUD(创建、读取、更新、删除)...

    Ajax-laravel-jquery-ajax-crud.zip

    Ajax-laravel-jquery-ajax-crud.zip,用jquery的ajax特性简单实现laravel crud,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...

    MyBatis-Plus 的官方示例(mybatis-plus-samples-master.zip)

    mybatis-plus-sample-crud: 完整 CRUD 示例 mybatis-plus-sample-wrapper: 条件构造器示例 mybatis-plus-sample-pagination: 分页功能示例 mybatis-plus-sample-active-record: ActiveRecord示例 mybatis-plus-...

    fast-crud:fast-crud,d2-crud-plus的vue3升级版

    - `fast-crud`是`d2-crud-plus`的升级版,继承了其原有的强大功能,并针对Vue3进行了优化。 - 改进了`d2-crud-plus`中的部分设计,修复已知问题,提升了用户体验。 - 增强了对新特性的支持,如Suspense、Teleport...

    Strut-crud.war(Struts的CRUD Demo Sample)

    struts的crud sample demo(struts-crud.war) 可以直接解压查看代码,或者放到工程中运行

    springboot-crud-examples:Spring Boot CRUD示例

    springboot-crud-示例Spring Boot CRUD示例是使用Spring Data JPA和Querydsl的board实体的简单示例。细节该项目基于Spring Boot 使用的包Spring Data JPA 查询查询百里香叶玛丽亚数据库专家Lombok安装该项目是使用...

    ASP.NET-Core-MVC-Layui-EF-Core-CRUD_Sample.rar

    本示例结合了Layui前端框架和Entity Framework Core(EF Core)作为数据访问层,提供了一个完整的CRUD(创建、读取、更新和删除)操作的实战项目。 首先,让我们深入了解ASP.NET Core MVC。它基于模型-视图-控制器...

    angular-8-crud-app:Angular 8 CRUD应用示例

    带有Web API的Angular 8 CRUD应用程序示例有关说明,请访问:多练:使用Node.js Express的完整堆栈: 使用Spring Boot的Fullstack: 与Django完全堆叠: 使用Firebase的无服务器:开发服务器为开发服务器运行ng ...

    serverless-crud-go:Go中的示例CRUD无服务器应用程序

    先决条件: npm install -g serverless : brew install dep && brew upgrade dep快速开始克隆仓库git clone git@github.com:yosriady/serverless-crud-go.gitcd serverless-crud-go安装Go依赖项dep ensure将功能...

Global site tag (gtag.js) - Google Analytics