之前一直在開發(fā)后端管理系統(tǒng)，寫著寫著發(fā)現(xiàn)，這些東西都好千篇一律，都是一個搜索條件，一個表格，一個分頁框，
然后一個彈窗，不用的是里面的內(nèi)容不一樣。那我能不能只寫一套，然后用json 去循環(huán)遍歷生成搜索條件，動態(tài)的表頭表體，動態(tài)生成彈窗的內(nèi)容，這樣如果改多個頁面的東西，我就只需要維護json就行了，換句話說就只需要維護這個json 的js 文件就行。樓主這里采用的是vue 去開發(fā)的。
第一步，首先將搜索條件，表格，分頁框，彈窗封裝成組件。
搜索組件：

表格組件：

彈窗組件：

上面的這些其實就是對應頁面的：

這些組件里面的都采用了循環(huán)去做的，大致如下：

其他的組件也是一樣的寫法。

2.準備完上面的組件，我們就可以輕松的寫js 文件中的json 了，這樣就可以實現(xiàn)一張頁面完成所有后臺頁面的功能了，
大致如下：

這里的一下參數(shù)和內(nèi)容你自定義，只要在相應的組件那里接受就可以了

3.引入js 文件，實現(xiàn)動態(tài)。

4.這里只是給各位研發(fā)提供一種思路，節(jié)約時間體力的小方法。祝各位看官身體健康！！！！

總結(jié)

以上是生活随笔為你收集整理的动态页面制作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。