基于ts的動態(tài)接口數(shù)據(jù)配置的詳解-創(chuàng)新互聯(lián)

需求前景

專注于為中小企業(yè)提供成都網(wǎng)站設計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)太子河免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

前端組件是可復用的，那么復用前端組件時從后端讀取的數(shù)據(jù)源同樣也需要可復用（后端api也要是配置化的方式進行），前端需要提供配置項給后端進行動態(tài)配置生成api。

具體實現(xiàn)流程

名詞解析

mock 規(guī)范約束

使用的ts的 interface 進行編譯前校驗，所有的組件接收的 mock 結(jié)構，都必須是該 Interface 的實現(xiàn)

解析器

將mock打平成 key,value 結(jié)構的工具
eg.

interface I_EchartOption {
 series: {
   data: {
    name: string;
    value: numberOrString;
    unit?: string;
   }[];
 name?: string;
 type: "pie";
}; // 數(shù)據(jù)集配置
}
const mock:I_EchartOption = {
 series: [
  {
   type: "pie",
   data: [
    {
     name: "中藥",
     value: "2630",
     unit: "家",
     _viewData:{ // 通過組合的自定義屬性
       
     }
    },
   ]
  }
 ]
}
const parsingMock=(mock:I_EchartOption):T_formInfo=>{}
parsingMock(mock)
// 返回一個 Mock 描述，見下文

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

名稱欄目：基于ts的動態(tài)接口數(shù)據(jù)配置的詳解-創(chuàng)新互聯(lián)
當前鏈接：http://bm7419.com/article22/dihjcc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、小程序開發(fā)、外貿(mào)建站、App開發(fā)、營銷型網(wǎng)站建設、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)