openwrt luci界面开发NamedSection组件

在 OpenWrt 的 Luci 界面开发中，NamedSection 是常用的组件之一。它可以方便地显示一些配置项，并且提供了一些常用的操作，比如添加、删除、修改等。

下面是一个简单的 NamedSection 示例：

m = Map("example")
s = m:section(NamedSection, "example", "example", "Example Section")

o = s:option(Value, "value", "Example Option")

return m

这段代码创建了一个名为 "example" 的配置项，并在 Luci 界面中显示为 "Example Section"。在这个配置项中，我们可以添加一个名为 "value" 的选项。

其中，第一个参数 "example" 是配置项的唯一标识符，必须与配置文件中的标识符一致。第二个参数 "example" 是配置项的标题，用于在界面中显示。第三个参数 "Example Section" 是 NamedSection 的标题，用于在界面中显示。第四个参数是一个可选参数，用于指定 NamedSection 的 ID，如果不指定，则使用配置项的标识符。

在这个例子中，我们使用了一个 Value 组件作为选项。除此之外，还有其他常用的组件，比如 ListValue、Flag、Button 等。

m = Map("example")
s = m:section(NamedSection, "example", "example", "Example Section")

o = s:option(ListValue, "list", "Example List")
o:value("option1", "Option 1")
o:value("option2", "Option 2")
o:value("option3", "Option 3")

o = s:option(Flag, "flag", "Example Flag")

b = s:option(Button, "button", "Example Button")
b.inputtitle = "Click me!"
b.write = function()
  luci.http.redirect(luci.dispatcher.build_url("admin/example/example"))
end

return m

这段代码中，我们添加了一个 ListValue 组件、一个 Flag 组件和一个 Button 组件。ListValue 组件用于显示一个下拉框，Flag 组件用于显示一个勾选框，Button 组件用于显示一个按钮。

在 Button 组件中，我们设置了 inputtitle 属性，用于指定按钮上显示的文字。write 方法用于处理按钮的点击事件，这里我们简单地重定向到当前页面。

通过多次使用 NamedSection 和不同的组件，我们可以轻松地创建一个复杂的配置界面。