成都创新互联网站制作重庆分公司

SpreadJS与Java怎么实现模板的上传和下载的功能-创新互联

本篇文章给大家分享的是有关SpreadJS与Java怎么实现模板的上传和下载的功能 ,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

站在用户的角度思考问题,与客户深入沟通,找到江南网站设计与江南网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟空间、企业邮箱。业务覆盖江南地区。

安装部署:

开发环境:

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

  2. 数据存储到 \demo_web\WEB-INF\FileDatabase.txt 文件中,不需要依赖DB。

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

  4. 服务器: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 访问主页。

创建模板:

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

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

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

SpreadJS与Java怎么实现模板的上传和下载的功能

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

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

SpreadJS与Java怎么实现模板的上传和下载的功能

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

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

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

管理模板:

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

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

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

填报:

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

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怎么实现模板的上传和下载的功能 ,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页标题:SpreadJS与Java怎么实现模板的上传和下载的功能-创新互联
网站网址:http://cxhlcq.com/article/dpjeph.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部