openwrt luci管理的Web界面实例

第一部分：

template的方式实现网页显示hello world，如图显示：

第一步：/usr/lib/lua/luci/controller/admin/system.lua中注册选项：

entry({"admin", "system", "test-template"}, template("test/hello"), _("test"), 3).dependent = false

第二步：在view目录下添加相应的test/hello.htm文件：

root@OpenWrt:~# cat /usr/lib/lua/luci/view/test/hello.htm 
<%+header%>
<h1><%:hello world%></h1>
<%+footer%>

第三步：将上面文件添加完成后，保存登录路由后台可以看到结果（有时可能需要先退出再登录）

第二部分：

cbi的方式实现ip地址的设置，如图所示：

第一步：/usr/lib/lua/luci/controller/admin/system.lua中注册选项：

entry({"admin", "system", "test-cbi"}, cbi("admin_system/test"), _("test-cbi"), 4).dependent = false

第二步：

root@OpenWrt:~# cat /usr/lib/lua/luci/model/cbi/admin_system/test.lua 


m = Map("network", translate("Test Page by Wayne"), translate("On this page we can learn how the .lua work"))
m:chain("luci")


s = m:section(TypedSection, "netset", translate("Network Configuration"))
s.anonymous = true                                                                   
s.addremove = true 


s:tab("wan1", translate("Config wan1"))


ipaddr1 = s:taboption("wan1", Value, "ipaddr1", translate("address"))
ipaddr1.datatype = "ip4addr"


netmask1 = s:taboption("wan1", Value, "netmask1", translate("netmask"))
netmask1.datatype = "ip4addr"
netmask1:value("255.255.255.0")
netmask1:value("255.255.0.0")
netmask1:value("255.0.0.0")


gateway1 = s:taboption("wan1", Value, "gateway1", translate("gateway"))
gateway1.datatype = "ip4addr"


return m

第三步，在/etc/config/network文件后面添加：

config netset

保存后登录设置ip地址，再看/etc/config/network文件的变化，如下：

config netset
        option ipaddr1 '192.168.1.11'
        option netmask1 '255.255.255.0'
        option gateway1 '192.168.1.1'