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界面

屬於自己的第一個頁面就完成了呢，是不是很激動

，接下來繼續挖掘研究吧！