一、需求背景
在當今快節奏的工作環境中，移動辦公已成為企業提升運營效率和響應能力的重要方式。傳統OA系統雖然能夠滿足基本的辦公需求，但其PC端導向的設計難以適應移動場景下即時性、便捷性的操作要求。員工需要隨時隨地處理考勤、審批、報銷等事務，管理者也期望能夠實時掌握工作流狀態並快速決策。然而，原生移動應用開發又面臨週期長、成本高、更新迭代慢的普遍難題，無法高效響應企業移動辦公需求。
smardaten數據驅動的企業級AI原生開發平台，官方提供了軟件工程智能體SWE Agent，將生成式AI貫穿整個軟件開發生命週期，使得軟件開發更快、更容易、更智能化，幫助企業高效打造功能完善、體驗流暢的移動端OA系統，提升運營效率和創新能力。
二、移動端能力介紹
2.1、生成式AI技術
- 智能生成應用：通過智能開發助手，只需使用自然語言描述需求，AI助手即可自動完成需求分析、架構設計，並生成可運行的應用，並且支持攜帶測試數據。
- 智能生成與優化表單/頁面：描述所需表單，AI助手可自動生成包含字段的表單組件。還可通過指令對已有表單進行“重新佈局”等優化操作。
- 智能數據資產創建：描述表單字段後，系統能自動生成對應的數據模型並完成數據庫建表。
2.2、移動端專項配置
- 一體式開發模式：支持PC端與移動端一體化開發，在PC端利用AI智能助手快速生成表單/列表/資產，都可以在移動端進行復用。
- 豐富的移動端組件：平台提供大量移動端專用組件，如底部導航、輪播圖、卡片菜單等，同時也提供畫布等工具，支持靈活的界面設計。
- 核心頁面模塊化搭建：首頁、工作台、個人中心等核心頁面可通過組件快速配置。
- 首頁：可靈活配置頂部導航、搜索欄、輪播圖、快捷菜單、信息展示區等，並通過變量和邏輯控制實現數據的動態篩選與展示；
- 工作台：可直接使用內置的工作台組件，該組件已默認集成“待我處理”、“我發起的”等核心事務類別，實現審批事務的一站式處理；
- 個人中心：利用用户信息組件和列表菜單組件，快速配置個人信息展示和功能入口，如“我的請假”、“我的報銷”等。
三、SWE Agent
3.1、智能生成應用
在smardaten工作台中，無需從零開始搭建應用。用户只需一鍵喚起平台右下角的 【智能生成助手】 ，輸入OA系統所需的功能模塊描述，例如“生成一個包含考勤、審批、差旅報銷等功能的OA系統”。
AI助手會自動解析需求，並實時展示從需求分析、架構設計到功能實現的完整生成進度。
生成完畢後，勾選“攜帶測試數據”選項，再點擊“應用”按鈕，系統將自動完成應用初始化並進入配置界面，為後續開發奠定了堅實基礎。
3.2、智能生成表單
考勤管理部分已經包含了考勤打卡、統計和請假管理等三個頁面，如果我們還需要再構建一個補考申請的表單，同樣可以藉助AI能力快速實現。只需在【應用助手】中輸入指令“生成一個補卡申請的表單”。
系統便會自動分析並生成包含相應字段的完整表單佈局，無需手動拖拽組件，顯著節省了開發時間。
3.3、 智能生成資產
表單生成後，需要創建對應的數據資產。繼續向【應用助手】描述表單包含的字段，系統能自動根據字段的中文名稱生成對應的英文字段並完成建表。
用户可以預覽資產表結構是否符合需求，並進行微調。整個過程僅需幾分鐘，即可將資產表保存到指定的數據庫中，實現了數據模型的快速構建。
3.4、智能表單優化
進入表單後，可以針對表單組件的排列布局進行優化。
右下角喚醒【表單助手】，輸入“重新佈局”指令，系統會自動重新調整，讓界面展示更直觀。
四、移動端搭建
PC 端搭建完成後，我們一鍵切換移動端，實現一體化開發！
4.1、業務流程配置
在左側我們新增移動端的頁面，插入表單組件，用於請假申請的表單搭建。
進入表單配置頁，直接複用PC端創建的表單，系統會自動插入表單組件並進行數據綁定。
移動端的業務流程配置直觀簡便。以“請假申請”審批流為例，在表單中點擊“綁定業務流”，即可進入可視化流程設計界面。首先，使用用户節點配置領導角色進行審批，並啓用“部門隔離”功能，確保領導僅能審批本部門及子部門的申請
接着，配置“同意”和“拒絕”按鈕，並設置審批結果自動抄送回申請人，一個簡單的審批流程便在短時間內配置完成。
4.2、表單/列表搭建
完成表單和流程的搭建後，我們直接基於該表單快速生成請假申請列表。
在列表中，隱藏編輯和刪除按鈕，並添加查詢條件。
在移動端應用中包含了“首頁”、“工作台”和“我的”這三個導航頁面。在首頁中設定了請假申請、新聞發佈等快捷入口，由於當前只存在列表頁面，所以還需要依此創建新聞發佈、工時填報和報銷申請的表單頁。
最後請假申請的頁面，由於涉及到業務流程發起，需要使用發起組件綁定請假申請的業務流。
“我的”頁面是用户的個人中心，會包含我的請假、我的工時和我的報銷三個快捷入口。點擊之後需要進入到對應的數據列表頁。
同時列表頁需完成數據權限的配置，實現數據的隔離。根據創建人進行篩選，只展示當前用户的信息。
4.3、首頁頁面配置
移動端首頁是功能聚合與信息展示的核心。配置過程充分運用了平台組件與畫布的自由度：
頂部區域：利用佈局和應用畫布組件構建標題欄；添加“通知”按鈕並配置其點擊事件，跳轉至消息通知頁面；插入移動端的“掃碼”組件。
搜索欄：使用“輸入框”組件，並將用户輸入內容關聯至變量，作為新聞列表的過濾參數。
輪播圖：從移動端專屬組件庫中直接插入“輪播圖”組件，優化樣式並上傳圖片即可。
快捷菜單：使用“卡片菜單”組件或更自由的“畫布”組件，配置各類功能入口，並綁定跳轉頁面。
猜你要辦區：使用“橫向畫布卡片”組件，配置展示樣式，接着將圖片、標題、介紹、和跳轉鏈接組件與實際資產進行綁定，後續只需修改資產中的數據，即可快速修改該區域的內容。
新聞展示區：使用“頁籤組件”劃分資訊類別，結合“畫布列表”展示新聞。
為了實現列表數據的篩選和搜索，需要完成數據權限規則設定。定義兩個變量，分別用於接收“新聞類型”和“搜索關鍵詞”。在數據權限中，讓“新聞類型”字段必須與“新聞類型變量”匹配；同時，讓“新聞內容”字段支持與“搜索關鍵詞變量”的模糊匹配。
目前所有頁簽下的內容還是一樣的。別擔心，我們只需回到頁籤組件，在交互一欄為其添加點擊事件，當用户點擊某個頁籤時，利用操作變量的節點，就將這個頁籤的標題賦予給“新聞類型”變量。
同時還需考慮，在首頁加載完成後，熱門諮詢頁簽下方的列表需要只展示熱門諮詢的內容。所以在交互中，添加組件加載完成時的事件，配置邏輯控制，同樣的使用操作變量節點，將新聞類型變量賦予一個熱門諮詢的固定值。
底部導航區：直接使用移動端一欄提供的“底部導航”組件，設定名稱和圖標，並綁定頁面。
最終效果展示：
4.4、工作台頁面配置
“工作台”頁面是處理待辦事務的中心。配置非常方便，直接使用平台提供的“工作台組件”，該組件已默認集成“待我處理”、“我發起的”和“抄送我的”等核心事務區，無需額外開發，即可實現審批流程的一站式處理與跟蹤。
最終效果展示：
4.5、個人中心頁面配置
“我的”頁面作為個人中心，配置清晰簡潔。首先是用户信息，使用“用户信息組件”展示個人信息。
功能菜單：利用“列表菜單”組件，關聯已有頁面，配置“我的報銷”、“我的請假”、“我的工時”的入口。最後，添加“退出登錄”按鈕，即可完成個人中心的搭建。
最終效果展示：
五、應用價值
通過 smardaten 平台智能化的開發能力，主要實現了兩大核心價值：
- 智能開發-降低門檻，釋放創造力：開發過程中利用多種AI智能助手，以自然語言描述需求，可自動完成應用、表單、數據資產的生成，減少人工操作，無需專業代碼能力，從而降低開發門檻。
- 高效開發-縮短週期，提升落地效率：PC 端與移動端一體式開發，表單、列表、數據資產等成果直接複用，避免跨端重複開發。同時，依託移動端專屬組件與模塊化搭建能力，核心頁面（首頁、工作台等）可快速組裝，從而簡化關鍵環節配置，縮短系統上線週期。
