1. 程式人生 > 實用技巧 >AEAI Miscdp檔案上傳功能使用心得

AEAI Miscdp檔案上傳功能使用心得

2019獨角獸企業重金招聘Python工程師標準>>> hot3.png

1.概述

在實際專案中,我們常常可以遇到這樣的情況:上傳頭像、上傳圖片、上傳視訊、上傳音樂、上傳作業,等等那麼如何使用MiscdpStudio對這類功能進行開發,就成了MiscdpStudio使用者必須掌握的技能之一。

接下來,我就對單表操作模型,簡單介紹一下如何對檔案進行上傳。這裡,我們主要使用的是fileupload元件,當然,這也是開發平臺中自帶的元件。

2.建立資料表

在這裡,我們需要在資料庫建立兩個表,一個是業務表、另一個是關聯表。關聯表裡有三個欄位:邏輯主鍵、業務標識欄位、附件標識欄位。其中業務標識欄位為業務表中的主鍵,附件標識欄位為平臺自帶資料表中

wcm_general_resource表的主鍵。這樣的結構可以保證業務表與wcm_general_resource表是多對多的關係。

2.1.業務表

建立一個業務表,就是將上傳的東西傳給該表的某條例項使用。如圖2-1建立的這個書籍表。表裡只含有兩個欄位,一個是邏輯主鍵,一個是書籍名稱。當然也可以根據需求來新增其它的屬性。

wKioL1SXiZSjTDqlAADEGiuugUA750.jpg

2-1

2.2.wcm_general_resource

所有上傳的檔案資訊都儲存在這個資料表中。這個表是開發平臺自帶的資料表,如圖2-2,僅供讀者參考:

wKioL1SXicrDBwxqAARUnrWKZvM706.jpg

2-2

2.3.關聯表

上文提及過,關聯表裡有三個欄位:邏輯主鍵、業務標識欄位、附件標識欄位。如圖2-3所示:

wKiom1SXiZ2jRAjhAAKhPQBNeQA576.jpg

2-3

3.建立功能

MiscdpStudio開發平臺中建立專案及功能,如圖3-1所示:

wKiom1SXic6z7VF2AAFcGNYhMoA557.jpg

3-1

注意,資料表選擇剛剛建立好的業務表,點選上面的小燈泡wKiom1SXifLwDeAIAAAFf7yga_s863.jpg,自動生成了SQL語句以及列表資訊、明細配置等。但是,接下來需要對明細配置,做進一步的調整。

4.修改明細配置

首先,在列表配置中,可以新增查詢引數,根據各位的實際需求來判斷。以前的文件也都有詳細介紹,這裡不加贅述。

接下來對明細配置,簡單的講解一下,因為這裡會有些許的不同。如圖

4-1所示:

wKiom1SXig3w4t_xAAFQiiixZdU396.jpg

4-1

點選紅色圈住的新增按鈕,左側生成新的表單元素。先點選TagType欄的隱藏下拉框,選擇resfile型別,DataType選擇Other。這時在點選code欄的隱藏按鈕,彈出如圖4-2所示的對話方塊:

wKioL1SXiuqjc_vdAACcI-rZPys275.jpg

4-2

在附件關聯表中,選擇之前建立的關聯表,如圖4-3所示,我之前建立的是file_resource表,如果表結構生成正確的話,會自動生成關聯邏輯主鍵、業務標識欄位、附件標識欄位等的資訊。如果沒有,或有錯誤,就手動設定一下。雙擊,就可以選擇欄位名了。

wKioL1SXiwrhcdsBAACzItonsB8455.jpg

4-3

這裡配置完,就可以新增Label值了。最後生成程式碼,完成功能的開發。測試,如圖4-4

wKiom1SXinyxtATSAAEA8EfEUms311.jpg

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

轉載於:https://my.oschina.net/agileai/blog/359148