基於宜搭的《T恤尺碼收集》應用搭建

簡介： 在阿里，T恤是程序員必不可少的元素。每逢公司或者BU（部門）的重大節慶日，好比雙11 、年會、新BU成立儀式、大型活動等，都會給員工定製發放統一的T恤或者POLO衫服裝。而咱們每次發放T恤以前，有一步必不可少的就是收集員工的T恤尺碼。

1、產品介紹

宜搭：人人搭建、人人使用。應用搭建，從未如此簡單。

宜搭平臺的命名取適宜搭建、容易搭建之意。平臺集合了頁面設計、業務規則定義、數據收集與分析三大核心能力，用戶經過簡單的拖拽、配置，便可完成業務應用的搭建。同時，平臺還具有一次搭建雙端適配、權限獨立設置、定製消息提醒推送及海量信息存儲等特性。旨在爲廣大中小企業提供一套低成本的企業應用搭建解決方案。

宜搭平臺可支持信息發佈、知識管理、Portal整合、數據管理、流程審批、移動辦公等各類辦公應用場景。
具體業務場景如：報名登記、調查問卷、財務管理、人力資源管理、行政管理、資產管理、客戶管理、工做流轉、任務審批等等。

產品文檔：https://help.aliyun.com/product/109414.html

2、需求說明

在阿里，T恤是程序員必不可少的元素。每逢公司或者BU（部門）的重大節慶日，好比雙11 、年會、新BU成立儀式、大型活動等，都會給員工定製發放統一的T恤或者POLO衫服裝。

現實生活中，基本上每家企業都會給本身的員工發放T恤或者員工廠服，而企業給員工發放T恤，做用也是不言而喻的。

1. 樹立企業形象。在市場競爭中具備優秀形象的企業更容易在衆多對手裏脫穎而出，更容易獲得客戶的承認。
2. 創造獨特的企業文化。成熟的企業都有着本身獨特的企業文化，不一樣企業文化薰陶下的員工，個性鮮明，工做狀態更有激情。
3. 統一企業形象，樹立企業品牌。企業的發展離不開品牌塑造。
4. 提升企業凝聚力。
5. T恤衫宣傳做用，廣告無處不在。
6. 員工能夠儘快進入工做狀態，規範員工行爲。

而咱們每次發放T恤以前，有一步必不可少的就是收集員工的T恤尺碼。對於每一種不一樣的服裝，好比T恤、POLO衫、套頭衫等，它們的生產尺碼都是不同的。若是須要節約企業成本，定製生產，咱們就須要提早收集員工的具體衣服尺碼。咱們須要知道男女分別多少件、各類尺碼分別多少件、每一個部門應該怎麼分配等等。

搭建這樣的一個收集應用，裏面除了表單，還須要有各類各樣的報表，進行數據的呈現和統計。而宜搭做爲自然的表單報表搭建平臺，能夠作到0代碼搭建，輕鬆搞定。相比傳統的Excel收集方法，能夠大大節省人力和時間成本。

3、流程圖例

下面，咱們來看一下用宜搭搭建《T恤尺碼收集》應用的基本流程。

在流程中，有三種角色，分別是應用管理員、員工（用戶）、T恤操做員。

• 應用管理員：搭建應用、搭建表單、錄入部門信息、建立數據報表、分享表單連接。
• 員工（用戶）：提交本身的T恤尺碼信息。
• T恤操做員：查看統計數據，發放T恤。

4、搭建表單

接下來，咱們就開始按照上述流程一步一步搭建應用。

1. 建立應用

訪問宜搭官網 https://www.aliwork.com，利用釘釘掃碼登陸到本身的企業。

切換到「建立應用」頁面，點擊「建立新應用」按鈕，在彈出的對話框中，填入應用名字《T恤尺碼收集》，而後點擊「肯定」按鈕。

應用建立好以後，會自動跳轉到應用的管理後臺。

2. 建立表單

點擊「新建單據頁面」，再點擊「建立空白單據」按鈕，而後填入「T恤尺碼收集」的單據名字。

建立好單據頁面以後，會自動跳轉到表單設計器裏面，以下圖所示：

接下來，咱們按照右邊大綱樹的結構，拖入相對應的組件到設計器中。

組件詳細的配置以下：

分欄組件，按照「4:6:14」的比例進行三列劃分。

人員搜索框組件（提交人），設置爲「只讀」態，而後默認值採用「公式編輯」，插入「USER()」獲取當前登陸人的信息，多選則去掉。

單選組件（性別），添加「男」和「女」兩個選項，同時選擇「關聯選項設置」，當選項爲「男」時，顯示包裹男性尺碼圖片的「容器M」，當選項爲「女」時，顯示包裹女性尺碼圖片的「容器W」。

