jsp实现HTML表格导出和导入Excel功能.rar

【实例简介】
在日常开发中，我们需要能够把页面上一个表格的内容导出到Excel中，然后用户修改后再导回到表格中的功能。 在这里，通过使用JQUERY＋JQUERY UI＋JSON-LIB＋POI实现这个功能数据导出设计：通过使用JQUERY分析表格的结构，读取表格结构数据构建JSON字符串，发送到后台，后台分析表格结构，然后生成Excel数据. 本程序基于是基于JDK1.5的，在MyEclipse环境下调试通过。
【实例截图】
【核心代码】
4744300845146891063.rar
└── tableexcel
└── tableexcel
├── src
│   └── com
│   └── lily
│   └── dap
│   ├── service
│   │   └── tableexcel
│   │   ├── ExcelCss.java
│   │   └── ExcelOperate.java
│   ├── utils
│   │   └── EscapeUtils.java
│   └── web
│   └── tableexcel
│   ├── ExportServlet.java
│   └── ImportServlet.java
└── WebRoot
├── export.jsp
├── index.jsp
├── META-INF
│   └── MANIFEST.MF
├── scripts
│   ├── jquery
│   │   ├── jquery-1.3.2.min.js
│   │   ├── plugins
│   │   │   └── ajaxfileupload.js
│   │   └── ui
│   │   ├── effects.blind.js
│   │   ├── effects.bounce.js
│   │   ├── effects.clip.js
│   │   ├── effects.core.js
│   │   ├── effects.drop.js
│   │   ├── effects.explode.js
│   │   ├── effects.fold.js
│   │   ├── effects.highlight.js
│   │   ├── effects.pulsate.js
│   │   ├── effects.scale.js
│   │   ├── effects.shake.js
│   │   ├── effects.slide.js
│   │   ├── effects.transfer.js
│   │   ├── i18n
│   │   │   ├── jquery-ui-i18n.js
│   │   │   ├── ui.datepicker-ar.js
│   │   │   ├── ui.datepicker-bg.js
│   │   │   ├── ui.datepicker-ca.js
│   │   │   ├── ui.datepicker-cs.js
│   │   │   ├── ui.datepicker-da.js
│   │   │   ├── ui.datepicker-de.js
│   │   │   ├── ui.datepicker-el.js
│   │   │   ├── ui.datepicker-eo.js
│   │   │   ├── ui.datepicker-es.js
│   │   │   ├── ui.datepicker-fa.js
│   │   │   ├── ui.datepicker-fi.js
│   │   │   ├── ui.datepicker-fr.js
│   │   │   ├── ui.datepicker-he.js
│   │   │   ├── ui.datepicker-hr.js
│   │   │   ├── ui.datepicker-hu.js
│   │   │   ├── ui.datepicker-hy.js
│   │   │   ├── ui.datepicker-id.js
│   │   │   ├── ui.datepicker-is.js
│   │   │   ├── ui.datepicker-it.js
│   │   │   ├── ui.datepicker-ja.js
│   │   │   ├── ui.datepicker-ko.js
│   │   │   ├── ui.datepicker-lt.js
│   │   │   ├── ui.datepicker-lv.js
│   │   │   ├── ui.datepicker-ms.js
│   │   │   ├── ui.datepicker-nl.js
│   │   │   ├── ui.datepicker-no.js
│   │   │   ├── ui.datepicker-pl.js
│   │   │   ├── ui.datepicker-pt-BR.js
│   │   │   ├── ui.datepicker-ro.js
│   │   │   ├── ui.datepicker-ru.js
│   │   │   ├── ui.datepicker-sk.js
│   │   │   ├── ui.datepicker-sl.js
│   │   │   ├── ui.datepicker-sq.js
│   │   │   ├── ui.datepicker-sr.js
│   │   │   ├── ui.datepicker-sr-SR.js
│   │   │   ├── ui.datepicker-sv.js
│   │   │   ├── ui.datepicker-th.js
│   │   │   ├── ui.datepicker-tr.js
│   │   │   ├── ui.datepicker-uk.js
│   │   │   ├── ui.datepicker-zh-CN.js
│   │   │   └── ui.datepicker-zh-TW.js
│   │   ├── jquery-ui-1.7.custom.js
│   │   ├── jquery-ui-1.7.custom.min.js
│   │   ├── themes
│   │   │   ├── base
│   │   │   │   ├── images
│   │   │   │   │   ├── ui-bg_flat_0_aaaaaa_40x100.png
│   │   │   │   │   ├── ui-bg_glass_55_fbf9ee_1x400.png
│   │   │   │   │   ├── ui-bg_glass_65_ffffff_1x400.png
│   │   │   │   │   ├── ui-bg_glass_75_dadada_1x400.png
│   │   │   │   │   ├── ui-bg_glass_75_e6e6e6_1x400.png
│   │   │   │   │   ├── ui-bg_glass_75_ffffff_1x400.png
│   │   │   │   │   ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│   │   │   │   │   ├── ui-bg_inset-soft_95_fef1ec_1x100.png
│   │   │   │   │   ├── ui-icons_222222_256x240.png
│   │   │   │   │   ├── ui-icons_2e83ff_256x240.png
│   │   │   │   │   ├── ui-icons_454545_256x240.png
│   │   │   │   │   ├── ui-icons_888888_256x240.png
│   │   │   │   │   └── ui-icons_cd0a0a_256x240.png
│   │   │   │   ├── ui.accordion.css
│   │   │   │   ├── ui.all.css
│   │   │   │   ├── ui.base.css
│   │   │   │   ├── ui.core.css
│   │   │   │   ├── ui.datepicker.css
│   │   │   │   ├── ui.dialog.css
│   │   │   │   ├── ui.progressbar.css
│   │   │   │   ├── ui.resizable.css
│   │   │   │   ├── ui.slider.css
│   │   │   │   ├── ui.tabs.css
│   │   │   │   └── ui.theme.css
│   │   │   └── smoothness
│   │   │   ├── images
│   │   │   │   ├── ui-bg_flat_0_aaaaaa_40x100.png
│   │   │   │   ├── ui-bg_flat_75_ffffff_40x100.png
│   │   │   │   ├── ui-bg_glass_55_fbf9ee_1x400.png
│   │   │   │   ├── ui-bg_glass_65_ffffff_1x400.png
│   │   │   │   ├── ui-bg_glass_75_dadada_1x400.png
│   │   │   │   ├── ui-bg_glass_75_e6e6e6_1x400.png
│   │   │   │   ├── ui-bg_glass_95_fef1ec_1x400.png
│   │   │   │   ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│   │   │   │   ├── ui-icons_222222_256x240.png
│   │   │   │   ├── ui-icons_2e83ff_256x240.png
│   │   │   │   ├── ui-icons_454545_256x240.png
│   │   │   │   ├── ui-icons_888888_256x240.png
│   │   │   │   └── ui-icons_cd0a0a_256x240.png
│   │   │   ├── jquery-ui-1.7.custom.css
│   │   │   ├── ui.accordion.css
│   │   │   ├── ui.all.css
│   │   │   ├── ui.base.css
│   │   │   ├── ui.core.css
│   │   │   ├── ui.datepicker.css
│   │   │   ├── ui.dialog.css
│   │   │   ├── ui.progressbar.css
│   │   │   ├── ui.resizable.css
│   │   │   ├── ui.slider.css
│   │   │   ├── ui.tabs.css
│   │   │   └── ui.theme.css
│   │   ├── ui.accordion.js
│   │   ├── ui.core.js
│   │   ├── ui.core.min.js
│   │   ├── ui.datepicker.js
│   │   ├── ui.datepicker.min.js
│   │   ├── ui.dialog.js
│   │   ├── ui.draggable.js
│   │   ├── ui.droppable.js
│   │   ├── ui.progressbar.js
│   │   ├── ui.resizable.js
│   │   ├── ui.selectable.js
│   │   ├── ui.slider.js
│   │   ├── ui.sortable.js
│   │   └── ui.tabs.js
│   ├── jquery.TableExcel.js
│   └── json.js
├── styles
│   └── report.css
└── WEB-INF
├── classes
│   └── com
│   └── lily
│   └── dap
│   ├── service
│   │   └── tableexcel
│   │   ├── ExcelCss.class
│   │   └── ExcelOperate.class
│   ├── utils
│   │   └── EscapeUtils.class
│   └── web
│   └── tableexcel
│   ├── ExportServlet.class
│   └── ImportServlet.class
├── lib
│   ├── commons-beanutils.jar
│   ├── commons-collections-3.2.jar
│   ├── commons-lang.jar
│   ├── commons-logging-1.1.jar
│   ├── ezmorph-1.0.4.jar
│   ├── json-lib-2.2.1-jdk15.jar
│   ├── jspSmartUpload.jar
│   ├── log4j-1.2.11.jar
│   └── poi-3.5-beta3.jar
└── web.xml

35 directories, 148 files