openWrt LUCI,添加自己的功能頁面

Luci 頁面編輯

Luci 的界面用戶目錄在/usr/lib/lua/luci,

luci 是 mvc 架構(gòu),
/usr/lib/lua/luci/下有三個(gè)目錄
model、view、controller,它們對應(yīng) M、V、C。

下面簡單介紹生成界面的方法。

其中 M 是已經(jīng)生成的 web 控件,
其實(shí)這里就是寫好的 lua 腳本,V 是給外部提供的一些 web 界面,C 控制其 V 和 M 的顯示方式,從上面的描述可以看出 C 部分是其入口的地方, 現(xiàn)在就進(jìn)入 controller 看看他的內(nèi)容, 其實(shí)它的入口地址在 controller的 admin 目錄下面,里面的各個(gè) lua 文件就是各個(gè)入口,比如 system.lua 就對應(yīng)的主界面的 system 欄下面,咱們現(xiàn)在希望在 system 欄中增加一個(gè)自定義的界面,
這里為了方面描述只顯示 helloworld。

每個(gè)功能界面的入口地址為對應(yīng)的 lua 文件中 entry 功能函數(shù),entry 功能函數(shù)的原型為
entry(path, target, title=nil, order=nil) 前面兩個(gè)參數(shù)是必須的,后面兩個(gè)是可選的。
Path 形如(admin,system,reboot),
entry 根據(jù)這些屬性創(chuàng)建節(jié)點(diǎn),比如上面內(nèi)容代表在 system 標(biāo)簽中的 reboot 頁面,target 是這里的重點(diǎn),它描述了當(dāng)用戶調(diào)用這個(gè)界面所執(zhí)行的行為。
這里主要由三種行為,call、template、cbi,
其中 call 為調(diào)用文件中的功能函數(shù),
template 為調(diào)用 view 中的 html 界面,
cbi 為調(diào)用 mode 中的 lua 文件。
Title 是在頁面中顯示的內(nèi)容,
order 是顯示的順序,順序越小顯示內(nèi)容越靠前。
下面在 system.lua 中增加一條

entry({"admin", "system", "helloworld"}, template("admin_system/helloworld"), _("helloworld "), 99)

  • 第一個(gè)參數(shù)代表一個(gè)節(jié)點(diǎn),
  • 第二個(gè)參數(shù),調(diào)用 view/admin_system/helloworld.htm 文件,
  • 第三個(gè)參數(shù)為顯示的名字,
  • 第四個(gè)參數(shù)為顯示順序,這里在最后顯示,
    其中 helloworld.htm 文件的內(nèi)容如下:
<%+header%>
<h1><%:Hello World%></h1>
<%+footer%>

執(zhí)行完之后可以看下界面的顯示,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,336評論 0 17
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,728評論 18 399
  • Redis 數(shù)據(jù)結(jié)構(gòu)簡介 Redis 可以存儲鍵與5種不同數(shù)據(jù)結(jié)構(gòu)類型之間的映射,這5種數(shù)據(jù)結(jié)構(gòu)類型分別為Stri...
    DreamerRzc閱讀 237,476評論 26 273
  • 一座城市有它自己的特色,一所大學(xué)也有它自己的文化,一個(gè)小小的咖啡館在一所大學(xué),一座城市是很渺小的存在。 ...
    厚棉襖閱讀 911評論 3 3
  • 快樂的歌 演唱:謝娜 1 2 3 舉起手 看著我 笑一笑 煩惱 通通都拋掉 好心情自己找 4 5 6 扭扭腰 跟著...
    橙色小蘑菇閱讀 485評論 0 1

友情鏈接更多精彩內(nèi)容