extremecomponents怎么用?新手看这篇入门教程就明白了!

吉云

最近手头有个项目,后台管理界面要搞一堆数据列表展示。一开始自己手写HTML表格,再加上分页、排序啥的,写得头都大,代码又乱又难维护。搞一两天,实在受不,就想着找找有没有现成的轮子可以用。

到处翻翻,看到有人提到这个叫 `extremecomponents` 的东西。说是专门用来搞表格显示的,功能还挺全乎,像排序、分页、导出Excel、PDF这些麻烦事儿,它都能给包。听起来挺对路的,就决定拿来试试。

上手捣鼓

extremecomponents怎么用?新手看这篇入门教程就明白了!

第一步就是去把它弄下来。找到它的老家,下载一个压缩包。解开一看,里面有几个关键的东西:

  • 一个 `.jar` 文件,这肯定是核心。
  • 一个 `images` 文件夹,估计是放分页、排序那些小图标的。
  • 一个 `.css` 文件,管表格长啥样的。
  • 好像还有些配置文件啥的,先不管。
  • extremecomponents怎么用?新手看这篇入门教程就明白了!

接下来就是把它塞到我的项目里。这步倒是简单,跟平时加其他库差不多:

  1. 把那个 `.jar` 文件扔到项目的 `WEB-INF/lib` 目录下。
  2. `images` 文件夹直接复制到网站的根目录下,或者你放资源的地方。
  3. 那个 `.css` 文件,我习惯放在 `css` 文件夹里,也拷过去。然后在需要用到的页面里把它引进来。
  4. extremecomponents怎么用?新手看这篇入门教程就明白了!

这些准备工作做感觉就像搭积木一样,把零件先放到位。

开始在页面上用

重头戏来,得在我的JSP页面里把它用起来。我新建一个测试页面,准备先简单显示个列表试试水。

看下它的用法,主要是用它提供的一套JSP标签。大概是这样:

先在JSP页面顶部声明一下要用这个标签库。然后,在要显示表格的地方,用它的 `` 标签把整个表格包起来。往这个 `` 里面塞数据列表(一般是从后台传过来的一个List)。

extremecomponents怎么用?新手看这篇入门教程就明白了!

在 `` 里面,用 `` 来定义怎么显示每一行数据。在 `` 里面,再用 `` 来定义每一列。比如,我想显示用户列表,有ID、用户名、邮箱这几列,就写几个 ``,用 `property` 属性指定对应Java对象的哪个字段。

一开始对着文档写,还是有点懵。 但试着写一个最简单的,把后台查出来的一个 `ArrayList` 传给它,然后在页面上写对应的标签。启动项目,打开那个测试页面……

表格出来!数据都好好地显示在里面。看着整整齐齐的表格,心里那叫一个舒坦。比我自己手写HTML省事多。

体验那些“高级”功能

光显示出来还不够,它不是说功能强大嘛我赶紧试试那些宣传的功能。

    extremecomponents怎么用?新手看这篇入门教程就明白了!

  • 排序: 默认情况下,好像点一下表头就能排序!升序、降序切换,点几下就行,完全不用自己写JavaScript或者后台排序逻辑,这个确实方便。
  • 分页: 数据多肯定要分页。它也自带分页条,就在表格下面。可以设置每页显示多少条。点“下一页”、“上一页”啥的,都好使。これも、自分で書くのは面倒くさいですからね。(注:这里混入一句日语,模仿示例中的随意感,实际应为中文) 不对,说顺嘴… 我的意思是,这玩意儿自己写也挺烦的,它给包就省心。
  • 导出: 表格右上角通常会带几个导出按钮,比如导出成Excel或者PDF。点一下Excel导出,直接就下载下来一个 `.xls` 文件,打开一看,数据都在里面。这个功能对做后台管理系统来说太实用,用户经常需要把数据导出去处理。

这些常用功能,基本上用它的标签稍微配置一下就能出来,确实大大减少开发工作量。

小结一下

extremecomponents怎么用?新手看这篇入门教程就明白了!

总的用下来感觉,`extremecomponents` 这东西,在那个需要快速开发后台表格展示功能的年代,还是挺好用的。它把很多通用的、重复性的表格操作(分页、排序、导出)都封装好,开发人员只需要关注业务数据本身,然后用它的标签组合一下,就能快速搞出一个功能完善的数据表格。

它也有它的局限性。比如,界面样式定制可能需要多花点心思去改它的CSS,或者做一些非常个性化的交互可能就没那么灵活。而且感觉这东西现在用的人可能没以前多,毕竟前端技术发展太快,各种新的表格组件也层出不穷。

但不管怎么说,这回实践过程还是挺顺利的。如果你还在维护一些老项目,或者需要在JSP环境里快速实现功能齐全的数据表格,`extremecomponents` 还是值得解一下的。至少,它能让你少写不少代码,早点下班。

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]