AEAI Miscdp文件上传功能使用心得

1.概述

在实际项目中,我们常常可以遇到这样的情况:上传头像、上传图片、上传视频、上传音乐、上传作业,等等…那么如何使用MiscdpStudio对这类功能进行开发,就成了MiscdpStudio使用者必须掌握的技能之一。

接下来,我就对单表操作模型,简单介绍一下如何对文件进行上传。这里,我们主要使用的是fileupload组件,当然,这也是开发平台中自带的组件。

2.创建数据表

在这里,我们需要在数据库创建两个表,一个是业务表、另一个是关联表。关联表里有三个字段:逻辑主键、业务标识字段、附件标识字段。其中业务标识字段为业务表中的主键,附件标识字段为平台自带数据表中wcm_general_resource表的主键。这样的结构可以保证业务表与wcm_general_resource表是多对多的关系。

2.1.  业务表

创建一个业务表,就是将上传的东西传给该表的某条实例使用。如图2-1创建的这个书籍表。表里只含有两个字段,一个是逻辑主键,一个是书籍名称。当然也可以根据需求来添加其它的属性。

图2-1

2.2.  wcm_general_resource表

所有上传的文件信息都保存在这个数据表中。这个表是开发平台自带的数据表,如图2-2,仅供读者参考:

图2-2

2.3.  关联表

上文提及过,关联表里有三个字段:逻辑主键、业务标识字段、附件标识字段。如图2-3所示:

图2-3

3.创建功能

在MiscdpStudio开发平台中创建项目及功能,如图3-1所示:

图3-1

注意,数据表选择刚刚创建好的业务表,点击上面的小灯泡,自动生成了SQL语句以及列表信息、明细配置等。但是,接下来需要对明细配置,做进一步的调整。

4.修改明细配置

首先,在列表配置中,可以添加查询参数,根据各位的实际需求来判断。以前的文档也都有详细介绍,这里不加赘述。

接下来对明细配置,简单的讲解一下,因为这里会有些许的不同。如图4-1所示:

图4-1

点击红色圈住的添加按钮,左侧生成新的表单元素。先点击TagType栏的隐藏下拉框,选择resfile类型,DataType选择Other。这时在点击code栏的隐藏按钮,弹出如图4-2所示的对话框:

图4-2

在附件关联表中,选择之前建立的关联表,如图4-3所示,我之前建立的是file_resource表,如果表结构生成正确的话,会自动生成关联逻辑主键、业务标识字段、附件标识字段等的信息。如果没有,或有错误,就手动设置一下。双击,就可以选择字段名了。

图4-3

这里配置完,就可以添加Label值了。最后生成代码,完成功能的开发。测试,如图4-4:

图4-4

注意的是如果使用的是Chrome浏览器,需要在生成的XXXResourceUploader的<head>标签中加上下面的代码,原理就是防止浏览器缓存文件造成uploadify.js不更新。

<scriptlanguage="javascript" type="text/javascript">

document.write("<scripttype=‘text/javascript‘ "

+"src=‘js/jquery.uploadify.min.js?"+ new Date() + "‘></s" + "cript>");

</script>

  

AEAI Miscdp文件上传功能使用心得文档       下载

时间: 2024-08-24 06:54:30

AEAI Miscdp文件上传功能使用心得的相关文章

达到HTTP合约Get、Post和文件上传功能——采用WinHttp介面

于<采用WinHttp实现HTTP协议Get.Post和文件上传功能>一文中,我已经比較具体地解说了怎样使用WinHttp接口实现各种协议. 在近期的代码梳理中,我认为Post和文件上传模块能够得到简化,于是差点儿重写了这两个功能的代码.由于Get.Post和文件上传功能的基础(父)类基本没有修改,函数调用的流程也基本没有变化,所以本文我将重点解说修改点. (转载请指明出于breaksoftware的csdn博客) 首先我改动了接口的字符集.之前我都是使用UNICODE作为接口參数类型,当中一

