AEAI Miscdp檔案上傳功能使用心得
1.概述
在實際專案中,我們常常可以遇到這樣的情況:上傳頭像、上傳圖片、上傳視訊、上傳音樂、上傳作業,等等…那麼如何使用MiscdpStudio對這類功能進行開發,就成了MiscdpStudio使用者必須掌握的技能之一。
接下來,我就對單表操作模型,簡單介紹一下如何對檔案進行上傳。這裡,我們主要使用的是fileupload元件,當然,這也是開發平臺中自帶的元件。
2.建立資料表
在這裡,我們需要在資料庫建立兩個表,一個是業務表、另一個是關聯表。關聯表裡有三個欄位:邏輯主鍵、業務標識欄位、附件標識欄位。其中業務標識欄位為業務表中的主鍵,附件標識欄位為平臺自帶資料表中
2.1.業務表
建立一個業務表,就是將上傳的東西傳給該表的某條例項使用。如圖2-1建立的這個書籍表。表裡只含有兩個欄位,一個是邏輯主鍵,一個是書籍名稱。當然也可以根據需求來新增其它的屬性。
圖2-1
2.2.wcm_general_resource表
所有上傳的檔案資訊都儲存在這個資料表中。這個表是開發平臺自帶的資料表,如圖2-2,僅供讀者參考:
圖
2.3.關聯表
上文提及過,關聯表裡有三個欄位:邏輯主鍵、業務標識欄位、附件標識欄位。如圖2-3所示:
圖2-3
3.建立功能
在MiscdpStudio開發平臺中建立專案及功能,如圖3-1所示:
圖3-1
注意,資料表選擇剛剛建立好的業務表,點選上面的小燈泡,自動生成了SQL語句以及列表資訊、明細配置等。但是,接下來需要對明細配置,做進一步的調整。
4.修改明細配置
首先,在列表配置中,可以新增查詢引數,根據各位的實際需求來判斷。以前的文件也都有詳細介紹,這裡不加贅述。
接下來對明細配置,簡單的講解一下,因為這裡會有些許的不同。如圖
圖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檔案上傳功能使用心得文件 下載
轉載於:https://my.oschina.net/agileai/blog/359148