码迷,mamicode.com
首页 > Web开发 > 详细

openwrt luci管理的Web界面实例

时间:2015-09-19 06:16:00      阅读:437      评论:0      收藏:0      [点我收藏+]

标签:openwrt   luci   web   template   cbi   

第一部分:

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‘



版权声明:本文为博主原创文章,未经博主允许不得转载。

openwrt luci管理的Web界面实例

标签:openwrt   luci   web   template   cbi   

原文地址:http://blog.csdn.net/fulinus/article/details/48547391

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!