美文网首页
0810_io交互&web表单交互

0810_io交互&web表单交互

作者: 天才在战斗 | 来源:发表于2016-08-10 22:23 被阅读57次

课前回顾

静态服务器

url地址获取

fs文件操作

根据不同url返回不同页面

新内容(终端IO交互, web表单交互)

  • 终端交互

io.js

var readline = require('readline'); // 引入交互模块

var sk = require('./shangke'); // 引入自定义模块, 这里的后缀.js可以加可以不加

var rl = readline.createInterface(process.stdin, process.stdout); //

rl.setPrompt('请输入:'); // 提示用户
rl.prompt(); // 实例化监听

rl.on('line', (line) => { // 读进内容
  var str = line.trim();
  if (str == '0') { // 如果用户输入0, 则退出
      console.log('欢迎下次再来');
      process.exit();
  } else { // 否则, 通过自定义组件模块显示输入的内容
    // console.log('你输入的是' + str);
    sk.shangke(str); // 调用模块中的
    sk.h(); // 调用模块中的hello
    rl.prompt();
  }
});// .on('close', () => {
//  console.log('欢迎下次再来');
//  process.exit();
// })

shangke.js

exports.shangke = function(str) { // 模块化
  console.log('这是上课模块' + str);
}
function hello() {
  console.log('this is hello');
}
exports.h = hello();
  • web表单交互

通过引入模块querystring来和表单交互

var qs = require('querystring');

以下是node官方举例:
querystring.parse(str[, sep][, eq][, options])方法

 querystring.parse('foo=bar&baz=qux&baz=quux&corge')
// returns { foo: 'bar', baz: ['qux', 'quux'], corge: '' }

// Suppose gbkDecodeURIComponent function already exists,
// it can decode `gbk` encoding string
querystring.parse('w=%D6%D0%CE%C4&foo=bar', null, null,
  { decodeURIComponent: gbkDecodeURIComponent })
// returns { w: '中文', foo: 'bar' }

querystring.stringify(obj[, sep][, eq][, options])方法

querystring.stringify({ foo: 'bar', baz: ['qux', 'quux'], corge: '' })
// returns 'foo=bar&baz=qux&baz=quux&corge='

querystring.stringify({foo: 'bar', baz: 'qux'}, ';', ':')
// returns 'foo:bar;baz:qux'

// Suppose gbkEncodeURIComponent function already exists,
// it can encode string with `gbk` encoding
querystring.stringify({ w: '中文', foo: 'bar' }, null, null,
  { encodeURIComponent: gbkEncodeURIComponent })
// returns 'w=%D6%D0%CE%C4&foo=bar'

注:

linux 下打压: tar zcvf lilei.tar.gz

linux 下解压: tar zxvf lilei.tar.gz

作业

实现一个计算器(页面, 后台, +, -, *, /, %)[querystring模块]

相关文章

  • 0810_io交互&web表单交互

    课前回顾 静态服务器 url地址获取 fs文件操作 根据不同url返回不同页面 新内容(终端IO交互, web表单...

  • HTML 表单

    form(表单) 说明 Form (表单)是页面与 WEB 服务器交互过程中最重要的信息来源。 属性 action...

  • 网页前后端数据交互

    经过几个月关于web的开发,总结下比较基础的数据交互。 form表单提交 在表单中用type="submit"属性...

  • html: form表单

    form表单 form表单用于向服务器传输数据,从而实现用户与Web服务器的交互。 表单能够包含input系列标签...

  • HTML 表单

    HTML表单简介 HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站...

  • input 标签详解

    HTML 元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。 在HTML表单中,input标签...

  • form表单及常用标签

    form表单作用 表单是用户和web站点或应用程序之间交互的主要内容之一。允许用户将数据发送到web站点,应用程序...

  • react表单

    在web应用开发中,表单的作用尤为重要,正是因为表单的存在,才使得用户能够与web应用进行富交互。 文本框 你会发...

  • ajax的写法与注意事项

    -------------------ajax: 数据交互---------------------- 表单for...

  • input与textarea的区别,并用div模拟textare

    一、input 和 textarea 的区别 input: HTML 元素用于为基于Web的表单创建交互式控件...

网友评论

      本文标题:0810_io交互&web表单交互

      本文链接:https://www.haomeiwen.com/subject/spvjsttx.html