实现HTTP协议Get、Post和文件上传功能——使用libcurl接口实现

之前我们已经详细介绍了WinHttp接口如何实现Http的相关功能.本文我将主要讲解如何使用libcurl库去实现相关功能.(转载请指明出于breaksoftware的csdn博客) libcurl在http://curl.haxx.se/libcurl/有详细的介绍,有兴趣的朋友可以去读下.本文我只是从实际使用的角度讲解其中的一些功能. libcurl中主要有两个接口类型:CURL和CURLM.CURL又称easy interface,它接口简单.使用方便,但是它是一个同步接口,我们不能使用它

实现HTTP协议Get、Post和文件上传功能——使用WinHttp接口实现

在<使用WinHttp接口实现HTTP协议Get.Post和文件上传功能>一文中,我已经比较详细地讲解了如何使用WinHttp接口实现各种协议.在最近的代码梳理中,我觉得Post和文件上传模块可以得到简化,于是几乎重写了这两个功能的代码.因为Get.Post和文件上传功能的基础(父)类基本没有改动,函数调用的流程也基本没有变化,所以本文我将重点讲解修改点.(转载请指明出于breaksoftware的csdn博客) 首先我修改了接口的字符集.之前我都是使用UNICODE作为接口参数类型,其中一个

文件上传功能的实现

一:文件上传功能 先要在在index.jsp的界面上初始化一个表单. 代码如下: <body> <form enctype="multipart/form-data" action="<%=path%>/1.jsp" method="post"> 姓名:<input type="text" name="username"/> 选择文件:<input ty

iOS 的 Safari 文件上传功能详解

iOS 6 给 Safari 浏览器带来的另外一个功能是文件上传,终于 Safari 终于支持 input 输入框的文件类型了,并且还支持 HTML媒体捕获(HTML Media Capture). 上传单张图片或者视频 <input type="file"> 可以选择直接拍照或者摄影,也可以从相册中选取.选好之后,iOS 上的 Safari 和其他浏览器不同是它显示图片的截图,而不是图片的临时名称. 上传多张图片或者视频 如果你想一次上传多张图片,可以使用 HTML5 一

Spring MVC 文件上传功能详解

前言 在Spring MVC中实现文件上传功能并不复杂,前端使用HTML语法,后端使用特定抽象.参考Spring Boot相关文档即可.本文主要讲解常见资料忽略的两个问题: 文件上传错误 链接重置问题 版本:Spring Boot 1.5x 文件上传错误 一个关注点是如何处理文件上传期间发生的错误,错误主要分为两类: IOException 文件读取或写入错误. MultipartException 上传文件时,超过文件大小上限所触发的异常. IOException 只需要在Controller

文件/大文件上传功能实现(JS+PHP)全过程

文件/大文件上传功能实现(JS+PHP) 参考博文:掘金-橙红年代 前端大文件上传 路漫漫 其修远 PHP + JS 实现大文件分割上传 本文是学习文件上传后的学习总结文章,从无到有实现文件上传功能,前端小白写的代码不是最优,如果有错误的地方请多多指教,如果本文对你有所帮助,深感荣幸. 近期公司的项目中,涉及到上传大文件的问题,大文件上传用普通表单上传时出现的问题是,无法断点续存,一但中途中断上传,就要重头开始,这很明显不是我们想要的,所以经过一番查询,学习了一下大文件分割上传的方法.并且使用简

文件上传功能实现(一)

文件上传: ①上传前的准备工作(准备一个注册的表单页面) 创建一个文件上传的控件,点击这个控件就可以选择需要上传的文件了 <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="headimg" /> 注意:上传时表单的上传类型必须是:multipart/

PHP文件上传功能 -- 多文件上传

这一节内容主要介绍PHP上传文件的多文件上传功能. 只要以数组形式来命名表单中的文件上传标记,即可实现多个文件同时上传. 下面我们来看一个例子: --------------------------------------------------------------------- <form enctype="multipart/form-data" action="<?=$_SERVER['PHP_SELF']?>" method="