2 OpenWrt路由器系统开发与网页设计-CSDN博客

本文深入解析了OpenWrt路由器系统中基于Lua和JavaScript的网页设计，探讨了Luci的MVC模式，阐述了如何添加用户模式、切换工厂模式，并通过实例展示了数据交互和功能实现。此外，还讨论了网页设计中Lua与JavaScript的配合以及Shell脚本的应用。

摘要由CSDN通过智能技术生成

https://www.zhongkerd.com/news/content-729.html

摘要：目前商用WiFi路由器已应用到多个领域，商家通过给用户提供一个稳定免费WiFi热点达到吸引客户、提升服务的目标。传统路由器自带的Luci界面提供了工厂模式的Web界面，用户可通过该界面配置路由器。Luci采用MVC模式（Model-View-Controller）构造网页，能实现动态的程序设计，便于修改和扩展。本文主要针对OpenWrt系统的路由器，介绍如何使用Lua和JavaScript脚本语言添加用户模式Web界面。此外，还介绍了工厂模式和用户模式之间的切换、添加Web页面的方法，给出了一些应用实例。

0 引言

基于OpenWrt系统的家用路由器作为免费WiFi以及广告投放的解决方案，具有成本低、部署灵活的优点，被广告商家以及大型连锁门店以集中投放、集中管理的方式运用[1]。采用该方式需要解决以下问题：精简配置管理界面，便于大规模投放部署；屏蔽认证页、广告页投放等设置，避免路由器的经营价值受损。因此需要在路由器管理界面中设定工厂模式以及用户模式，以便于设备的管理、调试、部署[2]。

本文首先介绍了OpenWrt系统网页的工作原理，然后具体介绍了如何添加用户模式以及用户模式和工厂模式的切换原理，接下来分析了基于Luci编写网页的具体过程。文章的最后对下一步的改进工作提出展望。

1 Luci搭建网页

要理解Luci是如何搭建网页的，首先就要了解Luci、Uhttpd、CGI、MVC几个概念。

Luci是OpenWrt上的Web管理界面，它提供给用户UCI、API接口组件，用于用户在Web界面上对路由器进行管理与设置。Luci由Lua编写完成，Lua是一种扩展语言，几乎在所有操作系统和平台上都可以编译、运行。实际上，Lua程序的工作流程是嵌入到其他的程序中运行的[3]。

Uhttpd是OpenWrt系统路由下的一个精简的Web服务器，它具有非常低的内存开销，CPU占用率低，效能好，通常用于轻量级的嵌入式设备[4]。Uhttpd是Luci默认的Web服务器，通过Web界面修改相关参数配置路由器。

CGI（Common Gateway Interface）是通用网关接口，它是外部应用程序与Web服务器之间的接口标准[5]。CGI规定了CGI程序和Web服务器之间传递信息的规则和流程[5]。通常Web