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的。先說說原理,聽完你就知...