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

表格組件：

彈窗組件：

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

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

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

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

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

3.引入js 文件，實現動態。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。