宜搭基礎(chǔ)入門

關(guān)于宜搭

宜搭是阿里巴巴自研的低代碼應(yīng)用構(gòu)建平臺姐呐,通過可視化拖拽的方式殿怜,傳統(tǒng)模式下需要 2 周才能完成開發(fā)的應(yīng)用,用宜搭 2 小時就能完成曙砂。
宜搭提供了大量的圖形化的開發(fā)組件头谜,用戶通過拖拽和配置,無需代碼或僅需少量代碼就能快速完成應(yīng)用的搭建鸠澈。
在宜搭的應(yīng)用中柱告,我們可以通過以下幾類頁面來配合完成完整的業(yè)務(wù)場景需求的解決。


宜搭基礎(chǔ)功能

界面介紹

編輯界面左側(cè)

大綱樹:可以在這查看頁面組件的層級和相關(guān)笑陈。

組件庫:可以在這找到常用控件和高級控件际度。

數(shù)據(jù)源:可以在這里設(shè)置遠(yuǎn)程API和需要用到的變量。

動作面板:可以在這寫入頁面需要的相關(guān)代碼涵妥,或控件綁定的動作函數(shù)乖菱。

多語言文案:可在這設(shè)置多語言。

主界面

數(shù)據(jù)管理:可查看已添加的數(shù)據(jù),批量導(dǎo)入/導(dǎo)出等窒所。

頁面設(shè)置:可做基礎(chǔ)設(shè)置操作鹉勒、權(quán)限設(shè)置、消息通知等吵取。

可在此做頁面查看禽额、提交等操作的權(quán)限,以及頁面評論皮官、打印等功能的關(guān)閉與開啟脯倒。

消息通知:可在此操作提交、修改后的消息通知捺氢。
  • 注意1:通知人員類型按頁面內(nèi)人員通知藻丢,該人員所屬控件需為成員組件,否則通知不到讯沈。
  • 注意2:觸發(fā)條件若為頁面指定內(nèi)容變化郁岩,意思是該頁面修改時才會通知。
分享設(shè)置:可在此查看頁面地址等缺狠。

表單入門

用于存儲或收集數(shù)據(jù)问慎,通過權(quán)限配置實現(xiàn)不同角色人員能夠擁有不同的對數(shù)據(jù)增刪改查、以及字段操作等權(quán)限挤茄。

主界面
編輯界面

表單擁有常用控件:文本如叼、下拉選項、級聯(lián)穷劈、地址笼恰、富文本等。
界面左側(cè)為常用控件歇终,右側(cè)為控件設(shè)置社证。
右側(cè)可做控件的基礎(chǔ)設(shè)置,如標(biāo)題修改评凝、控件狀態(tài)追葡、默認(rèn)值、默認(rèn)格式奕短、數(shù)據(jù)校驗等宜肉。

表單存入數(shù)據(jù)庫字段名稱

控件-高級-動作設(shè)置:可根據(jù)控件設(shè)置動作函數(shù)。

表單提交前和提交后的一些動作設(shè)置

頁面加載完成和關(guān)閉時動作設(shè)置翎碑,可在左側(cè)動作面板寫入代碼

下拉控件可以在這里設(shè)置 數(shù)據(jù)聯(lián)動 或是 關(guān)聯(lián)其他表單

流程表單入門

通過審批流程完成特定的業(yè)務(wù)谬返,例如請假、報銷等需要多級審批的場景日杈。


流程表單詳情

基礎(chǔ)界面與表達(dá)幾乎一致遣铝。
審批流程設(shè)置:可在此設(shè)置審批條件佑刷、審批人等。

  • 注意1:審批人可指定人員翰蠢、指定角色等项乒,若需要指定頁面選擇的的人員啰劲,需要將人員選擇的控件變?yōu)?strong>成員組件梁沧,然后在變量中選擇。
    審批節(jié)點
審批節(jié)點編輯:編輯審批節(jié)點。

編輯審批節(jié)點

自定義頁面入門

通過低代碼搭建展現(xiàn)或其他任何類型的自定義頁,借助數(shù)據(jù)源或更豐富的組件實現(xiàn)應(yīng)用Portal痊剖、復(fù)雜業(yè)務(wù)場景頁圣蝎。


編輯界面
主界面

與表單界面幾乎一致,增加了控件和相應(yīng)的模版沽瞭。
主要用于復(fù)雜頁面JS編寫和相對自定義的功能操作。

常用遠(yuǎn)程API

  1. 根據(jù)條件搜索表單實例詳情列表 /v1/form/searchFormDatas.json
    注意該接口會受頁面設(shè)置的權(quán)限控制(管理員除外)。
    使用例子:/dingtalk/web/APP_xxxxxxx/v1/form/searchFormDatas.json
    其中APP_xxxxxxx為應(yīng)用ID施敢,在下圖所標(biāo)識處查看。
    應(yīng)用ID

固定查詢參數(shù):
formUuid:表單ID狭莱,在下圖所標(biāo)識處查看


表單ID

