版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
數(shù)據(jù)對接、交互——浙江交通職業(yè)技術(shù)學(xué)院JS入門0
1數(shù)據(jù)對接02響應(yīng)交互03CONTENTS目錄PART01INTRODUCTIONTOJSJS入門SLScalar函數(shù):JavaScript:是互聯(lián)網(wǎng)上最流行的腳本語言,這門語言可用于HTML和web,更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備JS文檔的后綴名:.js兩種使用方法:內(nèi)部的JavaScript和外部的JavaScript輕量級編程語言可插入HTML頁面可由現(xiàn)代瀏覽器執(zhí)行JS簡介SLScalar函數(shù):JS使用內(nèi)部的JavaScript:HTML中的Javascript腳本代碼必須位于<script>與</script>標(biāo)簽之間。Javascript腳本代碼可被放置在HTML頁面的<body>和<head>部分中。<body>中的JavaScript<head>中的JavaScriptSLScalar函數(shù):JS使用外部的JavaScript:可以把腳本保存到外部文件中,外部文件通常包含被多個網(wǎng)頁使用的代碼外部JavaScript文件的文件擴(kuò)展名是.js如需使用外部文件,請在<script>標(biāo)簽的"src"屬性中設(shè)置該.js文件可以將腳本放置于<head>或者<body>中,放在<script>標(biāo)簽中的腳本與外部引用的腳本運(yùn)行效果完全一致字符串(String)字面量可以使用單引號或雙引號數(shù)組(Array)字面量用于定義數(shù)組表達(dá)式字面量用于計算數(shù)字(Number)字面量可以是整數(shù)或者是小數(shù),或者是科學(xué)計數(shù)(e)對象(Object)字面量用于定義對象函數(shù)(Function)字面量用于定義函數(shù)JS語法JS字面量JavaScript變量:在編程語言中,變量用于存儲數(shù)據(jù)值JavaScript使用關(guān)鍵字var來定義變量,使用等號來為變量賦值JavaScript操作符:JavaScript使用算術(shù)運(yùn)算符來計算值JS語法javaScript使用賦值運(yùn)算符給變量賦值JavaScript語句:在HTML中,JavaScript語句用于向?yàn)g覽器發(fā)出命令語句是用分號分隔JavaScript函數(shù):JavaScript語句可以寫在函數(shù)內(nèi),函數(shù)可以重復(fù)引用JS語法JavaScript關(guān)鍵字:JavaScript關(guān)鍵字用于標(biāo)識要執(zhí)行的操作JavaScript保留了一些關(guān)鍵字,這些關(guān)鍵字在當(dāng)前的語言版本中并沒有使用,但在以后JavaScript擴(kuò)展中會用到JS語法JavaScript中最重要的保留關(guān)鍵字(按字母順序)JavaScript注釋:不是所有的JavaScript語句都是"命令"。雙斜杠“//”和“/**/”后的內(nèi)容會被瀏覽器忽略JS數(shù)據(jù)類型:值類型(基本類型):字符串(String)、數(shù)字(Number)、布爾(Boolean)、空(Null)、未定義(Undefined)、Symbol引用數(shù)據(jù)類型(對象類型):對象(Object)、數(shù)組(Array)、函數(shù)(Function),還有兩個特殊的對象:正則(RegExp)和日期(Date)JS語法JS語法if判斷語句switch判斷語句while循環(huán)dowhile循環(huán)三元(三目)運(yùn)算符for循環(huán)3大判斷語句&3大循環(huán)語句JS語法if判斷語句:語法一:if(判斷條件){代碼塊}如果if小括號中的判斷條件是成立的,才會執(zhí)行{}中的代碼塊,如果條件不成立,那么就不會執(zhí)行。語法二:if(判斷條件){代碼塊}else{代碼塊}如果if小括號中的判斷條件成立,就執(zhí)行if后面的{}中的代碼,如果條件不成立,就執(zhí)行else后面{}中的代碼。注:2個{}只能執(zhí)行其中的一個JS語法switch判斷語句:語法:switch(你要判斷的內(nèi)容){
case情況1:滿足情況1執(zhí)行的語句breakcase情況2:滿足情況2執(zhí)行的語句breakcase情況3:滿足情況3執(zhí)行的語句breakcase情況4:滿足情況4執(zhí)行的語句breakdefault:所有情況都不滿足就執(zhí)行}注意:1、break單詞可寫可不寫的,如果不寫,會一直向下執(zhí)行(穿透效果),直到碰到break,或者整個情況執(zhí)行完畢才會停止。2、default可寫可不寫,當(dāng)所有case均不滿足時執(zhí)行default.
JS語法三元(三目)運(yùn)算符:主要作用:用來做判斷,if...else的簡寫形式語法:條件?對:不對
當(dāng)條件成立的時候就執(zhí)行冒號前面的語句,
當(dāng)條件不成立的時候就執(zhí)行冒號后面的語句缺點(diǎn):條件成立和不成立執(zhí)行的語句只能夠?qū)懸痪湓?,而if...else可以寫多句話JS語法while循環(huán):特點(diǎn):只要條件表達(dá)式為真才會執(zhí)行后面{}中的代碼大括號中的代碼有可能會被執(zhí)行多次while的執(zhí)行流程:(1)首先會判斷條件表達(dá)式是否為真,如果為真就執(zhí)行后面{}中的代碼;(2)執(zhí)行完后面{}中的代碼,會再次判斷條件表達(dá)式是否還為真;(3)如果條件表達(dá)式為真,那么會再次執(zhí)行后面{}中的代碼;(4)重復(fù)(1)(3),直到條件表達(dá)式不會為真為止;if的特點(diǎn):只有條件表達(dá)式為真才會執(zhí)行后面{}中的代碼,大括號中的代碼只會被執(zhí)行一次。dowhile循環(huán):特點(diǎn):無論條件表達(dá)式是否為真,循環(huán)體都會被執(zhí)行一次for循環(huán):特點(diǎn):和while循環(huán)的特點(diǎn)一樣,只要條件表達(dá)式為真,才會執(zhí)行循環(huán)體for循環(huán)的執(zhí)行流程:
(1)首先會執(zhí)行初始化表達(dá)式,并且只會執(zhí)行一次
(2)判斷條件表達(dá)式是否為真,如果條件表達(dá)式為
真,就執(zhí)行循環(huán)體
(3)執(zhí)行完循環(huán)體就會執(zhí)行循環(huán)后增量表達(dá)式
(4)重復(fù)(2)(3),直到條件表達(dá)式不為真為止JS語法PART02DATADOCKING數(shù)據(jù)對接數(shù)據(jù)連接器作:作用:作用:實(shí)現(xiàn)了對各種數(shù)據(jù)服務(wù)API的調(diào)用執(zhí)行,同時將API執(zhí)行結(jié)果返回給前端,并且作為數(shù)據(jù)提供者給頁面、組件、自定義函數(shù)和其他數(shù)據(jù)連接器綁定使用構(gòu)成:041、基礎(chǔ)信息6、依賴關(guān)系2、屬性配置3、數(shù)據(jù)參數(shù)4、事件配置5、通知配置0106050302數(shù)據(jù)連接器構(gòu)成數(shù)據(jù)連接器作:作用:名稱:數(shù)據(jù)連接器名稱,用于區(qū)分業(yè)務(wù)功能,
用戶自己輸入和修改接口類型:對應(yīng)數(shù)據(jù)服務(wù)中的類型,有數(shù)據(jù)庫服務(wù)
HTTPREST服務(wù)、SOAP服務(wù)、JAVA服務(wù)、
系統(tǒng)內(nèi)置服務(wù)目標(biāo)接口:需要調(diào)用執(zhí)行接口的名稱1、基礎(chǔ)信息:數(shù)據(jù)連接器作:作用:進(jìn)入頁面后加載數(shù)據(jù):頁面加載后,立馬執(zhí)行該數(shù)據(jù)連接器,一般使用于需要有初始數(shù)據(jù)的組件中。發(fā)送方式:發(fā)送請求的數(shù)據(jù)格式即Content-Type。
數(shù)據(jù):application/json;文件:multipart/form-data接收方式:返回結(jié)果的解析格式。
數(shù)據(jù):返回數(shù)據(jù)為json格式;
文本:返回數(shù)據(jù)為text,頁面上按照字符串文本使用;
文件:返回數(shù)據(jù)為文件流,自動下載文件Document對象:返回數(shù)據(jù)為text,前端解析成為Docunment對象加載中:發(fā)送接口請求后,再等待數(shù)據(jù)返回的過程中,是否開啟頁面提示。2、屬性配置:數(shù)據(jù)連接器作:作用:數(shù)據(jù)參數(shù)定義了接口的請求輸入?yún)?shù),接口參數(shù)修改后可以通過刷新按鈕更新參數(shù)列表每個參數(shù)可以綁定到頁面組件值或者其他數(shù)據(jù)提供者。平臺在執(zhí)行數(shù)據(jù)連接器時,會先獲取綁定的參數(shù)值,再封裝成請求參數(shù)發(fā)送到后端統(tǒng)一處理。導(dǎo)出接口配置:方便用戶對表格的數(shù)據(jù)進(jìn)行導(dǎo)出
首先數(shù)據(jù)連接器的接口需要先綁定xxxxx_downloadExcel接口;
可以綁定需要進(jìn)行進(jìn)行導(dǎo)出的數(shù)據(jù)信息。3、數(shù)據(jù)參數(shù):數(shù)據(jù)連接器作:作用:數(shù)據(jù)連接器4個生命周期:請求數(shù)據(jù)前、成功、失敗、請求數(shù)據(jù)后請求數(shù)據(jù)前:用于預(yù)處理參數(shù),或者在發(fā)送該請求前先做別的事情成功:接口調(diào)用成功后回調(diào),自定義成功條件失敗:接口調(diào)用失敗后回調(diào),自定義失敗條件請求數(shù)據(jù)后:接口返回后即回調(diào),無論結(jié)果是什么4、事件配置:數(shù)據(jù)連接器作:作用:通知配置是為了簡化某些固定業(yè)務(wù)配置流程,如:刪除數(shù)據(jù)前,一般要配置一個提示框,提示是否確認(rèn)刪除,選擇確認(rèn)才會執(zhí)行刪除請求,選擇取消就關(guān)閉提示框。5、通知配置:加載數(shù)據(jù)前通知確認(rèn):開啟該選項(xiàng),在調(diào)用數(shù)據(jù)連接器的時候,會彈出提示框,標(biāo)題、內(nèi)容、按鈕名稱自定義。通知標(biāo)題:提示框的標(biāo)題內(nèi)容。通知內(nèi)容:提示框中間的提示內(nèi)容。確認(rèn)按鈕名稱:確認(rèn)按鈕的名稱,點(diǎn)擊后會執(zhí)行該數(shù)據(jù)連接器。取消按鈕名稱:取消按鈕的名稱,點(diǎn)擊后不執(zhí)行數(shù)據(jù)連接器,同時關(guān)閉提示框。加載數(shù)據(jù)后確認(rèn)通知:開啟該選項(xiàng),在調(diào)用數(shù)據(jù)連接器完成后,會彈出提示框/提醒框,內(nèi)容文本、顯示時長等內(nèi)容支持自定義。數(shù)據(jù)連接器作:作用:通知配置是為了簡化某些固定業(yè)務(wù)配置流程,如:刪除數(shù)據(jù)前,一般要配置一個提示框,提示是否確認(rèn)刪除,選擇確認(rèn)才會執(zhí)行刪除請求,選擇取消就關(guān)閉提示框。5、通知配置:判斷情況:下拉選擇數(shù)據(jù)連接器返回的結(jié)果字段,根據(jù)返回結(jié)果值,判斷執(zhí)行成功與否值等于:填寫期望返回值通知類型:支持提示框、提醒框兩種類型。數(shù)據(jù)連接器作:作用:支持查看當(dāng)前數(shù)據(jù)連接器綁定了的數(shù)據(jù)連接器、組件,以及被哪些組件和數(shù)據(jù)連接器所綁定。支持快捷解綁。6、依賴關(guān)系:數(shù)據(jù)連接器作:作用:數(shù)據(jù)連接器除了構(gòu)建請求、發(fā)起請求、處理結(jié)果以外,還作為數(shù)據(jù)提供者的角色,提供數(shù)據(jù)給頁面組件綁定。創(chuàng)建好數(shù)據(jù)連接器后,可以在綁定頁面使用該數(shù)據(jù)連接器返回的數(shù)據(jù)。數(shù)據(jù)提供者數(shù)據(jù)連接器作:作用:1、點(diǎn)擊“+”,選擇數(shù)據(jù)服務(wù)類型,再選擇已經(jīng)開發(fā)完成的數(shù)據(jù)服務(wù),填寫數(shù)據(jù)連接器名稱,完成創(chuàng)建。2、創(chuàng)建完成后,即可看到數(shù)據(jù)庫連接器列表,以及各數(shù)據(jù)連接器的配置信息。創(chuàng)建數(shù)據(jù)連接器數(shù)據(jù)連接器作:作用:數(shù)據(jù)連接器作為前后端對接的橋梁,頁面上需要進(jìn)行服務(wù)端數(shù)據(jù)查詢、更新、插入、刪除時,就需要執(zhí)行對應(yīng)的數(shù)據(jù)連接器,數(shù)據(jù)連接器的執(zhí)行方式有以下5種:執(zhí)行方式進(jìn)入頁面后加載組件事件中調(diào)用響應(yīng)中調(diào)用數(shù)據(jù)連接器事件中調(diào)用JS函數(shù)中調(diào)用數(shù)據(jù)連接器作:作用:通常數(shù)據(jù)連接器傳參方式是通過綁定某個組件或者數(shù)據(jù)連接器的值來完成,每個參數(shù)只能綁定一個數(shù)據(jù),如何實(shí)現(xiàn)每次調(diào)用時參數(shù)都不同。傳參方式參數(shù)綁定自定義函數(shù)JS中調(diào)用并動態(tài)傳參數(shù)據(jù)連接器作:作用:數(shù)據(jù)連接器的請求是異步的,接口之間存在參數(shù)依賴時,如何讓第二個接口可以獲取到第一個接口返回的結(jié)果作為請求參數(shù)。執(zhí)行順序通過代碼控制先后,使用js的then語法如下:數(shù)據(jù)綁定作:作用:數(shù)據(jù)綁定就像一個橋梁連接了數(shù)據(jù)提供者和數(shù)據(jù)使用者,將一個數(shù)據(jù)賦值給某個屬性,這里的屬性包含:組件的屬性、數(shù)據(jù)連接器的屬性、響應(yīng)中的屬性。操作方式都是通過點(diǎn)擊如下:數(shù)據(jù)綁定作:作用:數(shù)據(jù)綁定可以選擇多種類型的數(shù)據(jù),分為組件、數(shù)據(jù)連接器、數(shù)據(jù)字典、頁面參數(shù)、系統(tǒng)參數(shù)、上傳資源。010203040506上傳資源:可以上傳圖片、視頻、3D模型等文件,并作為數(shù)據(jù)提供者頁面參數(shù):從頁面的請求url中獲取到的參數(shù),要先在頁面->屬性->頁面參數(shù)中添加參數(shù)系統(tǒng)參數(shù):平臺內(nèi)置系統(tǒng)參數(shù)數(shù)據(jù)。數(shù)據(jù)字典:平臺內(nèi)置數(shù)據(jù)字典數(shù)據(jù)。數(shù)據(jù)連接器:數(shù)據(jù)連接器執(zhí)行數(shù)據(jù)服務(wù)API后返回的數(shù)據(jù)會作為數(shù)據(jù)提供者,給使用者綁定組件數(shù)據(jù):組件數(shù)據(jù)包含頁面上所有組件的各個屬性數(shù)據(jù),同時某些組件也會開放出特殊數(shù)據(jù)數(shù)據(jù)綁定作:作用:每個組件的數(shù)據(jù)都有各自的格式要求,當(dāng)遇到目標(biāo)數(shù)據(jù)不符合格式要求的時候,可以通過自定義函數(shù)實(shí)現(xiàn)數(shù)據(jù)格式的轉(zhuǎn)換點(diǎn)擊自定義函數(shù)后,系統(tǒng)會自動生成綁定到函數(shù)名稱,用戶可以點(diǎn)擊選擇不同的數(shù)據(jù)來源,數(shù)據(jù)來源會自動作為函數(shù)的入?yún)ⅲ脩糁恍枰谙旅婢帉戇壿嬣D(zhuǎn)換代碼,最終返回新的數(shù)據(jù)數(shù)據(jù)綁定作:作用:當(dāng)一個組件屬性綁定了其他內(nèi)容時,被綁定的內(nèi)容如果發(fā)生變化,會通知組件重新加載該屬性并刷新組件場景1:年月日單選框切換時,圖表跟隨變化。場景2:數(shù)據(jù)連接器數(shù)據(jù)更新后,表格數(shù)據(jù)自動刷新。場景3:自定義函數(shù)中的參數(shù)改變后,組件重新執(zhí)行自定義函數(shù),刷新對應(yīng)內(nèi)容。數(shù)據(jù)轉(zhuǎn)換作:作用:場景一:在平臺中,某些組件的數(shù)據(jù)需要綁定的數(shù)據(jù)格式是key:value格式,但是通過數(shù)據(jù)連接器返回的不是想要的格式數(shù)據(jù),這個時候就需要通過自定義函數(shù)來進(jìn)行數(shù)據(jù)的轉(zhuǎn)換1.首先組件的數(shù)據(jù)需要先進(jìn)行動態(tài)數(shù)據(jù)(服務(wù)端)數(shù)據(jù)的綁定2.通過js代碼進(jìn)行數(shù)據(jù)的轉(zhuǎn)換3.通過控制臺打印出數(shù)據(jù)結(jié)果是否是想要的結(jié)果通過js代碼進(jìn)行數(shù)據(jù)的轉(zhuǎn)換以組件button為例:點(diǎn)擊鼠標(biāo)移人鼠標(biāo)移出鼠標(biāo)按下鼠標(biāo)按下以彈框?yàn)槔猴@示關(guān)閉
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024標(biāo)準(zhǔn)技術(shù)服務(wù)采購協(xié)議:精準(zhǔn)定制版B版
- 2024年項(xiàng)目居間服務(wù)協(xié)議標(biāo)準(zhǔn)格式一
- 2024潤滑油行業(yè)展會贊助與推廣合作合同3篇
- 四川省宜賓市中考語文試卷五套【附參考答案】
- 專用場地租賃合作分成合同全文預(yù)覽一
- 16《人的呼吸》說課稿-2024-2025學(xué)年三年級上冊科學(xué)蘇教版
- 2024年石粉購銷合同協(xié)議規(guī)定規(guī)定樣本
- 2025年度網(wǎng)絡(luò)安全隱秘操作風(fēng)險評估與監(jiān)管服務(wù)協(xié)議3篇
- 2024鄭州二手房買賣合同的文本
- 福建省南平市衛(wèi)閩中學(xué)2021年高二地理月考試卷含解析
- 專項(xiàng)債券培訓(xùn)課件
- 2025年1月普通高等學(xué)校招生全國統(tǒng)一考試適應(yīng)性測試(八省聯(lián)考)語文試題
- CNAS-CL01-G001:2024檢測和校準(zhǔn)實(shí)驗(yàn)室能力認(rèn)可準(zhǔn)則的應(yīng)用要求
- 校園重點(diǎn)防火部位消防安全管理規(guī)定(3篇)
- 臨時施工圍擋安全應(yīng)急預(yù)案
- 2024城市河湖底泥污染狀況調(diào)查評價技術(shù)導(dǎo)則
- MT-T 1199-2023 煤礦用防爆柴油機(jī)無軌膠輪運(yùn)輸車輛通用安全技術(shù)條件
- HXD1D客運(yùn)電力機(jī)車轉(zhuǎn)向架培訓(xùn)教材
- 初級銷售管理培訓(xùn)課程
- 《無成人陪伴兒童乘機(jī)申請書》樣本
- 超星爾雅學(xué)習(xí)通【西方文論原典導(dǎo)讀(吉林大學(xué))】章節(jié)測試附答案
評論
0/150
提交評論