Luci开发入门-1 - Firefly开源社区

你可以下载lua源码直接编译源码可以将版本降低到5.1

svn co http://svn.luci.subsignal.org/luci/branches/luci-0.11
sudo apt-get install lua5.1
sudo apt-get install liblua5.1-0-dev
sudo apt-get install libssl-dev
sudo apt-get install bridge-utils
make runhttpd &
输入：http://127.0.0.1:8080/luci

复制代码

2.进入applications
新建一个目录luci-demo

cd luci-demo/

复制代码

然后新建目录和文件结构如下：

├── luasrc

│ ├── controller

│ │ └── demo.lua

│ └── model

│ └── cbi

│ └── demo.lua

└── Makefile

2.1.vim Makefile

容如下：

PO = XXX
include ../../build/config.mk
include ../../build/module.mk

复制代码

其中PO=XXX表示翻译模块。

2.2.controller目录中demo.lua内容-------------------------------------------------------------------------------------------------------------

module("luci.controller.demo", package.seeall)
function index()
local page
page = entry({"admin", "services", "demo"}, cbi("demo"), _("test demo"))
page.dependent=true
end

复制代码

---------------------------------------------------------------------------------------------------------------
demo位于admin/services下，调用的cbi方法是demo，页面的名字是test_demo.

[size=14.0000pt]3.进入modul/cbi目录编写控件
3.1要到了map函数，必须在luci-demo下建立如下目录文件
mkidr -p root/etc/config/ 在此目录下建立vim demo配置文件。
然后在demo.lua下写入下面内容

m = Map("demo", translate("test demo"))
return m

复制代码

效果如下：

在section中创建两个tab

m = Map("demo", translate("test demo"))
s = m:section(TypedSection,"demo","Demo")
s.anonymous = true --表示是否展示section的名字
s:tab("general",translate("general Settings"))
s:tab("template",translate("Edit Template"))
return m

复制代码

效果如下：

今后多番查找，发现在配置文件中如果没有选项在这个tab下显示，这个tab会被自动忽略。
所以修改配置文件demo

config demo 'demo'
option name 'xwifi'

复制代码

在general的tab下添加如下代码

m = Map("demo", translate("test demo"))
s = m:section(TypedSection,"demo","Demo")
s.anonymous = true --表示是否展示section的名字
s:tab("general",translate("general Settings"))
s:tab("template",translate("Edit Template"))
s:taboption("general",Value,"name",translate("Hostname")); --添加的代码
return

复制代码

查看效果：