Layui自定義模組基礎學習

2021-08-02 21:21:13 字數 644 閱讀 8450

新手剛剛接觸layui,在自定義自己的layui模組的時候廢了半天勁,最終終於定義了乙個模組成功了,特此做此記錄

步驟如下:

第一步:新建乙個js檔案,目錄自選(該例項實在專案的根目錄下新建乙個mydefinationlayuimodal,js檔案在該目錄下),採用layui.define方法

layui.define(function(e)

};

//輸出該模組的介面,第乙個引數為模組介面的名稱,第二個引數為該模組中的可呼叫的物件,通過該物件可以呼叫指定的模組中的方法,該介面的名稱必須和js的檔名相同(此處的js的檔案為alert_demo.js),否則將模組無法被呼叫。

e('myalert_demo',alert_demo2);

});

第二歩:呼叫定義好的模組:

到此為止,自定義的模組的基本案例,就此完成,如若有誤,請多多指教。不勝感激。

layui 封裝自定義模組

layui是國人開發的一款非常簡潔的ui框架,使用了模組化載入方式,因此在使用過程中我們難免需要新增自己的模組,本教程就教大家封裝乙個簡單的模組。平常使用中,ajax可以說使用廣泛,所以這裡我們新增乙個自己的模組,將ajax封裝一下,方便使用。1 搭建專案目錄 2 編寫模組檔案 layui.defi...

Layui自定義模組的使用

這裡以common.js為例,如下 common.js檔案 layui.define function exports exports common obj common為新建的模組名 不考慮命名規範的話,名字隨便起 obj即為模組中的obj物件 對你的新模組進行配置 建立config.js檔案專一...

Layui自定義模組的使用方式

為什麼要自定義模組呢?好處很多 比如可以大量重用 根據layui官方的文件說明 首先第一步是要確定你要擴充套件的模組名稱 現在做的是登入功能 因此擴充套件模組名叫 login 使用layui.define 方法來擴充套件模組 當然模組中你也可以使用layui的其他方法 如下 layui.define...