SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

本篇文章给大家带来的内容是介绍spreadjs与java结合来实现模板的上传和下载功能 (步骤)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所助。

安装部署:

开发环境:

后台服务器端采用 Java 、SpringMVC。

数据存储到 demo_webWEB-INFFileDatabase.txt 文件中,不需要依赖DB。

采用 Eclipse Java EE IDE for Web Developers,Eclipse Version: Photon Release (4.8.0)。

服务器:tomcat-7.0.90。

工程导入eclipse:

demo_web.zip 是直接将 eclipse 工程打成的压缩包。

您可直接解压到 eclipse 的 workspace 下,导入 Existing Projects into Workspace 工程即可。

部署方法:

配置 tomcat 与 eclipse 关联,将工程 add 进 tomcat 应用列表,启动 tomcat 即可。

操作步骤:

访问:

在本机部署时,可以通过 http://127.0.0.1:8080/demo_web/view?path=index 访问主页。

创建模板:

创建模板分为三种模板类型:表单绑定、单元格绑定、表格绑定。

demo_web 压缩包中还包含了三个模板 SSJSON 文件:表单绑定示例、单元格绑定示例以及表格绑定示例,可供用户进行创建模板的操作。

表单绑定预览区域说明:如果选择模板类型下拉菜单,预览区域会随模板类型不同而发生变化,单元格绑定和表格绑定只有 ssjson 模板预览一个区域。如图:

SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

图1:创建表单绑定模板页面

4.表单模板上传成功后,预览页面的效果如下图:

SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

图2:上传表单绑定模板后的预览效果

5.如果需要上传单元格绑定模板或者表格绑定模板,需要先点击“类型” 下拉菜单,选中对应类型后再执行上传操作。

6.在上传完模板并填写完模板基本信息后,点击保存按钮即可。

管理模板:

管理模板列表中展示了系统中已创建的模板信息。

点击对应模板的下载按钮,可以下载该模板的ssjson文件,可以直接导入至SpreadJS 设计器中进行修改。

点击对应模板的填报按钮,可以进入表格填报页面。

填报:

以表单绑定模板为例,如图所示:

SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

图3:表单绑定模板填报页面示例

    2.新建:重新载入当前模板,不保留已经填写的所有数据。

    3.新行:为填报数据添加一个新行,对应绑定的dataSource多一个数据元素(单元格绑定模板无此按钮)。

    4.保存:将填报数据保存到后台文件中。

    5.历史:当前模板填报提交的历史数据。

历史数据列表:

如图:点击查看可以查询本次填报的历史数据。

SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

图4:填报历史数据列表页面

历史数据:

如图:

SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)

图5:填报历史数据页面

QA:

Q:局域网无法访问?

A:此Demo中采用的SpreadJS控件是未授权的,只能在本机操作。

Q:表单绑定模板,怎样自定义绑定字段?

A:您可以将表单绑定模板示例.ssjson导入到设计器中查看,表单绑定模板第一行是dataSource对应的字段名,第二行为展示的字段名,第三行为表格对应的样式。

Q:单元格绑定模板,怎样自定义绑定字段?

A:您可以将单元格绑定模板示例.ssjson导入到设计器中查看,绑定dataSource对应的字段名是以 [field] 的方式定义在对应的单元格中。

Q:表格绑定模板,怎样自定义绑定字段?

A:在表格模板中表头下面的第一行中,可以 [field] 的方式定义列名,在代码中可以创建new GC.Spread.Sheets.Tables.TableColumn() 实例,用以映射列名与绑定字段的关系,具体方法可以参考官网的学习指南中表格绑定的demo,demo地址:https://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/demos/tableBinding

本demo中也采用了这个方法。

Q:表格填报时,新行的样式与前面的行不匹配?

A:由于表格的模板设计样式非常灵活多样,因此本demo只采用了复制上一行样式的方式对新行进行设置,具体应用当中可以根据需求自行设置表格样式。

下载 SpreadJS 结合 Java 使用的 Demo的地址:https://demo.grapecity.com.cn/SpreadJS/Java/demo_web.zip

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问Java视频教程,java开发图文教程,bootstrap视频教程!

以上就是SpreadJS与Java结合来实现模板的上传和下载功能 (步骤)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2605551.html

(0)
上一篇 2025年3月6日 20:04:07
下一篇 2025年2月20日 22:40:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 常见的几道秋招java面试题分析

    本篇文章给大家带来的内容是常见的几道秋招java面试题分析。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 前言 只有光头才能变强 Redis目前还在看,今天来分享一下我在秋招看过(遇到)的一些面试题(相对比较常见的) 0…

    2025年3月6日
    200
  • SpringCloud的微服务部署详解

    本篇文章给大家带来的内容是关于springcloud的微服务部署详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 微服务的其中一个特点就是有许许多的粒度小(功能单一,比如用户管理,短信发送管理,邮件发送管理,文件管理等)…

    2025年3月6日 编程技术
    200
  • hadoop集群服务器的安装配置教程(图文)

    本篇文章给大家带来的内容是关于hadoop集群服务器的安装配置教程(图文),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 虚拟机以及Linux系统安装在之前的两篇分享中已经详细的介绍了方法,并且每一步的都配图了。如果有朋友…

    2025年3月6日 编程技术
    200
  • java和php之间有什么不同

    java和php都是应用十分广泛的编程语言,它们之间的存在不少差异。下面本篇文章就来给大家介绍一下java和php之间存在的不同之处,希望对大家有所帮助。 1、专注的领域不同 java是纯面向对象开发,功能强大,分支众多,没有java不能做…

    2025年3月6日
    200
  • Java项目怎么导入jar包?

    Java项目中导入jar包的方法:1、在java项目中新建一个文件夹lib,并将需要导入的jar包复制到lib文件夹中;2、选中lib文件夹中的jar包,右键依次点击【Build Path】→【Add to Build Path】即可。 当…

    2025年3月6日 编程技术
    200
  • Java后端开发需要学什么

    java后端开发需要学的知识有:1、Java基础语法和oop特性;2、数据库相关知识,例SQL语言、MySQL、非关系型数据库;3、Web基础知识;4、Web主流框架,例Spring、SpringMVC、Mybatis;5、前端知识等。 本…

    2025年3月6日
    200
  • jsp为什么被淘汰了

    以前的项目大多数都是java程序猿又当爹又当妈,又搞前端(ajax/jquery/js/html/css等等),又搞后端(java/mysql/oracle等等)。 随着时代的发展,渐渐的许多大中小公司开始把前后端的界限分的越来越明确,前端…

    2025年3月6日
    200
  • idea怎么创建servlet

    使用idea创建servlet首先要新建java web和添加tomcat服务器,只有一起使用,才能看得出效果。 推荐课程:Java教程。 第一步,新建web项目。 第二步,在web/WEB-INF目录下新建两个文件夹,classes用于存…

    2025年3月6日 编程技术
    200
  • tomcat怎么运行jsp文件

    运行方法:1、在Tomcat安装目录的bin文件夹中,运行“startup.bat”文件来启动Tomcat;2、将JSP文件放到Tomcat的webapps文件夹下;3、在浏览器的地址栏中输入“http://localhost:8080/J…

    2025年3月6日 编程技术
    200
  • java ee怎么学?

    在学习了javase之后,你可以尝试着慢慢过渡到javaee。java ee是j2ee的一个新的名称,之所以改名,目的还是让大家清楚j2ee只是java企业应用。当然,学习javaee也需要很多其他技术的支撑,比如数据库技术,网页编程技术等…

    2025年3月6日
    200

发表回复

登录后才能评论