【中台技术资料】：HAP框架-附件功能使用手册.docx

Doc Ref: Error! Reference source not found.

Doc Ref: Error! Reference source not found.
2016-07-04

<HAP框架>
附件上传下载开发总结

Author: Huchengye
Creation Date: 2016-07-04
Last Updated: 2016-07-04
Document Ref: Hap附件上传下载开发总结
Version: 1.0
文档控制

更改记录

日期
作者
版本
更改参考

2016-07-04

1.0
无前版本

文档控制iii
Hap附件上传下载开发总结
File Ref: Hap附件上传下载E0a3e97ed04d268d2afd93a83b23c5ad.docx (v. Error! Reference source not found. )
CompanyConfidential - For internal use only

内容目录

文档控制 ii
1. 文档说明 1
适用框架及前端技术 1
2. 操作界面 2
2.1. 目录管理界面 2
2.2. 目录管理新增弹出界面 3
2.3. 文件管理界面 3
2.4. 上传界面 4
3. 相关数据表 5
3.1. 目录信息表 5
1.2 文件目录关系表 5
2.3. 文件信息表 5
3. 基于项目的简单应用 6
3.1. 功能界面 6
3.2. 功能代码 6
3.3. 上传跳转界面 7
3.4. 下载跳转界面 8
1. 未结与已结问 9
未结问题 9
已结问题 9

1. 文档说明
在使用本文档操作实现Tab页和头行结构前,请先详细了解本章节的内容.
1. 适用框架及前端技术
2. 使用jQueryLigerUI引用条件

适用框架及前端技术
1.1.1. 适用框架
Hap框架

1.1.2. 前端技术
1. jQueryLigerUI
2. 操作界面
sys_attach_category_manage.html----à目录管理界面
sys_attach_category_edit.html-----à目录管理新增弹出界面
sys_file_manage.html----à文件管理界面
sys_attachment_create.html-----à上传界面

2.1. 目录管理界面

1. 储存路径：上传文件时文件的储存路径，如果不存在此路径，储存时会自动创建
2. 文件类型：所能上传文件的类型，数据库中对应存的是后缀名，对应着此列中的后缀名，我们在当前来源类型下只能上传相对应后缀名格式的文件，不然就会报如下错误：

1. 来源类型：每一个附件都不是单独存在的，附件是依附于我们的业务数据存在的，来源类型就是附件所从属的业务数据表的表名或者和表名同一级别的一个东西。
2. 唯一：指的是在当前目录下只能存储一个文件，具有唯一性，当我们将其设置为Y时，此存储路径下只能存储一个文件，再次上传文件到此路径时，上一个文件会被覆盖，当设置为N时，储存的文件个数没有限制。

2.2. 目录管理新增弹出界面

在这里填写新目录的所有的字段信息，并保存。

2.3. 文件管理界面

每个目录下都有相对应储存的文件，及其相应信息的展示，当我们点击查看时，即可获取到相应的文件信息。

2.4. 上传界面

在上传文件需要选择附件相对应的的来源类型，简单的来说就是这个附件是属于那个数据。文件上传时支持批量上传。

3. 相关数据表

3.1. 目录信息表
SYS_ATTACH_CATEGORY_B

1.2 文件目录关系表
SYS_ATTACHMENT

2.3. 文件信息表
SYS_FILE

3张表通过主键ID相互联系。

3. 基于项目的简单应用

3.1. 功能界面

在每一行数据中添加对应的上传、下载附件列，通过超链接的方式进行页面跳转，跳转到对应的上传、下载页面。

3.2. 功能代码
sourceType：附件来源类型。
bookId：附件所属数据的主键。

display: '附件上传',
width : 100,
align : 'center',
render : function (rowdata) {
return '<a href="#" onclick="openUpload(' + rowdata.bookId + ')"><@spring.message"sysfile.upload"/></a>'
}
}, {
display: '附件下载',
width : 100,
align : 'center',
render : function (rowdata) {
return '<a href="#" onclick="openDownload(' + rowdata.bookId +')"><@spring.message"sysfile.download"/></a>'
}

window.openUpload = function (id) {
window.popWin = $.ligerDialog.open({
load : false,
width : 600,
height: 550,
url : 'sys_attachment_create.html?sourceType="SYS_BOOK_B"&bookId=' + id
});
}
window.openDownload = function (id) {
window.popWin = $.ligerDialog.open({
load : false,
showMax : true,
width : 900,
height: 550,
url : 'sys_file_manage.html?sourceType="SYS_BOOK_B"&bookId='+id
}

3.3. 上传跳转界面

上传界面注意代码

Hap.setFormDefaultBtn(closeUploadDialog, function(){
if(Hap.validateForm(attForm)) {
uploader.option('formData', {
//sourceType: '${RequestParameters.sourceType!}',
sourceType: form.getData().sourceType,
sourceKey: '${RequestParameters.bookId!}'
});
uploader.upload();
}
});

sourceType：附件来源类型
sourceKey：业务主键
3.4. 下载跳转界面

查看即可完成下载

1. 未结与已结问

未结问题
序号
问题
解决方案
负责人
目标日期
实际日期

已结问题

序号
问题
解决方案
负责人
目标日期
实际日期

Hap附件上传下载开发总结9of11
Hap附件上传下载开发总结
File Ref: Hap附件上传下载E0a3e97ed04d268d2afd93a83b23c5ad.docx (v. Error! Reference source not found. )
CompanyConfidential - For internal use only