openWRT之小米路由luci之controller
在controller下有非常多目录他们都独立的建立对应的树:
Web:index.htm --注冊了web树结点下的非常多枝叶
Mobile:index --注冊了mbile下的一些结点
Dispatch: ...
Api: ...
Sevice: ...
依据我们之前原生的openWRT下环境能够得知。假设我们想要要在web界面创建一个选项。我们须要做几个主要的步骤:
1、在controller下显示的web界面注冊结点,以及注冊结点时该处理方式
2、依据处理方式编写对应的文件
A、template方式在view下编写htm文件
B、cbi方式在model下编写对应的文件
C、call方式调用controller下对应的函数(包含一些导入的库的函数)
一般在我controller下写一个lua文件时,假设是call方式处理,调用的本文件里的
函数或者是调用导入库中的函数。
简单实战项目:在小米路由下加入一个菜单选项并做对应的处理
后端处理:注冊结点
在controller下web下的index.lua文件里我们注冊一个结点
--added by heyg: test htm
entry({"web", "testhyg"}, template("web/heyg"), _(“testhyg"), 74)
前端处理:
在view下编写heyg.htm文件,因为关于前端的一些js和htm语言不是非常熟悉我这里直接将manager.htm文件内容复制到heyg.htm文件里
须要注意下面关于htm文件地方:
....
<div id="nav">
<script>
var navCurrent = '.manager';
</script>
<%include ("web/inc/nav")%>
</div>
....
上面的.manager非常重要,在小米路由界面上,在后端注冊结点之外,在前端:布局、布局中块id关联等等,都做了非常多处理,眼下我也没有详细去了解小米前端的编码东西。
如:<%include ("web/inc/nav")%>观察,我们还须要在web/inc/nav.htm中加入一个<li>...</li>以在菜单上显示,加入内容例如以下:
<li class="testhyg">
<a href="<%=luci.dispatcher.build_url("web", "testhyg")%>"><i class="ico ico-nav-4"></i><span>testhyg</span></a>
</li>
相应的要将heyg.htm相应的位置改为以下:
....
<div id="nav">
<script>
var navCurrent = '.testhyg';
</script>
<%include ("web/inc/nav")%>
</div>
....
保存完毕之后。能够再小米菜单上显示自己的菜单了....之余菜单中的一些js和html以及嵌入lua语言和c语言的处理,我这里也不是非常清楚,就没有多余去赘述。