基于ARM的智能灯光控制系统总结（11-网页CGI进程之欢迎界面）

最新推荐文章于 2020-12-27 01:44:21 发布

总督2017

最新推荐文章于 2020-12-27 01:44:21 发布

阅读量463

点赞数

本文链接：https://blog.csdn.net/cumtzdlxm/article/details/79522287

版权

主控制端加载boa服务器后，新建index.html文件，其目的就是一个欢迎界面，其目录菜单均对应了不同的cgi程序。即各网页控制进程的入口。效果如下图：index.html<!DOCTYPE html><html><head> <title>SL1200智能灯光控制系统</title> <meta http-equiv="...

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

主控制端加载boa服务器后，新建index.html文件，其目的就是一个欢迎界面，其目录菜单均对应了不同的cgi程序。即各网页控制进程的入口。

效果如下图：

index.html

<!DOCTYPE html>
<html>
<head>
	<title>SL1200智能灯光控制系统</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="../empty files/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../empty files/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="../empty files/custom-styles.css">

<style>
	#wrapper{
		width: 1000px;		
		margin-right: auto;
		margin-left: auto;			
	}
	
	.navbar_header{		
		float: left;
	}
	.sidebar-collapse{
		width: 200px;
		height:600px;
		float: left;
		background: rgb(228,238,249);
	}
	
	a:hover{
		background: yellow;
	}
	
	#page-wrapper li {
		float: left;
		display: block;
		width:90px;
		height:50px;
	}
	#page-inner{
		float: left;
		width:800px;
	}


</style>
</head>
<body>
	<div id="wrapper">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle"><span class="sr-only">智能灯光控制系统</span></button>
		</div>
		<!-- NAV TOP -->
		<div class="sidebar-collapse">
				<ul class="nav">
					<li><a href="sys_show.cgi">系统状态</a></li>
					<li><a href="#">设备设置
							<span class="fa

最低0.47元/天解锁文章

总督2017

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
基于ARM的智能灯光控制系统总结（11-网页CGI进程之欢迎界面）

主控制端加载boa服务器后，新建index.html文件，其目的就是一个欢迎界面，其目录菜单均对应了不同的cgi程序。即各网页控制进程的入口。效果如下图：index.html&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;SL1200智能灯光控制系统&lt;/title&gt; &lt;meta http-equiv="...
复制链接

扫一扫