Openwrt-Luci 开发介绍(三)

这篇重点讲如何在源码中Web开发

1. 创建目录及文件(以下重点讲RSSI和NicRate这两部分功能)


进入 openwrt源码/qsdk/qca/feeds/luci/applications
,添加下图中目录文件结构:

2. 上图luci-app-myapplication/Makefile文件中添加以下代码:

include $(TOPDIR)/rules.mk




LUCI_TITLE:=LuCI Support for Test

LUCI_DEPENDS:=




include ../../luci.mk

# call BuildPackage - OpenWrt buildroot signature

3. 在luasrc/controller/myapp/mobi.lua添加以下代码:

function index()

entry({"admin", "MOBI"}, firstchild(),"MOBI", 30).dependent=false

entry({"admin", "MOBI", "RSSI"}, template("rssi_test"), _("信号强度"), 1)

entry({"admin", "MOBI", "NicRate"}, cbi("mymodule/gateway"), translate("网卡速率"), 2)

end

4. 在/luasrc/view/myview/rssi_test中添加以下代码:

<%

local fs = require "nixio.fs"

local util = require "luci.util"

local log = require "luci.log"

require "luci.model.uci"

if luci.http.formvalue("status") == "1" then

local file = io.open('/sys/class/net/wlan0/device/prs_attrs/rx_rssi','r')

local ret

if file then

ret = file:read('*all')

file:close()

luci.http.prepare_content("application/json")

luci.http.write_json(ret)

return

else

ret = "Error"

log.print("ret="..ret)

luci.http.prepare_content("application/json")

luci.http.write_json(ret)

return

end

end

-%>

<%+header%>

<script type="text/javascript" src="<%=resource%>/cbi.js"></script>

<script type="text/javaScript">

XHR.poll(2,'<%=REQUEST_URI%>',{status:1},function(x,info) {

var ret = info;

document.getElementById("contxt").innerText = info;

}

);

</script>

<h1><a id="content" name="content"><%:Signal Strength:%></a></h1>

<h2><b id="contxt" name="content"><%%></b></h2>

<%+footer%>

5.在/luasrc/model/cbi/mymodule/gateway.lua中添加以下代码:

local fs = require "nixio.fs"

m = Map("test_file","Nic Rate" ,translate("Nic Rate")) -- cbi_file is the config file in /etc/config

s = m:section(TypedSection,"arguments","")

s.addremove=false

s.anonymous=true

o = s:option(ListValue,"collection","NicRate")

o:value("first item","10G")

o:value("second item","2.5G")

local apply = luci.http.formvalue("cbi.apply")

if apply then

io.popen("/etc/init.d/NicTestSH.sh start")

end

return m

6. 在openwrt源码/qsdk/package/base-files/files/etc/init.d/NisTestSH.sh添加以下代码:

#!/bin/sh etc/rc.common

START=50

run_mobi()

{

local enable

config_get_bool enable $1 enable

local collection

config_get collection $1 collection

if [ "$collection" == "first item" ]; then

ethtool -s eth1 speed 2500 duplex full

else

ethtool -s eth1 speed 10000 duplex full

fi

}

start()

{

config_load test_file

config_foreach run_mobi arguments

}



7. 执行Luci更新:

回退到openwrt源码目录,以此执行以下命令:

./scripts/feeds update luci

./scripts/feeds install -a -p luci

8.make menuconfig中勾选:

LuCI --->
	Collections --->
			<*> luci
			<*> luci-ssl
	Translations--->
			<*> Chinese(zh-cn)   //支持中文
			<*> English (en)     支持英文
LuCI --->
	Applications --->
	      <*> luci-app-myapplication.............. LuCI Support for Test 

9. 然后执行 make V=s 进行编译

10. 烧录固件,查看web界面

属于自己的第一个页面就完成了呢,是不是很激动

,接下来继续挖掘研究吧!