发 帖  
原厂入驻New
[讨论]

【Intel Edison试用体验】18.远程留言本~[小项目]

2016-8-20 17:34:55  1539 Intel
分享
本帖最后由 盼盼2333 于 2016-8-21 12:24 编辑

本帖记录用Edison编写远程留言本的过程。

nodejs最丰富的就是它的npm库,通过npm库我们可以使用很多人家封装好的库。


这里我们需要用到两个库,分别是express和url。
express 库用于路由请求。
QQ截图20160820170556.jpg
url库用于解析url,并从中取得参数。
QQ截图20160820170814.jpg

先建立工程~
QQ截图20160820170354.jpg
选择一个合适的项目名称~
QQ截图20160820170405.jpg

先新建一个html页面,写一个表单,用于提交留言~
QQ截图20160820171331.jpg
内容如下~
QQ截图20160820171428.jpg





  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <title>Housekeeper</title>
  5. </head>
  6. <body>
  7.         <form action="show" method="get">
  8.                 <input type="text" name="lcd" maxlength="16">
  9.                 <input type="submit" value="submit">
  10.         </form>
  11.         <p>lcd:</p>
  12. </body>
  13. </html>


复制代码

上面的内容有一个form表单,传输方式为get,数据传输到/show路径,有一个文本输入框,并且最多只能输入16个字符~


然后删掉main.js的所有内容,开始写一个简单的web表单,用于提交
QQ截图20160820171806.jpg
两个get用于返回给用户对应的页面。



  1. app.get('/show', function (req, res) {
  2.         var pageFile = fs.readFileSync('/node_app_slot/control.html');
  3.         var arg = url.parse(req.url,true).query;
  4.         pageFile = String(pageFile).replace(/lcd:/,'lcd:'+arg.lcd);
  5. //show(arg.lcd);
  6.         res.writeHead(200, {'Content-Type': 'text/html'});
  7.         res.end(pageFile);
  8. })

复制代码

先读取显示界面,解析get请求的参数,再将参数显示到界面上。
这就是一个简单的表单提交并显示。

不仅要显示到网页上表示提交成功,还需要在lcd显示,才能表现为远程留言本的意义,所以同时我们需要对lcd进行操作~
QQ截图20160820172010.jpg




  1. function show(lcdvalue) {
  2.     var i2c = require('./i2c');
  3.     var display = new i2c.LCD(0);
  4.     display.setCursor(0,0);  
  5.     display.write(lcdvalue);
  6.     display.setColor(0, 60, 255);

复制代码

先引入I2c库,初始化lcd,设置初始位置,写入字符串。并且进行颜色闪烁提示!

硬件上我们只需要一个LCD~
IMG_20160820_172959.jpg

通过ssh登录到Edison,进入nodejs的工作目录,进行npm库的下载~
QQ截图20160820162437.jpg




  1. npm install express


复制代码





  1. npm install url


复制代码



然后下载,运行~
QQ截图20160820172815.jpg
QQ截图20160820172829.jpg

输入Edison在路由器下的ip:8081~
QQ截图20160820172911.jpg

在输入框输入留言并提交~
QQ截图20160820172930.jpg

同时可以看到lcd上出现了留言~
IMG_20160820_173004.jpg

完整的XDK工程分享给大家~
Housekeeper.zip (51.06 KB, 下载次数: 3 )



0
2016-8-20 17:34:55   评论 分享淘帖

只有小组成员才能发言,加入小组>>

1126个成员聚集在这个小组

加入小组

创建小组步骤

快速回复 返回顶部 返回列表