智能家居网络系统设计(二)

2016-2-25号更新:

下面的代码是我一年前写的,现在回想起来确实出现了很多错误,内容显得累赘。当时自己对web前端不是很了解,所以很多简单的用法不是很会,正如有句话说的好,你今天在满意的节作到了明天再来回首,你仍然会觉得很多地方不足,需要改进。上面代码是可以使用的,这里我也就不更新代码了,在这个项目当中能够使用就行。如果需要精简代码我相信也难不倒在做的各位IT精英们。



这一篇文章我将讲解html网页编程的基本规范,其实在我的html网页基础里面也讲解的很明白,这里我大概讲一下基本用法。下面写把代码写上来然后在一步一步讲解,后面的注释一定不要添加进去!!!

<html>                            /* 网页固定格式 */
<head>  /* 网页头部 */
<title>智能网络家居系统--网络人VS灰鸽子制作</title>/* 网页上的标题栏 */
</head>
<body  background="./image/back.jpg">/* 网页背景图片./image/back.jpg是存放的路径,*/
<br>
<br>
<h1 align="center"><font color="red">    /* 网页上的字体居中显示红色 */
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* 为了方便布局加的空格 */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
智能网络家居系统</font></h1>
<p><center><b><font size="5">                          /* 网页上的字体居中 */
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

请登录</font></b></center></p><BR><BR>
<form action="../cgi-bin/login.cgi" method="post"><center>   /* 创建form表单设置第一条脚本路径和名字,post方式 */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
用户名:
<input type="text" name="name"><br> /* 输入你的登录账户,字符串存放在name */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
密&nbsp; 码:
<input type="password" name="password"><br><br>/* 输入你的登录密码 ,字符串存放在password*/
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" value=" 登 录 ">          /* 登录提交按钮,这是html基本格式,这里不详解了 */
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<input type="reset" value="重新输入">   /* 重新输入按钮 */
</center></form>
<br><br><br><br><br><br><br><br><br><br>        /*下面都是一些字体的显示,和前面基本一样的*/
<p><center><font color="brown">
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
智能网络家居系统项目 基于FL2440制作</center><p>
<p><center>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
2015-08-11&nbsp; by 网络人VS灰鸽子</center></p>
<p><center>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
个人博客:http://blog.csdn.net/qq_21792169</center></p>
</body>
</html>

在这里网页就写完了,其实网页也挺简单的,我们的主要工作是放在cgi脚本的处理,这里才是重点,我们可以测试下,./image/back.jpg,你可以在开发板上/etc/boa/www下创建一个image文件夹,该文件加专门用来存放图片,这里要可开始背景图片路径对应,不然网页找不到图片的位置。

然后开PC机上访问开发板的IP地址就OK了。

下文在是这个项目的核心内容,对C库函数,JAVA脚本,放心我都会总体讲解,主要还是框架,不懂发邮箱给我。






已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页