單選組件（衣服尺碼）：設置選項爲紅框列表中的選項便可。

單選組件（所在團隊）：選項設置「關聯其它表單數據」，這時候咱們須要新建立一張用於輸入「團隊信息」的表單。

新建立一個單據頁面，名字叫「團隊信息錄入」，而後拖入一個「單行輸入框」組件，取名爲「所在團隊」，設置爲「必填」校驗便可。

這時候，咱們再來關聯上「團隊信息錄入 -> 所在團隊」的字段，這樣後面「團隊信息錄入」中填寫的數據就會做爲「所在團隊」的選項值出現。

3. 錄入部門信息

點擊「團隊信息錄入」頁面，而後切換到「數據管理」頁，再點擊「新增」按鈕，會跳轉添加團隊信息的錄入頁面。

若是這時候出現「應用未上線，不能執行「提交」操做」的話，須要咱們在管理後臺，點擊頂欄的「上線」按鈕，而後點擊「肯定」，應用上線後，就能夠添加數據了。

添加部門信息。

部門信息添加完成後，咱們切換到「數據管理」頁面，點擊表格右上方的「齒輪」按鈕，而後將「所在團隊」勾選上，再點擊「肯定」，最後咱們就能看到所提交的團隊信息了。

這時候，再切換到「T恤尺碼收集」的表單頁面，就能看到「所在團隊」已經將「團隊信息錄入」的數據所有關聯過來了。

4. 設置編輯權限

由於T恤尺碼每一個人只能提交一次，因此須要將「提交規則」設置爲「同一帳號僅能提交一次」，而後點擊「保存」按鈕保存。

接下來，切換到「設置 -> 權限設置 -> 添加權限組」，填入權限組名稱，並將「查看狀態」下的「性別」、「衣服尺碼」、「所在團隊」三個字段設置爲「可編輯」，再點擊「肯定」按鈕保存。

最後，點擊「添加人員」按鈕，將建立人勾選上，並點擊「肯定」保存，這樣咱們的提交一次和編輯權限就設定完成了。

5. 分享表單連接

切換到「分享設置」，填入「tshirt」的短鏈名字，再點擊「保存」按鈕保存。最後點擊「複製連接」的小圖標，將連接複製好後，發送給公司的釘釘羣中，讓全部員工進行T恤尺碼信息填寫。

至此，全部的表單提交的部分就設置完了。

當全部員工的信息都提交完畢後，咱們再「T恤尺碼收集」的後臺數據管理，就能夠看到全部的提交數據。

這時候，咱們點擊表格右上方的「建立管理頁」，點擊「保存」按鈕，能夠建立一個管理頁面，這樣前臺用戶也能看到全員提交的數據了。

5、數據報表

信息收集完成後，咱們開始製做一些數據報表來統計數據，讓體感更加清晰明瞭。

首先，新建一個報表頁面，名字叫作「統計表」。

而後，同表單頁面同樣，按照右邊大綱樹的組件排列結構，將相對應的組件拖入到設計器中。

咱們報表包括：

• 頂部查詢：能夠精確查詢團隊、性別和衣服尺碼等維度；
• 數據看板：統計提交人數、提交團隊數和各類尺碼的總件數等；
• 分團隊尺碼維度數據信息表：細分每一個團隊每種尺碼的總件數分佈；
• 尺寸數分佈統計餅圖：將「分團隊尺碼維度數據信息表」中的每一個團隊須要的T恤總數統計出來，而且餅圖區塊可點擊，點擊進去以後，會展現團隊對應的具體衣服尺碼的分類數；
• 男女數分佈統計餅圖：統計男女性別分類的總數，同時餅圖區塊可點擊，點擊進去以後，會展現性別對應的具體衣服尺碼的分類數；
• 分團隊尺碼維度數量柱形圖：將「分團隊尺碼維度數據信息表」中的數據以柱形圖的形式進行統計展現，比較直觀的看到具體分佈；
• 詳細信息表：將「T恤尺碼收集」提交的數據集進行詳細的表格展現，同時也能夠導出爲Excel，方面對數據進行二次加工處理。

1. 頂部查詢

首先，分欄採用三欄佈局。

而後，拖入一個「篩選」組件，並取名爲「團隊」，選擇數據集爲「T恤尺碼收集」表單，值選擇對應的「所在團隊」，默認值會自動帶出來。

這樣，團隊篩選組件的選項就會羅列「所在團隊」的全部值，並且可搜索。性別和衣服尺碼一樣操做便可。

2. 數據看板

數據看板設置每行個數爲 5 個。其它一些基礎設置，能夠本身摸索着玩。

