前端框架：第二章：Layui(類UI ) 框架：關于2.2.5版本沒有rate模塊的解決方案

有一個月沒有寫博文了，最近經(jīng)歷了離職，找工作，疫情導致的工作延期，新入職在臨港的分公司，搬家到臨港，所以一直延期博文更新，也沒有學習新知識的時間。然后新入職的這家公司項目沒有做前后端分離，也就是從后端到頁面數(shù)據(jù)綁定都是后端的活，前端框架使用的是Layui前端框架。這種框架之前沒有在公司用到過，也沒有接觸過所以，這里系統(tǒng)的學習一下。

官方文檔給的很全，網(wǎng)站是https://www.layui.com/doc/ 但看著很雜，所以這里我選擇容易上手的案例：

由于公司將layui配置好了，官網(wǎng)也有類似的配置教程，這里我就不重復寫了。

這里我主要講一下layui在工作中遇到的一些版本問題

我公司使用的版本是一個比較老的版本，layui-v2.2.5。而且自己在內部封裝了一些js和css，對于最新版本的一些模塊可能不支持。

這里我已rate評分為例，在2.2.5的版本和2.5.6版本中對比你可以看到

 

 

而2.2.5沒有該模塊。

這種情況下不能更換版本，又要使用rate模塊，怎么辦呢？

有幾種情況可以嘗試，第一種，直接手寫一個類似的（不太現(xiàn)實）；第二種，擴展一個模塊；第三種，集成rate模塊。這里我使用第三種。

將rate.js中的代碼全部復制，然后去layui.js或者layui.all.js中粘貼代碼，具體看你引用的是哪個js，我引用的是layui.all.js，所以在layui.all.js最后粘貼rate.js所有的代碼

 

 

這只是第一步，還有第二步將rate模塊引到layui.all.js里加上rate:'modules/rate'

 

 

這個時候雖然引入了js但是還有css沒有加上，所以第三步我們去2.5.6版本中找layui.css將rate相關的樣式加到2.2.5版本的layui.css中，如果不知道怎么替換，你可以先使用2.5.6的版本去頁面看效果，然后F12，查看頁面樣式，直接復制。

 

 

到這一步還沒結束，你需要將2.2.5版本的font文件夾中的文件替換2.5.6的

 

 

一般的這種文件不會有人編輯，所以可以替換 。

總結一下：layui.css加上新版本樣式，layui.js或者layui.all.js加上相應的模塊，font文件夾替換成最新版本的

實際使用