中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

筆者有OA系統(tǒng)的設(shè)計(jì)經(jīng)驗(yàn)，本系列將分篇章總結(jié)OA中最核心的功能，希望能盡可能全面地記錄筆者的經(jīng)驗(yàn)，和感興趣的讀者交流分享。

這次我們探討OA系統(tǒng)里另一個(gè)重要的功能模塊——表單。表單包括行政類單據(jù)，如請(qǐng)假單、設(shè)備申請(qǐng)單、用車(chē)申請(qǐng)單等；統(tǒng)計(jì)調(diào)查類單據(jù)，如人員信息統(tǒng)計(jì)表、團(tuán)建活動(dòng)報(bào)名表、調(diào)查問(wèn)卷等。

線下一般有相應(yīng)的紙質(zhì)單據(jù)，填寫(xiě)人完成填寫(xiě)后可能經(jīng)由多級(jí)領(lǐng)導(dǎo)審批，最終歸口到某部門(mén)或某負(fù)責(zé)人。每種表單會(huì)關(guān)聯(lián)一套流程，流程之間可能各不相同。所以表單模塊要和流程模塊緊密合作才能提供完整的線上服務(wù)，這也是為什么我會(huì)在上一篇的流程模塊之后緊接著寫(xiě)表單模塊。

下面具體探討一下表單模塊的設(shè)計(jì)。

一、表單設(shè)計(jì)頁(yè)面

表單設(shè)計(jì)頁(yè)面一般包括控件庫(kù)、設(shè)計(jì)區(qū)、屬性面板。如下圖所示。

宜搭的表單設(shè)計(jì)頁(yè)面

操作方式一般是用鼠標(biāo)拖拽控件，在設(shè)計(jì)區(qū)合理地?cái)[放控件，在屬性面板設(shè)置控件和頁(yè)面的屬性。

二、表單樣式

1. 互聯(lián)網(wǎng)式

這種表單樣式是我們?cè)诨ヂ?lián)網(wǎng)上最常見(jiàn)到的，直接看個(gè)例子：

用宜搭創(chuàng)建的表單

對(duì)于大部分企業(yè)而言這種表單形式是極好的選擇。它的特點(diǎn)包括繪制簡(jiǎn)單，只需要把表單控件有序地向下堆疊即可；表單長(zhǎng)度可以隨意延展，多少字段都能放的下；界面簡(jiǎn)潔明了，填寫(xiě)體驗(yàn)好。

但如果是面向政府單位的政務(wù)系統(tǒng)，這種表單不一定被客戶接受，下面的第二種表單樣式更被青睞。

2. 線下表單復(fù)刻式

這種表單樣式完全復(fù)制線下紙質(zhì)表單的樣式，常常被用于政府單位，原因包括以下兩個(gè)方面：

1. 有些政府單位有留檔的需求，線上表單走完流程之后需要打印出來(lái)并歸檔，所以線上表單樣式要和線下的盡量保持一致；
2. 政府單位的信息化水平不及長(zhǎng)期接觸互聯(lián)網(wǎng)的大眾用戶，所以政府單位更保守，更愿意沿用以往的工作模式。而且政府單位的領(lǐng)導(dǎo)往往年紀(jì)較大，他們已經(jīng)習(xí)慣了紙質(zhì)表單的樣式，使用線下表單的樣式可以照顧領(lǐng)導(dǎo)的使用體驗(yàn)。

我們來(lái)看下面的例子，來(lái)自于致遠(yuǎn)政務(wù)系統(tǒng)的官網(wǎng)。

致遠(yuǎn)-復(fù)制線下樣式的線上表單

這種表單的繪制方式有兩種：

（1) 基于XML代碼

在word中繪制好表單，復(fù)制表單并解析成XML代碼，在OA系統(tǒng)中根據(jù)XML代碼渲染出來(lái)。然后需要布置單選框、文本框等控件，新增控件其實(shí)只是增加了一段XML代碼。

當(dāng)然，這些實(shí)現(xiàn)原理是開(kāi)發(fā)團(tuán)隊(duì)的業(yè)務(wù)范疇。

在微調(diào)表單的時(shí)候這種方式并不方便，而且根據(jù)調(diào)整操作來(lái)修改XML代碼的代碼邏輯比較復(fù)雜，有時(shí)甚至需要實(shí)施人員手動(dòng)修改XML代碼。

