1. 程式人生 > >TERSUS畫畫一樣開發軟件 顯示元件介紹-上傳顯示元件

TERSUS畫畫一樣開發軟件 顯示元件介紹-上傳顯示元件

軟件開發管理軟件無代碼軟件開發

TERSUS無代碼手機電腦管理類軟件開發,其中上傳類顯示元件包括:表單元件(Form)、文件上傳框元件(File Field)

表單元件(Form):是一個提交信息的元件,類似一個輸入框套嵌的容器,可以點右鍵添加4類帶標簽的輸入框元件,隨意添加多個,然後再定義各元件的顯示樣式即即快速完成提交界面的設計。其中自帶一個<On Submit>名的客戶端行為處理元件,可以設計更多邏輯進行信息驗證及提交處理。

1、所有元件都可以進行樣式設計,用“html.style”或用樣式類“html.styleClass”屬性進行定義;定義後即可在瀏覽器中查看並調整屬性值進行優化設計:

技術分享圖片

2、<On Submit>是一個與<On Click>等類似的表格專用的邏輯處理元件,設計在其中的邏輯會在提交表單(表單的名稱為submit)時運行,傳統有代碼開發中,有這樣一個處理順序:用戶點擊按鈕 -> onclick -> 如果onclick返回有效或未處理 onclick 則提交表單 -> onsubmit -> 如果 onsubmit 未處理或返回true,則提交,否則取消提交。在我們正常開發時,可刪除它且:

2.1、表單輸入中需要驗證的邏輯可以放至每個輸入框元件中,可以添加<On Change>並在其中驗證,詳細可參考前述的輸入框元件用介紹:

技術分享圖片

2.2、表單中添加一個按鈕,按鈕的<On Click>中進行提交表單的設計:

技術分享圖片

2.3、提交表單信息的邏輯設計:

技術分享圖片

文件上傳框元件(File Field):是一個文件上傳保存的元件,各類文件可以進行上傳存儲入數據庫,存入數據庫的文件用顯示行為類的元件中的顯示文件元件可以從前端進行下載或能過其他功能如excel上傳元件進行內容處理。

1、同其他元件一樣,可以進行樣式設計,用“html.style”或用樣式類“html.styleClass”屬性進行定義:

技術分享圖片

2、各瀏覽器對此元件的解釋不同,且英文系統中自動顯示為英文“choose”,中文系統顯示“選擇文件”或類似提示;

3、上傳邏輯中,需註意需直接將文件傳入服務器端處理,傳入其他數據結構(如數據庫表中)是不能執行的,這是WEB類型安全性要求的:

技術分享圖片

TERSUS畫畫一樣開發軟件 顯示元件介紹-上傳顯示元件