openwrt5.10界面很卡
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了openwrt5.10界面很卡相关的知识，希望对你有一定的参考价值。
有几个原因可能会导致OpenWrt界面卡顿：1.硬件性能不足: 如果你的路由器硬件配置太低，比如CPU、RAM、存储器等方面的配置不足，那么运行OpenWrt就会很慢，导致界面卡顿。
2.系统负载过高: 如果你的路由器同时运行了太多的应用程序，就会导致系统负载过高，从而导致OpenWrt界面卡顿。
3.网络延迟和带宽限制: 如果你的网络延迟过高，或者带宽限制太低，那么在访问OpenWrt界面的时候会很慢，甚至会出现卡顿的情况。
4.浏览器兼容性问题: 如果你的浏览器不支持OpenWrt的界面，那么就会出现卡顿的情况。
针对以上问题，你可以尝试以下解决方案：
1.升级硬件配置: 如果你的路由器硬件配置太低，可以考虑升级硬件配置，比如更换更快的CPU、大容量的RAM和存储器等。
2.关闭不必要的应用程序: 如果你的路由器同时运行了太多应用程序，可以关闭一些不必要的应用程序，以减轻系统负载。
3.优化网络设置: 如果你的网络延迟过高，或者带宽限制太低，可以优化网络设置，比如更换更快的网络设备、调整路由器的网络配置等。
4.尝试使用其他浏览器: 如果你的浏览器不支持OpenWrt的界面，可以尝试使用其他浏览器，比如Chrome、Firefox等，或者更新浏览器到最新版本。 参考技术A 在使用OpenWrt 5.10时界面卡顿，可能是由于硬件性能不足或系统资源占用过高导致的。
建议您先排查以下问题：
1. 检查硬件配置是否满足OpenWrt 5.10的最低系统配置要求，如果不满足需要升级硬件配置。
2. 检查系统负载情况，使用指令“top”查看当前系统运行状态和进程占用情况，如果某些进程消耗很高，可以尝试关闭或优化相应服务程序。
3. 按照官网说明进行系统优化，如设置合理的swap分区、安装必要的软件包等。
如果以上方法无法解决问题，您可以考虑尝试安装其他版本的OpenWrt系统，可能会更适合您的硬件和需求。另外，也可以涉及更换硬件升级为更高配置的设备，以提高整体性能和效率。 参考技术B 非常抱歉听到您的问题。openwrt510界面卡顿可能有多种原因，以下是一些可能的解决方案：
1. 确保您的设备符合openwrt510的最低系统要求。如果您的设备不符合要求，可能会导致系统卡顿。
2. 检查您的设备是否有足够的内存和存储空间。如果您的设备内存和存储空间不足，可能会导致系统卡顿。
3. 确保您的设备没有运行过多的应用程序或进程。如果您的设备运行过多的应用程序或进程，可能会导致系统卡顿。
4. 尝试升级您的openwrt510系统版本。新版本可能会修复一些系统卡顿的问题。
5. 如果您的设备是老旧的设备，可能需要更换设备或升级硬件以获得更好的性能。
希望这些解决方案能够帮助您解决openwrt510界面卡顿的问题。如果您还有其他问题，请随时向我提问。 参考技术C OpenWRT 5.10界面卡顿可能与硬件配置不足有关。建议您可以尝试优化路由器的硬件配置，例如更换更高性能的CPU和加大内存等。同时，您也可以尝试升级OpenWRT系统，或者选择其他更轻量级的固件来提升路由器的整体性能。此外，在使用时建议关闭不必要的功能，如IPv6等，以减少系统负担，并避免同时访问大量连接。 参考技术D OpenWrt是一个基于Linux的操作系统，主要用于嵌入式设备中。在较低端的硬件设备上运行OpenWrt时，界面可能会感觉卡顿或慢。
以下是一些可能帮助解决卡顿问题的建议：
1. 确保设备的配置符合最低要求。
2. 关闭不必要的服务和应用程序。
3. 升级OpenWrt版本，因为新版本通常更加优化且更加稳定。
4. 通过使用轻量级的图形用户界面，如LUCI-nginx，来替换默认的LUCI界面。
5. 考虑使用专门优化了性能的OpenWrt固件，如Lean's OpenWrt等。
6. 调整内存和CPU的使用情况，以确保OpenWrt获得足够的资源。
如果以上方法都无法解决卡顿问题，可能需要考虑升级设备硬件来获得更好的性能
OpenWRT - WEB界面开发思路和基本方法
想要对OpenWRT的WEB界面（*下称界面）进行修改。修改的目标是：
1.修改页面的样式，设计为企业的风格（stylesheet）
2.新建自己的功能，实现 访问页面后，用户就可以对配置文件（也就是系统的一些参数）进行修改。 甚至是与远端服务器交互，实现验证。
一. 几种可行的开发路线：
1.改用PHP、JSP等语言开发
2.修改已有的界面，实现自己的功能
2.1 修改已有样式表
2.2 仍然利用lua开发
第一种比较容易操作，但需要在设备里安装nginx和PHP环境，然后在 /www下放PHP脚本就可以了。但是这种方法可能对网关设备的存储带来较大压力。所以我没有采取这种方式。（这个就是普通的web开发，只不过多了一些对文件的读写，字符格式的匹配，还有要去操作一些linux shell命令。 前期我也开发了一个这个版本，但是后来被废弃啦。如果想用这种方式开发的欢迎来交流。）
第二种中有两种方式，这是我想分享的两种开发模式。接下来简单介绍一下。
二.LuCI的文件目录
OpenWRT luci中，web界面在/www下。其他的界面由CGI程序生成。 /www下放有index.html，仅仅用来直接跳转至 /cgi-bin/luci 。
CGI程序实质上是MVC模式。Mmodel，Vview，C~controller。MVC读取配置文件的信息，然后输出到页面上，也就是MVC里面的读“数据库”，写“数据库”。只不过这里面的“数据库”对应的是配置文件，读写方法也不太一样。
Model（配置文件）:/etc/config
View（页面文件）：/usr/lib/lua/luci/view
Controller（控制器）：/usr/lib/lua/luci/Controller。
请注意：View（页面文件）的stylesheet（样式表文件）地址是 /www/luci-static/bootstrap/cascade.css。
view、controller根据功能进行分组后存在不同的文件夹内。比如状态功能以及状态功能下的总览、防火墙等功能的view会存在admin-status文件夹下面。文件的存储路径恰好与访问功能的url一致（为http://192.168.1.1/cgi-bin/luci/admin/status/xxx）。
三.第二种方法示例
刚才说到，对界面进行开发有两种方式。这里先介绍主流的第二种方式。这种方式的优点是 能够自由自在的定义样式（我觉得重绘界面肯定比按照界面元素去挨个修改界面样式容易很多。猜想您的前端一定也会很感谢你使用了这种方法来进行开发~）
以及将业务逻辑进行简单归类，并且可以自由订制表单界面的样式和差异性（如果您暂时不能理解这点，请先跳过，看完全文后在回来分析这句话）。
controller中，url和您想要操作的行为有三种对应方式，这么说太磨叽了，不懂。简而言之就是：
url可以对应htm页面“读写数据库”，url可以调用一个方法“读或者写，也可以对数据进行操作”，url可以调用一个cbi方法，来“写数据库”。
html并不是传统意义上的静态页面。事实上，可以在.htm文件内使用lua的方法。
那么接下来简单介绍一下如何修改服务器文件。我以修改设备名字做示例。
首先，写一个htm文件，里面存着表单。
文件保存在/usr/lib/lua/luci/view下，文件名叫 setHostname.htm,文件内容如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SET-HOSTNAME</title>
</head>
<body>
<p>Setting the IP address</p>
<form method="get" action="<%=luci.dispatcher.build_url("set", "hostname")%>">
<input type="text" name="hostname">
<button id="submit">提交</button>
</form>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
好了，v 搞定了，然后该弄controller了。我要能根据url访问到表单，还要写一个响应表单请求的页面（方法）能够使得文件的修改生效。
打开一个controller的文件。请注意这里不限定究竟打开哪个controller的文件。但是为了保证项目代码的易维护性，最好还是新建一个controller。在/usr/lib/lua/luci/controller下可以新建一个mytest.lua（或者mkdir一个test文件夹再新建mytest.lua）
mytest.lua的文件内容是：
module("luci.controller.mytest", package.seeall)
function index(){
entry({"fuck", "ybt", "sb"}, template("setHostname"))
entry({"set", "hostname"}, call("set_hostname"))
}
function set_hostname()
local hostname = luci.http.formvalue("hostname")
local executeString = "uci set [email protected][0].hostname="..hostname
luci.sys.exec(executeString)
end
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
好了，写完了这些之后，清除缓存 / 重启uhttpd / reboot就可以使对页面的修改生效。
清除缓存方法：清除/tmp下面所有luci-xxxx文件夹。 命令：rm /tmp/luci-* -rf
建议您把 -rf 写在后面，以防止无心之失。
重启uhttpd：/etc/init.d/uhttpd restart
reboot：这是终极大招。如果前两种方式都没有使界面修改生效，再考虑此方法吧~ btw ，reboot之后，你就可以断掉与路由的ssh了。因为你需要重新ssh这个路由器。 命令： reboot
接下来，访问192.168.1.1/cgi-bin/luci/fuck/ybt/sb 来对页面进行修改。然后页面会使用get的方法给192.168.1.1/cgi-bin/luci/set/hostname 传过去一个值。
192.168.1.1/cgi-bin/luci/set/hostname将调用控制器内部的set_hostname方法，设置hostname的值。
Knowledges
1.主机名存放的文件地址：/etc/config/system
这个文件的文件内容是：
config system
option zonename ‘UTC‘
option timezone ‘GMT0‘
option conloglevel ‘8‘
option cronloglevel ‘8‘
option hostname ‘ybtsb‘
config timeserver ‘ntp‘
list server ‘0.openwrt.pool.ntp.org‘
list server ‘1.openwrt.pool.ntp.org‘
list server ‘2.openwrt.pool.ntp.org‘
list server ‘3.openwrt.pool.ntp.org‘
option enabled ‘1‘
1
2
3
4
5
6
7
8
9
10
11
12
13
现在主机名是ybtsb 。这个是我可爱的室友的名字。
2.controller是如何实现了对文件的修改呢？
controller中的lua语法调用了luci框架本身的方法，去执行一句shell语句。
luci.sys.exec("语句")
这个语句可以是任何的shell。
比如刚才提到的清理缓存：luci.sys.exec("rm /tmp/luci-* -rf")
再比如reboot。 local ybtsb="reboot" luci.sys.exec(ybtsb)这里的ybtsb是一个变量。具体lua的语法，请访问lua的官方网站。本案的开发只涉及调用一些uci的shell。故不做展开。
那么，修改文件的shell是：
uci set A.B.C=value A是文件名，B是节名，C是配置项名。value是要把C对应的项进行修改的变量
当然，聪明的你应该猜到了，从文件中获取配置项的shell是uci get A.B.C 。
我们来看一看网关的IP地址。网关的IP地址存放在/etc/config/network文件下lan节的ipaddr。
我们先vi一下这个文件。vi /etc/config/network 这个文件是酱紫的：
红色的部分我把它叫节（B）。里面的每一项叫做配置项（C）。
我们看到network下面的lan节下面的ipaddr是 192.168.1.1
ok 退出这个文件的编辑（ esc -> :q!）。
执行命令：uci get network.lan.ipaddr 回车
得到的内容是 192.168.1.1 。
当然，如果你想修改ipaddr，可以用shell ：uci get network.lan.ipaddr=192.168.1.2
…
你可能会注意到 前面修改hostname的时候，用到了@和[0]这种意味不明的东西。这是怎么回事呢？
事实上/etc/config下的配置文件中，可能含有多个含有相同节名（或者不含节名的）配置文件。怎么能够准确调取捏？
如果重名，[ 0 ] [ 1 ] 放在节的后面，依次对应着文件内的同名节第一项和第二项。顺序由其在文件内的先后顺序决定。
如果没名，就如同刚才的system文件：
B的部分，写节的类。要用@做标记，并标记先后 如上面获取hostname，就应该用uci get [email protected][0].hostname
当然！htm中也可以使用lua语句然后调取文件的内容。这个方法很简单：
在你想要调用的htm文件中这样使用：
<!--Lua Code start here-->
<%
local ip=luci.sys.exec("uci get network.lan.ipaddr")
%>
<p>IP地址是：<%=ip%></p>
1
2
3
4
5
6
7
8
9
OK了 以上两个案例涵盖了这种开发方式的最基本操作。当然，有些时候你可能需要对输入和输出数据格式进行调整。你可以在htm的lua代码段和控制器的方法中编写方法。具体内容请 100度 - -
最后是这种开发方式的开发思路：
1.看文档，了解你要修改的的配置项 在 那个文件中？
2.写controller，包括form target的地址和其他可访问页面的地址。
3.写html css 画界面。
4.在controller中编写数据处理函数。luci中也有trim函数哦（具体内容，请100度 ）。
5.最后，为了提升用户体验，form页应该使用ajax来传输数据。
四.第一种方法开发
注意到刚才controller的url对应中没有提及cbi。cbi干嘛用的呢？说白了就是一行代码生成一个表单页面。这个页面里有一个input和button。直接对应配置文件中的相关节和相关项。具体使用，请参见github.com/openwrt/luci/wiki/ 下面的howto。
cbi能够直接生成表单，也意味着它的高度封装给我们自定义web界面带来了困难。我们不仅无法直观修改cbi的页面样式，也不能自由自在的使用JavaScript。
直接使用lua的方法，我个人认为比较简洁。欢迎大家一同讨论openwrt web界面开发中所遇到的困难。
——————————————————
（C）Sugarguan
[email protected] 2018.06.21
Poi.Harbin Institute of Technology
---------------------
作者：Sugar关
来源：CSDN
原文：https://blog.csdn.net/q595860633/article/details/80763394
版权声明：本文为博主原创文章，转载请附上博文链接！
以上是关于openwrt5.10界面很卡的主要内容，如果未能解决你的问题，请参考以下文章