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

時間 2019-12-01

標籤 aeai miscdp 文件上傳功能使用心得简体版

原文原文鏈接

1.概述

在實際項目中，咱們經常能夠遇到這樣的狀況：上傳頭像、上傳圖片、上傳視頻、上傳音樂、上傳做業，等等…那麼如何使用MiscdpStudio對這類功能進行開發，就成了MiscdpStudio使用者必須掌握的技能之一。javascript

接下來，我就對單表操做模型，簡單介紹一下如何對文件進行上傳。這裏，咱們主要使用的是fileupload組件，固然，這也是開發平臺中自帶的組件。java

2.建立數據表

在這裏，咱們須要在數據庫建立兩個表，一個是業務表、另外一個是關聯表。關聯表裏有三個字段：邏輯主鍵、業務標識字段、附件標識字段。其中業務標識字段爲業務表中的主鍵，附件標識字段爲平臺自帶數據表中wcm_general_resource表的主鍵。這樣的結構能夠保證業務表與wcm_general_resource表是多對多的關係。jquery

2.1. 業務表

建立一個業務表，就是將上傳的東西傳給該表的某條實例使用。如圖2-1建立的這個書籍表。表裏只含有兩個字段，一個是邏輯主鍵，一個是書籍名稱。固然也能夠根據需求來添加其它的屬性。web

圖2-1數據庫

2.2. wcm_general_resource表

全部上傳的文件信息都保存在這個數據表中。這個表是開發平臺自帶的數據表，如圖2-2，僅供讀者參考：瀏覽器

圖2-2緩存

2.3. 關聯表

上文說起過，關聯表裏有三個字段：邏輯主鍵、業務標識字段、附件標識字段。如圖2-3所示：測試

圖2-3spa

3.建立功能

在MiscdpStudio開發平臺中建立項目及功能，如圖3-1所示：code

圖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文件上傳功能使用心得文檔 下載

相關文章

相關標籤/搜索

PHP-文件上傳

COS上傳文件

Vue經常使用功能

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<