近日，零代碼平臺伙伴云產品「頁面」功能正式上線，在【小伙開麥】直播間，CEO戴志康和產品經理共同為在線觀眾展示「頁面」的功能與使用技巧，讓小伙伴們大呼過癮！好玩、好用、好看的「頁面」，到底有哪些亮點？讓我們跟隨戴總和產品經理的講解，一起看看吧！
01「頁面」的誕生——化繁為簡，超出想象
伙伴云全新推出的「頁面」，是如何誕生的？
「頁面」這個詞語聽起來很普通，一張A4紙可以叫頁面，一個屏幕也是一個頁面。但是伙伴云「頁面」并不簡單，它凝結著伙伴云產品和開發小伙伴們很多心血。
我們為什么要做頁面呢？戴志康提到：想法由來已久。伙伴云最早承載元素和內容的載體，叫做儀表盤。儀表盤可以承載圖表、數據等內容，給用戶一個清晰的看板。「頁面」相當于是儀表盤的全方位的升級。
很多用戶在使用系統時，不僅在處理冷冰冰的數據，更希望將數據以更直觀的、更美觀的方式來展現出來，甚至是客戶側的更多內容，比如商品列表，訂單信息、公司介紹等。一些企業需要把內部系統和外部系統打通，更需要一個裝修很好的“門面”為客戶提供服務。
全新重構的「頁面」產品應運而生，來實現企業和個人多方位、全方位的需求。考慮到大家的上手難度，我們在「頁面」設計和制作過程中去掉了復雜的概念，以更簡化的方式去實現超出預期的效果。
02「頁面」整體功能模塊——簡單拖拽實現豐富的布局
從「頁面」功能整體結構來說，是按塊劃分的。當上手頁面的時候，可以按照區域劃分，每個區域添加組件，依次從頂部開始輸入標題、封面等內容。圖片擁有不同的布局，大家可以根據需要自由選擇，展現形式很豐富。
組件添加后，就可以添加內容了。內容分為兩種，一種是手動填寫，可以點擊跳轉連接，我們對接了第三方圖庫，為大家提供類型豐富的圖片，可以篩選后添加。如果組件的數據有結構要求，或者需要統計分析，可以把組件的數據從表格中獲取，將對應關系匹配。
我們還為用戶提供了一些視圖工具和數據操作，視圖工具跟伙伴云表格里的視圖工具是一致的，可以看到有哪些列，將數據分組顯示，或者自定義排序規則等。可以設置數據的基礎操作規則，是否可以創建、搜索、導入導出等，都可以直接編輯，快捷開啟。
另一種是非手寫的內容，我們專門提供了嵌入組件，將網站的嵌入網址提取后粘到組件中就可以實現，比如嵌入倒計時、天氣、音樂、或者小時鐘等，擁有豐富的想象空間。
現在市面上的網頁設計軟件和產品有些難用，因為它背后是使用DIV組件反復嵌套進行布局的。「頁面」在設計時，考慮到了不同DIV的嵌套非常難理解，我們將DIV隱藏起來，做了很多優化處理，讓用戶簡單拖拽實現豐富的頁面元素布局。
如何設置樣式呢？僅僅排列內容會看起來不太和諧，或者比較單調。「頁面」提供了豐富的樣式設計，一個是頁面的整體設置入口，在這里可以選擇頁面的結構，是普通網頁類型還是單頁模式，頁面的寬度也可以自行調整。頁面的背景可以使用純色、漸變、圖片等進行填充，頁面的文字、按鈕等也都可以自行調整顏色。頁面的組件可以通過拖動的方式調整寬度、展示形式等，靈活布局。
03「頁面」適配豐富的場景，建站、文檔，樣樣行
頁面可以應用于各種不同的場景，從輕量級到重量級，從個人到團隊到企業，都可以快速呈現。
個性化文檔
個人筆記、個人簡歷、產品需求文檔...自由設計，場景風格你定義！在文檔類頁面中，可以將內容擋在大的文本組件中，也可以分塊進行。可以設置文字的大小格式，從一級到五級，也可以插入圖片、圖標、 emoji 表情、按鈕等。個人的筆記、簡歷、公司的知識庫等，可以選擇自己喜歡的風格，添加自己想要呈現的內容。
建站
關于建站，「頁面」可以幫你建立屬于自己的網站。之前做一個網站導航是很費時費力的，需要很多的開發功能。從首頁跳轉到新聞，再從新聞跳轉回首頁，不僅包含了連接的問題，還有一個路由前進后退的問題。而在「頁面」中，使用導航組件就可以輕松配置。通過頁面提供的系統組件，可以打開或者關閉導航欄，導航組件下有導航菜單和導航按鈕的分組，點擊、填寫、拖拉拽，幾步即可完成。
另外數據分析功能在近期也會上線，可以支持各種統計圖表，分類匯總、進度條、多項統計等。逐漸將原來儀表盤的功能分批拓展到頁面上，讓頁面能夠更加完整地繼承原有功能，并變得更好。
04數據詳情頁重大升級 不止DIY
此次發布的自定義頁面布局能力，不僅可以替代儀表盤，還可以自己構建數據詳情頁。告別難以修改的版式、顏色、字體，現在的「數據詳情頁」支持DIY各種你想要的頁面和樣式，美觀和實用兼得。戴志康提到，伙伴云數據詳情頁的布局經歷了5次革新。最初的數據詳情頁是簡單的字段羅列，第二代支持了布局，比較短的字段可以一行放多個，提高了整個頁面的數據查看效率。第三代更新可以對重點內容進行顏色標記，方便快速查看聯系電話或者客戶名稱等；第四代做到了關聯信息，比如點開客戶的字段可以看到他的溝通記錄、歷史訂單等。這里涉及到了子表和儀表盤的內容。
之前四次更新迭代，是拘泥于表格本身的，必須和表格建立關聯才可以顯現。而現在是第五代的內容，我們可以實現所有相關的內容都呈現在一個頁面中，有本表的數據，也有跨表的數據、以及快捷操作。我們希望通過這樣的詳情頁，可以將所有關聯的信息都呈現出來，甚至和當前數據沒有任何關聯的數據也可以創建，填寫。通過這次更新，我們讓數據詳情頁有了更多的擴展性和可塑性。
05 關于頁面的Q&A
Q:「頁面」上線后，儀表盤會很快下線嗎？
A：很多老用戶在使用儀表盤，不用擔心，儀表盤不會下線，新的功能成熟后會替代儀表盤，但是之前的內容是可以看也可以用的，保證順滑地遷移。
Q:頁面會開放一些代碼能力，讓用戶自己寫樣式嗎？
A：會的。我們規劃在組件樣式設置的地方加一個欄目，直接用CSS代碼自定義你的樣式組件。會寫CSS和HML的朋友就有福了，可以做出和其他人不一樣的東西。
Q：「頁面」和notion相比有哪些優點？
A：notion更側重文檔層面，而「頁面」提供了更好的布局，并且提供了notion所不具備的儀表盤分析功能，各種數據圖表，讓視覺和內容更加豐富。
Q:為什么要投入這么大的精力去做「頁面」？
A：一方面，「頁面」可以讓我們的用戶有更好的使用體驗，從而心情愉悅地實現企業的數字化。另一方面也讓數字化的門檻降低，以易用的體感、直接的數據、豐富的內容呈現，讓更多地人可以使用起來，這也是數字化的重要部分。「頁面」是可以對內也可以是對外的，可以幫助我們的用戶為他的客戶提供更好的體驗。可以說，「頁面」給用戶提供了各種想象力和可能性。
