Openwrt开发指南 第7章 添加Web界面
开发环境：
主机：ubuntu16.04
openwrt：openwrt19.07
1 luci介绍luci作为“ffluci”诞生于2008年3月份，目的是为openwrt固件从whiterussian到kamikaze实现快速配置接口。lua是一个小巧的脚本语言，很容易嵌入其它语言。轻量级lua语言的官方版本只包括一个精简的核心和最基本的库。这使得lua体积小、启动速度快，从而适合嵌入在别的程序里。uci是openwrt中为实现所有系统配置的一个统一接口，英文名unifiedconfigurationinterface，即统一配置接口。luci,即是这两个项目的合体，可以实现路由的网页配置界面。
最初开发这个项目的原因是没有一个应用于嵌入式的免费，干净，可扩展以及维护简单的网页用户界面接口。大部分相似的配置接口太依赖于大量的shell脚本语言的应用，但是luci使用的是lua编程语言，并将接口分为逻辑部分，如模板和视图。luci使用的是面向对象的库和模板，确保了高效的执行，轻量的安装体积，更快的执行速度以及最重要的一个特性————更好的可维护性。
与此同时，luci从mvc-webframework衍生出一个包含了很多库、程序以及lua程序用户接口的集合，但是luci仍然专注于实现网页用户界面并成为openwrtkamikaze官方的一份子。
luci是一个开放源码的独立项目，欢迎任何人的加入。
2 添加web界面要给自己的开发板添加上web界面，只需要在openwrt源码中，将luci配置进去即可。首先进入openwrt源码顶层目录，然后运行make menuconfig命令。
$ make menuconfig
然后在弹出的配置界面中，配置luci。
luci --- > 1. collections --- > luci
图1
要想中文支持，配置如下。
luci --- >modules --- >translations --- >english (en)chinese (zh-cn)
图2
这样，我们就将web界面给配置进系统了，接下来就是编译了。
$ make v=99
编译完成后，将新的固件烧写到开发板上面，就能通过浏览器访问web界面了。由于前面章节中，我们将开发板的ip设置成了192.168.0.10，因此，我们需要将电脑的有线网卡的ip配置为同一个网段，我这里就设置成了192.168.0.100，如图3所示。
图3设置有线网卡ip
接下来将用网线将开发板和电脑的网口进行连接，一定要接开发板的lan口哦。然后就是打开浏览器，然后在地址栏中输入192.168.0.10，便会看到如下界面了。
注意：如果电脑和开发板同时连接路由器，则直接在地址栏输入192.168.0.10，也能看到如下内容。
图4成功进入web界面
3 设置登录密码在上一节中，我们虽然能成功进入web界面了。但是界面上总是提示我们“未设置密码！”，那么我们怎么来设置这个密码呢？
在开发板上面使用passwd命令来设置密码，具体操作如下。
图5
首先输入passwd命令，然后输入密码，再重复输入一次密码。这样，我们的密码就设置成功了。再次登录web界面，就会出现如图6所示界面。
图6
此时，“未设置密码！”的提示已经消失。这样，我们只需要输入正确的密码，就可以登录进去了。
4 web界面简单使用在图7所示的界面中，输入正确的密码后，点登录。就能进入如下界面了。
图7
看到这里也许很多英语较差的朋友会问可以将界面设置为中文吗？当然可以啦！在登录的情况下，进行如下设置：
图8
图9
图10
好了，重新登录就可以了，就像图4所示。在后文为了方便所有的朋友更好学习openwrt,笔者就用中文的页面了。
苹果的下一轮征战浮出水面
严群院士：GPU架构“天狼星”多项指标达先进水平
三星正准备在图像传感器市场击败索尼，成为图像传感器市场的顶级企业
树莓派最新开发主板Zero仅售$5（约合￥31）
大多数高端智能手机都有一个AI加速器
Openwrt开发指南 第7章 添加Web界面
浅谈电池维修技术之锂动力电池的安全性问题
介绍一种微功耗高精度1.2V基准电压源ADR3412
高压功率放大器的工作原理和作用是什么
2019慕尼黑上海电子展上莱尔德高性能材料提出新一代解决方案
固态锂电池原位聚合方法的研究进展
Word技巧：快速实现双面打印的四种方法
苹果和高通突然和解 5G iPhone是否有戏
关于轧机牌坊腐蚀磨损的修复方式
带消光比控制的多速率激光驱动器MAX3737
父母应该怎样教育孩子面对技术革命的到来
SYJ-50速动油压继电器
三款拍照神机，总有一款适合你
浅谈电力电缆和控制电缆，它们之间该如何区分
多域计算的五类设计思路和案例
主机：ubuntu16.04
openwrt：openwrt19.07
1 luci介绍luci作为“ffluci”诞生于2008年3月份，目的是为openwrt固件从whiterussian到kamikaze实现快速配置接口。lua是一个小巧的脚本语言，很容易嵌入其它语言。轻量级lua语言的官方版本只包括一个精简的核心和最基本的库。这使得lua体积小、启动速度快，从而适合嵌入在别的程序里。uci是openwrt中为实现所有系统配置的一个统一接口，英文名unifiedconfigurationinterface，即统一配置接口。luci,即是这两个项目的合体，可以实现路由的网页配置界面。
最初开发这个项目的原因是没有一个应用于嵌入式的免费，干净，可扩展以及维护简单的网页用户界面接口。大部分相似的配置接口太依赖于大量的shell脚本语言的应用，但是luci使用的是lua编程语言，并将接口分为逻辑部分，如模板和视图。luci使用的是面向对象的库和模板，确保了高效的执行，轻量的安装体积，更快的执行速度以及最重要的一个特性————更好的可维护性。
与此同时，luci从mvc-webframework衍生出一个包含了很多库、程序以及lua程序用户接口的集合，但是luci仍然专注于实现网页用户界面并成为openwrtkamikaze官方的一份子。
luci是一个开放源码的独立项目，欢迎任何人的加入。
2 添加web界面要给自己的开发板添加上web界面，只需要在openwrt源码中，将luci配置进去即可。首先进入openwrt源码顶层目录，然后运行make menuconfig命令。
$ make menuconfig
然后在弹出的配置界面中，配置luci。
luci --- > 1. collections --- > luci
图1
要想中文支持，配置如下。
luci --- >modules --- >translations --- >english (en)chinese (zh-cn)
图2
这样，我们就将web界面给配置进系统了，接下来就是编译了。
$ make v=99
编译完成后，将新的固件烧写到开发板上面，就能通过浏览器访问web界面了。由于前面章节中，我们将开发板的ip设置成了192.168.0.10，因此，我们需要将电脑的有线网卡的ip配置为同一个网段，我这里就设置成了192.168.0.100，如图3所示。
图3设置有线网卡ip
接下来将用网线将开发板和电脑的网口进行连接，一定要接开发板的lan口哦。然后就是打开浏览器，然后在地址栏中输入192.168.0.10，便会看到如下界面了。
注意：如果电脑和开发板同时连接路由器，则直接在地址栏输入192.168.0.10，也能看到如下内容。
图4成功进入web界面
3 设置登录密码在上一节中，我们虽然能成功进入web界面了。但是界面上总是提示我们“未设置密码！”，那么我们怎么来设置这个密码呢？
在开发板上面使用passwd命令来设置密码，具体操作如下。
图5
首先输入passwd命令，然后输入密码，再重复输入一次密码。这样，我们的密码就设置成功了。再次登录web界面，就会出现如图6所示界面。
图6
此时，“未设置密码！”的提示已经消失。这样，我们只需要输入正确的密码，就可以登录进去了。
4 web界面简单使用在图7所示的界面中，输入正确的密码后，点登录。就能进入如下界面了。
图7
看到这里也许很多英语较差的朋友会问可以将界面设置为中文吗？当然可以啦！在登录的情况下，进行如下设置：
图8
图9
图10
好了，重新登录就可以了，就像图4所示。在后文为了方便所有的朋友更好学习openwrt,笔者就用中文的页面了。
苹果的下一轮征战浮出水面
严群院士：GPU架构“天狼星”多项指标达先进水平
三星正准备在图像传感器市场击败索尼，成为图像传感器市场的顶级企业
树莓派最新开发主板Zero仅售$5（约合￥31）
大多数高端智能手机都有一个AI加速器
Openwrt开发指南 第7章 添加Web界面
浅谈电池维修技术之锂动力电池的安全性问题
介绍一种微功耗高精度1.2V基准电压源ADR3412
高压功率放大器的工作原理和作用是什么
2019慕尼黑上海电子展上莱尔德高性能材料提出新一代解决方案
固态锂电池原位聚合方法的研究进展
Word技巧：快速实现双面打印的四种方法
苹果和高通突然和解 5G iPhone是否有戏
关于轧机牌坊腐蚀磨损的修复方式
带消光比控制的多速率激光驱动器MAX3737
父母应该怎样教育孩子面对技术革命的到来
SYJ-50速动油压继电器
三款拍照神机，总有一款适合你
浅谈电力电缆和控制电缆，它们之间该如何区分
多域计算的五类设计思路和案例