Open1081使用心得_5 Dynamic Server

Open1801 的Demo中提供的 WebServer 只能显示静态的页面.网页内容是固定的字符串.
但用与监控某些状态的场合中,一旦数据改变不能及时表达出来。如:必须手动地刷新网页.

因此修改了Demo成为一个动态webserver.实现如下功能1. 按下开发板的按键开关LED. 同时WEB上也显示到LED的开关状态
2.点击WEB上的LED状态. 会切换ON OFF. 同时开发板上的LED也随之亮灭.

实现效果见视频



实现方案:

1.创建一个myled.html,

和创建2个接口 (“led” 获取LED状态) ("/led？toggle" 更改LED状态)

贴上源代码含有 HTML的发帖后会乱码..打了一大堆白费了

2.在myled.html上使用JS轮询LED状态. 将最新的状态显示到web页面上.
如果用户点击的 ON OFF 文字区域, 事件就会触发 "/led？toggle" 改变板上的LED状态.

附件上传HTML文档

http://bbs.eeworld.com.cn/forum.php？mod=attachment&aid=MTgzMzk5fDUyNmM2MmNiZDY0OWYyYzY4NmRlODA2ZmZlY2Q5NzQ0fDE1MTE3Njg2NDk%3D&request=yes&_f=.rar

嗯，周末我也做个web服务

学习了