简道云-第4章-表单实例
title: 簡道云-第4章-表單實例
date: 2022-06-12 17:49:36
tags: 簡道云
categories: 簡道云
簡道云-第4章-表單實例
上一章介紹了表單的基本用法,這一章將創建一個旅游信息采集表來說明復雜一些的表單設計過程。
一、采集信息列表
| 1 | 姓名 | 單行文本 | 5個字以內 | 無 | 是 | |
| 2 | 工號 | 數字 | 小于10(假設不超過10個員工) | 無 | 是 | |
| 3 | 所屬部門 | 部門單選 | 無 | 無 | 是 | |
| 4 | 是否參加旅游 | 單選按鈕組 | 是/否 | 無 | 無 | 是 |
| 5 | 為什么不參加 | 多行文本 | 100字以內 | 只有4選擇否才會顯示 | 否 | |
| 6 | 選擇參加組次 | 復選框組 | 世界之窗/深圳歡樂谷 | 無 | 只有4選擇是才會顯示 | 是 |
| 7 | 世界之窗組-期待時間 | 日期時間 | 年-月-日 | 大于2022-06-12,小于2022-06-30 | 只有6選擇了世界之窗才會顯示 | 否 |
| 8 | 世界之窗組-預計游玩時間 | 下拉復選框 | 半天/一天 | 無 | 只有6選擇了世界之窗才會顯示 | 否 |
| 9 | 世界之窗組-預計個人出發地址 | 地址 | 無 | 只有6選擇了世界之窗才會顯示 | 否 | |
| 10 | 世界之窗組-預計個人出發地址 | 定位 | 無 | 只有6選擇了世界之窗才會顯示 | 否 | |
| 11 | 深圳歡樂谷組-期待時間 | 日期時間 | 年-月-日 | 大于2022-07-1,小于2022-07-15 | 只有6選擇了深圳歡樂谷才會顯示 | 否 |
| 12 | 深圳歡樂谷組-預計游玩時間 | 下拉復選框 | 半天/一天 | 無 | 只有6選擇了深圳歡樂谷才會顯示 | 否 |
| 13 | 深圳歡樂谷組-預計個人出發地址 | 地址 | 無 | 只有6選擇了深圳歡樂谷才會顯示 | 否 | |
| 14 | 深圳歡樂谷組-預計個人出發地址 | 定位 | 無 | 只有6選擇了深圳歡樂谷才會顯示 | 否 | |
| 15 | 手機 | 手機 | 無 | 只有4選擇是才會顯示 | 是 |
二、創作表單
1-使用分隔符作為表頭,設置字段屬性的值,改成自己想要的樣子,因為這個分隔符沒有邏輯控制,所以不需要修改表單屬性。
2-再使用一個分隔符作為節標題。
3-增加一個單行文本,設置標題為姓名,提示文字為你叫什么,勾選校驗的必填。
設置姓名的表單屬性,選擇添加校驗條件,依次選擇文本函數LEN、單行文本,輸入小于等于5的要求。
設置完成后可以先保存并退出進行嘗試。
**因為字段屬性比較簡單,所以后面的演示不會再具體講解字段屬性相關設置,只關注表單屬性。**但是也希望讀者可以根據自己的需要和喜好,設置出精美好看的表單,漂亮的作平可以讓人眼前一亮,提升好感度。
4-增加一個數字,作為工號字段。
5-增加部門單選作為所屬部門。
6-增加單選按鈕組作為是否參加旅游。
7-增加多行文本作為為什么不參加,不選擇必填,設置表單屬性的長度不超過100個字。并為其增加顯隱規則。
8-增加復選框組作為選擇參加組次。并添加顯隱規則。這里不再詳細演示。
9-增加日期時間作為世界之窗組-期待時間。設定顯隱規則和校驗條件,因為這不是必填字段,所以需要使用if函數判斷其是否有值,如果不使用if,就算你選擇不參加旅游,也必須經過這個校驗。
10-到此為止這個表單大部分用到的技術都已經講解完畢,讀者可以自行按照上面的方法完成剩余表單的制作。可以適當多添加一些分隔符或圖片之類的裝飾,美化表單,表單可以不只用來收集數據,還用來表現公司的審美和水平。
三、總結
本章詳細介紹了一個復雜表單的制作方法,其中有很多步驟可以優化,提升效率,比如我們為每一個需要顯隱規則的組件都單獨添加了規則,但其實可以一次性為批量組件添加規則,本章中這樣做只是為了讓讀者熟悉操作方法,加深印象。對于校驗條件和顯隱規則,還可以設置的更復雜,讀者可以根據需求自行摸索。表單基礎內容到此為止,下一章開始學習流程表單的用法。
總結
以上是生活随笔為你收集整理的简道云-第4章-表单实例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html5carousel图片轮播,jQ
- 下一篇: 7号信令1-6