實現僅用配置就能渲染頁面

2021-09-22 19:55:59 字數 386 閱讀 2529

baidu-amis用react實現了此功能:

工作原理:

amis 的渲染過程就是將 json 轉成對應的 react 元件。先通過 json 的 type 找到對應的 component 然後,然後把其他屬性作為 props 傳遞過去完成渲染。

拿乙個表單頁面來說,如果用react元件呼叫大概是這樣:

把以上配置方式換成 amis json, 則是:

]}}

將json轉成元件的原理:是根據path資訊(正則匹配)找到對應元件完成渲染的。

path由json拼湊成,如上面text的path為:page/body/form/controls/0/text。

nginx渲染動態頁面實現前後端分離

之前偶然聽人提起使用nginx渲染頁面而不是使用freemarker渲染,有些不理解nginx是如何渲染的,於是做了乙個簡單的嘗試。以下是本次嘗試的demo。服務端就是乙個正常的spring介面 controller user slf4j public class usercontroller 前端...

前端單頁面應用實現服務端渲染

在此就不過多介紹什麼是單頁面應用 什麼是服務端渲染 服務端渲染的作用了 後端模板渲染 如 ejs jinjia等 借助第三方框架nuxtnext rendertron 主要介紹 算是傳統解決方案,由服務端渲染成html返回給瀏覽器 主要介紹的就是該方法 誕生就是為了做seo的。先說說原理,聽完你就知...

前端單頁面應用實現服務端渲染

在此就不過多介紹什麼是單頁面應用 什麼是服務端渲染 服務端渲染的作用了 後端模板渲染 如 ejs jinjia等 借助第三方框架nuxtnext rendertron 主要介紹 算是傳統解決方案,由服務端渲染成html返回給瀏覽器 主要介紹的就是該方法 誕生就是為了做seo的。先說說原理,聽完你就知...