所以產(chǎn)品設(shè)計(jì)層面需要提供手動(dòng)修改XML代碼的功能，現(xiàn)場(chǎng)實(shí)施人員可以通過(guò)修改XML代碼調(diào)整表格的樣式。

（2) 基于圖片

在word中繪制好表單，導(dǎo)出成圖片，把圖片導(dǎo)入到OA系統(tǒng)中作為底圖。然后把表單控件擺放到合適的單元格內(nèi)。

這種方式的好處在于快捷，操作難度低。但問(wèn)題也很明顯。

大小不一的表單控件需要被完整地放入單元格線框內(nèi)，繪制過(guò)程并不愉快。項(xiàng)目實(shí)施人員要極為專注地調(diào)整輸入框的大小，像素級(jí)精準(zhǔn)地調(diào)整輸入框的位置，效率之低可以想象，更可怕的是一個(gè)項(xiàng)目中可能要繪制上百個(gè)不同的表單。

在布置控件的時(shí)候如果可以自動(dòng)調(diào)整控件大小并吸附到單元格內(nèi)，上面的問(wèn)題就迎刃而解了。技術(shù)上是可實(shí)現(xiàn)的，親測(cè)使用體驗(yàn)很爽。

三、表單控件

常見(jiàn)表單控件的種類和關(guān)鍵屬性包括：

1. 布局類

• 柵格：適用于互聯(lián)網(wǎng)式的表單，用于設(shè)置一行有幾列以及每列的寬度；
• 分隔線：把表單縱向劃分成若干區(qū)域。可設(shè)置分隔線的名稱。

2. 文本類

• 單行文本框：可提供校驗(yàn)規(guī)則，比如格式是郵箱、手機(jī)號(hào)、正則表達(dá)式、字符長(zhǎng)度等；
• 多行文本框：同上；
• 數(shù)字框：可校驗(yàn)是整數(shù)、小數(shù)、正數(shù)、負(fù)數(shù)等；
• 標(biāo)簽：可以用作表單字段的名稱，如“姓名”，或備注說(shuō)明。

3. 選擇類

• 單選框：可自定義選項(xiàng)，調(diào)整選項(xiàng)順序，選項(xiàng)縱向排列或橫向排列；
• 多選框：同上；
• 下拉框：可自定義選項(xiàng)，調(diào)整選項(xiàng)順序，單選或多選；
• 人員選擇：用于選擇單位內(nèi)的用戶?？稍O(shè)置單選或多選；
• 部門(mén)選擇：用于選擇部門(mén)?？稍O(shè)置單選或多選；
• 日期：可設(shè)置日期的格式（年月日時(shí)分秒的組合），可選范圍；
• 日期區(qū)間：同上；
• 地區(qū)：可設(shè)置格式，如省市區(qū)、省市、省等；
• 國(guó)家：可設(shè)置單選或多選；
• 評(píng)分：可設(shè)置分值范圍，是否允許半分。

4. 其他

• 上傳圖片：可設(shè)置最多上傳數(shù)量，圖片分辨率限制；
• 上傳附件；可設(shè)置最多上傳數(shù)量，附件大小限制；
• 添加超鏈接：讓用戶可以添加超鏈接，比如部門(mén)團(tuán)建活動(dòng)建議收集表要求部門(mén)成員提交自己的想法，可以附上關(guān)于活動(dòng)場(chǎng)所介紹的網(wǎng)頁(yè)鏈接?？稍O(shè)置最多添加數(shù)量；
• 圖片：放置在表單中的圖片。可從本地上傳，或指向某個(gè)鏈接地址；
• 超鏈接：用戶點(diǎn)擊后打開(kāi)對(duì)應(yīng)的網(wǎng)頁(yè)?？梢栽O(shè)置鏈接地址和顯示的文案，比如“這是一個(gè)鏈接”。

幾乎適用于所有控件的通用屬性包括提示文案、默認(rèn)值。

關(guān)于控件是否必填、只讀、可編輯、隱藏等設(shè)置，在上一篇文章提過(guò)，最好在與表單相關(guān)聯(lián)的流程里配置，因?yàn)椴煌鞒坦?jié)點(diǎn)的要求不同。

#相關(guān)文章#

OA系統(tǒng)設(shè)計(jì)（1）：流程

本文由 @Twincus靚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自于Pexels，基于Pexels License