原创力文档- 1、本文档共3页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
OpenWrtWeb
OpenWrtWeb界面修改及功能实现实例说明
本文将以一个页面为例，来说明Lua语言如何实现页面控件以及怎么使输入或操作的选项在系统中生效。页面如图所示：
首先，我们要在System栏下建立分页TestbyWayne，使用cbi模块实现，修改目录lua\luci\controller\admin下的system.lua文件。
在functionindex()中添加语句：
entry({admin,system,test},cbi(admin_system/test), Test by Wayne,30).dependent
=false
接下来就需要在lua\luci\model\cbi\admin_system中创建test.lua文件并完成控件元素编辑。上一篇文章中已经说过，所有的控件都由Map开始，在这里我测试的是网络设置，语句如下：
m = Map(network,translate(Test Page by Wayne (~_~)), translate(On this page w
e can learn how the .lua works.))
然后需要创建分块”NetworkConfiguration”。创建section之前，需要在etc/config目录下的network文件中添加一个配置，就取名叫
netset吧，network文件如下：
config interfaceloopbackoption ifnamelooption protostatic
……
config interfacelanoption ifnameeth0option typebridgeoption protostatic
……
config netset
修改好配置文件后，使用如下语句创建section：
s = m:section(TypedSection, netset,translate(Network Configuration))
第一个控件”address”属于cbi类型的Value类型，并且定义输入类型为ip4addr，实现如下：
ipaddr1 = s:taboption(wan1,Value, ipaddr1,translate(address))
ipaddr1.datatype = ip4addr
控件”netmask”在这里其实是ListValue的效果，但是此处为了拥有custom自定义的选项，设置的类型为Value，实现如下：
netmask1 = s:taboption(wan1,Value, netmask1,translate(netmask))
netmask1.datatype = ip4addrnetmask1:value(255.255.255.0)netmask1:value(255.255.0.0)netmask1:value(255.0.0.0)
到这里，控件都已经可以添加并显示了，剩下的工作就是输入的值如IP地址和网关信息怎么获取生效了。在进行编辑SaveApply后，再打开etc/config/network文件，发现文件内容如下：
config interfaceloopbackoption ifnamelooption protostatic
……
config interfacelan
optionifnameeth0optiontypebridgeoptionprotostatic
……
config netset
option ipaddr1192.168.1.30
option netmask1255.255.255.0
option gateway1192.168.1.5
即所操作的内容都在配置文件中自动保存，而配置文件中的值获取方式就很多了，我们可以使用uci命令得到。
Usage: uci [options] command [arguments]
Commands:
batch
export [config]
import [config]
changes [config]
commit [config]
add config section-typeadd_list config.section.option=stringshow [config[.section[.option]]]
get config.section[.option]set config.section[.option]=valuedelet
文档评论（0）