這篇重點講如何在源碼中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界面
屬於自己的第一個頁面就完成了呢，是不是很激動
，接下來繼續挖掘研究吧！
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-