HAP框架-附件功能使用手册

<HAP框架>
附件上传下载开发总结
Author: Huchengye
Creation Date: 2016-07-04
Last Updated: 2016-07-04
Document Ref: Hap附件上传下载开发总结Version: 1.0
文档控制
更改记录
内容目录
文档控制 ................................................................................................................................... i i 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.下载跳转界面
查看即可完成下载
关于上传下载.zip
1.未结与已结问未结问题
已结问题。