可用查詢參數(shù):
1僵娃、currentPage:當(dāng)前頁
2、pageSize:每頁記錄數(shù)腋妙,必須大于0默怨,默認(rèn)10不能大于100
3、createFrom骤素、createTo:createFrom和createTo兩個時間構(gòu)造一個時間段匙睹。查詢在該時間段創(chuàng)建的數(shù)據(jù)列表,字符串格式济竹,且為yyyy-MM-DD格式(或者精確到秒yyyy-MM-DD HH:mm:ss)痕檬。若查詢當(dāng)天,則為2021-07-21 00:00:00 和 2021-07-21 23:59:59
4送浊、searchFieldJson:根據(jù)表單內(nèi)組件值查詢梦谜。查詢字段為控件ID,需要自行轉(zhuǎn)成JSON格式罕袋,例如:

searchFieldJson: JSON.stringify({
      textField_kptm408g: record.textField_kptm408g, // 關(guān)愛對象
      textField_kptl384g: record.textField_kptl384g, // 監(jiān)護(hù)人
}),

在頁面內(nèi)單獨使用為:

  this.dataSourceMap['getGADXData'].load({
    formUuid: 'FORM-7xxxxxxx',
    searchFieldJson: JSON.stringify({
      textField_kptm408g: record.textField_kptm408g,
      textField_kptl384g: record.textField_kptl384g,
    }),
    pageSize: 10,
    currentPage: 1
  }).then(res => {
    // 成功請求后操作
  })
  1. 根據(jù)搜索條件獲取實例詳情列表 /v1/process/getInstances.json

獲取流程表單數(shù)據(jù)接口改淑,使用方法與上一個幾乎一致,如果需要判斷流程進(jìn)行到哪一步浴讯,則根據(jù)instanceStatus字段判斷朵夏。(RUNNING,TERMINATED,COMPLETED,ERROR。
分別代表:運行中榆纽,已終止仰猖,已完成捏肢,異常。)

頁面JS操作API

根據(jù)文檔所提供的API操作即可饥侵,需注意鸵赫,使用API的時候,該代碼需要位于被綁定的動作函數(shù)中躏升,不可單獨使用辩棒。
例如一個按鈕綁定了click事件A,在A中的this.$('fieldId').setValue(value)才會生效膨疏,如果只是單獨寫一個A事件而沒有被任何動作綁定一睁,該操作會報錯。

參考鏈接:

1佃却、宜搭使用手冊:https://www.yuque.com/yida/support
2者吁、宜搭平臺接口:https://www.yuque.com/yida/support/aql605
3、宜搭頁面API:https://www.aliwork.com/developer/API

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末饲帅,一起剝皮案震驚了整個濱河市复凳,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌灶泵,老刑警劉巖育八,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異丘逸,居然都是意外死亡单鹿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門深纲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仲锄,“玉大人,你說我怎么就攤上這事湃鹊∪搴埃” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵币呵,是天一觀的道長怀愧。 經(jīng)常有香客問我,道長余赢,這世上最難降的妖魔是什么芯义? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮妻柒,結(jié)果婚禮上扛拨,老公的妹妹穿的比我還像新娘。我一直安慰自己举塔,他們只是感情好绑警,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布求泰。 她就那樣靜靜地躺著,像睡著了一般计盒。 火紅的嫁衣襯著肌膚如雪渴频。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天北启,我揣著相機(jī)與錄音卜朗,去河邊找鬼。 笑死暖庄,一個胖子當(dāng)著我的面吹牛聊替,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播培廓,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼春叫!你這毒婦竟也來了肩钠?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤暂殖,失蹤者是張志新(化名)和其女友劉穎价匠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呛每,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡踩窖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了晨横。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片洋腮。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖手形,靈堂內(nèi)的尸體忽然破棺而出啥供,到底是詐尸還是另有隱情,我是刑警寧澤库糠,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布伙狐,位于F島的核電站,受9級特大地震影響瞬欧,放射性物質(zhì)發(fā)生泄漏贷屎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一艘虎、第九天 我趴在偏房一處隱蔽的房頂上張望唉侄。 院中可真熱鬧,春花似錦顷帖、人聲如沸美旧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽榴嗅。三九已至妄呕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間嗽测,已是汗流浹背绪励。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留唠粥,地道東北人疏魏。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像晤愧,于是被迫代替她去往敵國和親大莫。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Django是一個開放源代碼的Web應(yīng)用框架官份,由Python寫成只厘。采用了MVT的框架模式,即模型M舅巷,視圖V和模版T...
    Mlotjve閱讀 7,886評論 2 4
  • 官方文檔 Flutter官方開發(fā)文檔地址: https://flutter.dev/docs Flutter中文開...
    窗外山海帆閱讀 902評論 0 0
  • 文檔編號:ZD-190507-RMJC(1) 目錄 一羔味、前言 本文檔的編寫主要用于對產(chǎn)品專員/助理及產(chǎn)品工作相關(guān)小...
    MilesR閱讀 581評論 0 1
  • 1.React Native組件 獨立的、可重用的模塊钠右。有3種方式可以創(chuàng)建組件:1. ES6方式創(chuàng)建赋元;2. ES5...
    Lethe35閱讀 725評論 0 0
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月,有人笑有人哭飒房,有人歡樂有人憂愁搁凸,有人驚喜有人失落,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,536評論 28 53