openwrt luci管理的Web界面实例

第一部分:

template的方式实现网页显示hello world,如图显示:


第一步:/usr/lib/lua/luci/controller/admin/system.lua中注册选项:

entry({"admin", "system", "test-template"}, template("test/hello"), _("test"), 3).dependent = false


第二步:在view目录下添加相应的test/hello.htm文件:


[email protected]:~# cat /usr/lib/lua/luci/view/test/hello.htm 
<%+header%>
<h1><%:hello world%></h1>
<%+footer%>

第三步:将上面文件添加完成后,保存登录路由后台可以看到结果(有时可能需要先退出再登录)


第二部分:

cbi的方式实现ip地址的设置,如图所示:



第一步:/usr/lib/lua/luci/controller/admin/system.lua中注册选项:

entry({"admin", "system", "test-cbi"}, cbi("admin_system/test"), _("test-cbi"), 4).dependent = false


第二步:

[email protected]:~# cat /usr/lib/lua/luci/model/cbi/admin_system/test.lua

m = Map("network", translate("Test Page by Wayne"), translate("On this page we can learn how the .lua work"))
m:chain("luci")

s = m:section(TypedSection, "netset", translate("Network Configuration"))
s.anonymous = true                                                                   
s.addremove = true

s:tab("wan1", translate("Config wan1"))

ipaddr1 = s:taboption("wan1", Value, "ipaddr1", translate("address"))
ipaddr1.datatype = "ip4addr"

netmask1 = s:taboption("wan1", Value, "netmask1", translate("netmask"))
netmask1.datatype = "ip4addr"
netmask1:value("255.255.255.0")
netmask1:value("255.255.0.0")
netmask1:value("255.0.0.0")

gateway1 = s:taboption("wan1", Value, "gateway1", translate("gateway"))
gateway1.datatype = "ip4addr"

return m


第三步,在/etc/config/network文件后面添加:

config netset


保存后登录设置ip地址,再看/etc/config/network文件的变化,如下:

config netset
        option ipaddr1 ‘192.168.1.11‘
        option netmask1 ‘255.255.255.0‘
        option gateway1 ‘192.168.1.1‘


版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-12-13 20:39:54

openwrt luci管理的Web界面实例的相关文章

OpenWRT - WEB界面开发思路和基本方法

想要对OpenWRT的WEB界面(*下称界面)进行修改.修改的目标是: 1.修改页面的样式,设计为企业的风格(stylesheet) 2.新建自己的功能,实现 访问页面后,用户就可以对配置文件(也就是系统的一些参数)进行修改. 甚至是与远端服务器交互,实现验证. 一. 几种可行的开发路线: 1.改用PHP.JSP等语言开发 2.修改已有的界面,实现自己的功能 2.1 修改已有样式表 2.2 仍然利用lua开发 第一种比较容易操作,但需要在设备里安装nginx和PHP环境,然后在 /www下放PH

openwrt luci web分析

openwrt luci web分析 来源 https://www.jianshu.com/p/596485f95cf2 www/cbi-bin/luci #!/usr/bin/lua --cgi的执行命令的路径 require"luci.cacheloader" --导入cacheloader包 require"luci.sgi.cgi" --导入sgi.cgi包 luci.dispatcher.indexcache = "/tmp/luci-index

ubuntu编译openwrt前端web界面

openwrt是由Cisco放出源代码的开放无线路由平台.由于是基于linux内核,所以可以将很多linux平台下的软件移植到此平台下,然后让无线路由拥有很多意想不到的功能,例如拿来做BT下载器,音乐播放器,小型数据库处理等等. 环境: Ubuntu 10.04,subversion,VMware workstation 7.1.3 首先是得到openwrt的源代码. 在Ubuntu下,首先安装上svn工具: sudo apt-get install subversion 然后装上各种依赖关系包

openvpn web界面管理软件

openvpn  web界面管理软件 https://www.vultr.com/docs/installing-openvpn-on-centos-7

初始化管理IP及web界面

以 Cisco Catalyst 3560G-24TS Switch 为例 初始化管理IP enable configure terminal interface vlan 1 ip address IP地址 掩码 no shutdown 初始化web界面登陆 enable configure terminal ip http server ip http authentication local username 用户名 password 密码 username 用户名 privilege 1

基于WebForm+EasyUI的工程管理系统形成之旅 -- 构建Web界面

上篇<基于WebForm+EasyUI的工程管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 1.在Web界面使用ParamQueryGrid控件 web界面,如图所示

Redis Web界面管理工具

Redis Web界面管理工具 一个很友好的Redis Web界面管理工具.基于.NET实现.可以通过Mono部署到Linux上,下面是我部署在CentOS 5.7 + Mono 2.10.8 + Jexus 5.0.1: 详情介绍:http://www.servicestack.net/mythz_blog/?p=381 项目地址:https://github.com/ServiceStack/ServiceStack.RedisWebServices 源码下载地址:https://githu

Docker集中化web界面管理平台-Shipyard部署记录

之前介绍了DOcker的web管理工具DockerUI,下面介绍下Docker的另一个web界面管理工具Shipyard的使用.Shipyard(github)是建立在docker集群管理工具Citadel之上的可以管理容器.主机等资源的web图形化工具,包括core和extension两个版本,core即shipyard主要是把多个 Docker host上的 containers 统一管理(支持跨越多个host),extension即shipyard-extensions添加了应用路由和负载

9.Django Admin进行web界面后台管理数据库

1.vim settings.py里面打开INSTALLED_APPS下面的django.contrib.admin(即取消注释)2.vim urls.py里面打开顶上的from django.contrib import admin和admin.autodiscover()和下面的url(r'^admin/',include(admin.site.urls)),3.vim blog/models.pyfrom django.db import modelssex_choice=( #这里定义了