需求前景
前端組件是可復用的,那么復用前端組件時從后端讀取的數據源同樣也需要可復用(后端api也要是配置化的方式進行),前端需要提供配置項給后端進行動態配置生成api。
具體實現流程
名詞解析
mock 規范約束
使用的ts的 interface 進行編譯前校驗,所有的組件接收的 mock 結構,都必須是該 Interface 的實現
解析器
將mock打平成 key,value 結構的工具
eg.
interface I_EchartOption { series: { data: { name: string; value: numberOrString; unit?: string; }[]; name?: string; type: "pie"; }; // 數據集配置 } const mock:I_EchartOption = { series: [ { type: "pie", data: [ { name: "中藥", value: "2630", unit: "家", _viewData:{ // 通過組合的自定義屬性 } }, ] } ] } const parsingMock=(mock:I_EchartOption):T_formInfo=>{} parsingMock(mock) // 返回一個 Mock 描述,見下文
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
名稱欄目:基于ts的動態接口數據配置的詳解-創新互聯
當前鏈接:http://m.newbst.com/article22/dihjcc.html
成都網站建設公司_創新互聯,為您提供ChatGPT、小程序開發、外貿建站、App開發、營銷型網站建設、網站策劃
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