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