選擇數據集爲「T恤尺碼收集」，而後指標字段，前兩項選擇T恤尺碼收集裏面的「提交人」和「所在團隊」字段，並設置聚合操做爲「計數（去重）」。

後面八項所有采用公式設置，利用 COUNT 函數對衣服的各類尺碼進行計數。

3. 分團隊尺碼維度數量信息表

選擇數據集「T恤尺碼收集」，而後選擇列字段爲「所在團隊」、「衣服尺碼」、「發起人工號」，其中「所在團隊」採用降序排列，「衣服尺碼」採用升序排列，「發起人工號」採用計數的聚合操做，並修更名字爲「計數」

4. 尺寸數分佈統計餅圖

選擇數據集爲「T恤尺碼收集」，而後分類選擇「所在團隊」，序列選擇「提交人」，按照升序排列，並採用計數的聚合操做。其中，「所在團隊」，配置它的鑽取爲「衣服尺碼」，這樣，當點擊餅圖區塊的時候，就能看到詳細的尺碼統計。

男女數分佈統計同理。

5. 分團隊尺碼維度數量柱形圖

柱形圖，選擇數據集爲「T恤尺碼收集」，分類選擇「所在團隊」，序列選擇「提交人」，並採用「計數」的統計，序列分組選擇「衣服尺碼」做爲分組標識。

6. 詳細信息表

詳細信息表，選擇數據集爲「T恤尺碼收集」表，而後字段添加「所在團隊」、「性別」、「衣服尺碼」、「提交人」、「流水號」等字段，其中全部的字段均設置爲「不自動合併」。

 

6、數據查看

報表頁面搭建完成後，配合以前團隊提交的數據，咱們切換到用戶態進行查看，點擊「統計表」頁面，就能夠看到具體的報表信息了。

1. 精確查詢

1.1 按「團隊」維度進行查詢

1.2 按「性別」維度進行查詢

1.3 按「衣服尺碼」維度進行查詢

 

2. 數據看板

3. 分團隊尺碼維度數據信息表

4. 尺寸數分佈統計餅圖

點擊下鑽後的部門詳細尺碼分佈，以「基礎運維部」爲例。

5. 男女數分佈統計餅圖

點擊下鑽後的部門詳細尺碼分佈，以「男」性爲例。

6. 分團隊尺碼維度數量柱形圖

7. 詳細信息表

點擊最優欄的「流水號」連接，還能夠查看具體的表單提交信息：

7、功能擴展

除了上述基本的功能和需求外，利用宜搭還能夠作一些擴展和進一步細化的功能點，好比：

• 如何實現性別、部門信息、款式圖片的默認聯動？

當用戶打開頁面後，除了自動獲取當前登陸人信息外，還能夠自動識別性別並選中，並將部門信息關聯帶出來。

• 如何實現批量導入表單數據？

當有的部門線下已經收集了一部分數據，須要批量導入到表單中。

• 如何實現批量修改表單數據？

若是批量導入的數據出現有一個字段填寫錯誤，或者咱們表單新增了一個字段，這時候須要批量對用戶的數據進行修改。

• 如何建立併發布英文版本？

假設團隊中有員工是外籍英文用戶，他們使用的是英文界面的宜搭，咱們須要設計英文版本的表單。

• 如何按自動流程發放T恤，並通知到具體的員工？

在發放T恤的過程當中，須要用到流程通知和發放流程確認。

• 如何實現員工取完T恤後，庫存T恤的數據相應的減1？

在員工領取完T恤並確認好流程以後，表單中的數量應該自動減1。

• 如何統計已發放和未發放的人數、姓名及數量等？

在發放的過程當中，咱們須要天天統計一下已發放和未發放的人數等信息，而後再次發送消息通知。

• 如何製做成模板並分發給其它應用使用？

當咱們的應用搭建比較完整，而且其它團隊和場景也須要使用到相同的應用時，咱們就能夠將它製做成模板並進行分發。

在下一篇文章中，咱們將上述的功能詳盡的一步一步實現出來，繼續擴展並完善本收集應用。

8、項目總結

麻雀雖小，五臟俱全。當咱們搭建一個應用的時候，都須要首先了解搭建平臺的功能和架構，是否可以知足咱們的需求，而後根據咱們的業務需求，將業務流程圖畫出來，再一步一步根據平臺的幫助文檔，將整個應用進行搭建。若是有任何問題，均可以在答疑羣裏面諮詢相關的技術人員。

宜搭具備強大的表單收集、數據收集和報表展現能力，這些都須要咱們逐步去學習和深挖，配合幫助文檔，能夠輕鬆上手並0代碼搭建出功能豐滿的應用。

 

本文做者：硯心 

原文連接

本文爲雲棲社區原創內容，未經容許不得轉載。