appweb笔记技术分析.docx

Appweb程序调试 准备工具 SecureCRT软件，CiscoTFTP软件 创建下载目录，用于存放要下载到8148板子的程序安装包 配置CiscoTFTP软件，点击查看-选项，修改下载目录为上一步创建的目录 打开SecureCRT，选择板子的IP对应的选项，打开，输入root-回车，其他操作规则和在Linux下的命令一样 下载安装包 tftp –g –r 包名.gz(一般复制包名时会隐藏文件后缀名，所以要加上后缀) 主机IP 解压tar –xvf 压缩包名 解压后的文件目录 SH对应的时烧写shell脚本，NMS对应的二进制可执行程序（Daemon），appweb/web对应的是WebServer目录 （带符号放到后台） ./Daemon Ps查看后台进程，如果appweb已经启动要先停止 kill -9 进程ID Cd SH/; ./appweb.sh; Cd NMS/; ./Daemon 将web文件下载到appweb/web下 刷新网页输入板子IP 界面制作(所用class均为ZUI的CSS定义) 网页界面ZUI美化 需要的CSS样表和JS文件 需要的CSS样表文件添加 link href=css/zui.min.css rel=stylesheet 对应的JS文件添加 script src=js/jquery-1.11.3.min.js/script script src=js/zui.min.js/script 方框特效（文本框、下拉菜单等） input type=text name=author5 id=author5 withvalue= class=form-control / select name=select4 id=select4 class=form-control 选择按钮特效(radio-inline) 单选按钮 label class=radio-inline input type=radio name=optionsRadios value=option1 checked 自动 /label 复选按钮 label class=radio-inline input type=checkbox name=optionsRadios2 value=option1 LNB电源开关 /label 按钮特效 class=btn btn-primary btn-primary代表颜色 输出文本不换行 class=text-nowrap 文本界面输出内容不换行 左右边界填充 padding 15px左边界填充 padding 15px 10px左右边界填充 上下左右边缘设置 margin：20px距离上下左右边角线20个像素点 margin-bottom 20px 距离底部边角线20个像素点（边缘） margin-top 20px 距离顶部边角线20个像素点（边缘） margin-left 20px 距离左部边角线20个像素点（边???） margin-right 20px 距离右部边角线20个像素点（边缘） 表格单元格间距 table CellSpacing=10 单元格间距为10px（规定单元格之间的空白） 文本框只读不能输入input disabled只读不能输入 style 标签 style 标签用于为 HTML 文档定义样式信息 在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的，定义 style 元素的内容。唯一可能的值是 text/css。 style 元素位于 head 部分中。 面板标题与刷新按钮平行 div id=dashboard class= dashboard-draggable data-height=500 在class里添加dashboard 转化HTML为ESP界面 转化basicinfo.html 网卡1 IP地址 var IP1=UIGet(“0x2001”,”100”); IP掩码 var mask1 = UIGet(0x2002,100); MAC地址 var MAC1 = UIGet(0x2003,100); 网关 var gateway1 = UIGet(0x2004,100); 网卡2 IP地址 IP掩码 MAC地址 网关 产品信息 产品名称 var ProductName = UIGet(0x1001,100); 产品描述 设备安装站点 设备安装时间 联系人 PN SN Modem版本 var ModemVersion = UIGet(0x1033,100); 内核版本 var Ke