一如既往，先上一张图

Express 基于 Node.js 平台，快速、开放、极简的 web 开发框架。

关于Express更多相关知识请链接至官网http://www.expressjs.com.cn/

1、访问本地服务

在指定的目录中创建app.js

 //express

 var express = require('express');

 //app核心

 var app = express();

 //get

 app.get('/', function (req, res) {

   res.send('Node express 初试探....!');

 });

 //访问端口

 var server = app.listen(, function (req,res,next) {

   var host = server.address().address;

   var port = server.address().port;

   console.log(host);

node 启动app.js文件，浏览器端输入localhost:1314 即可访问响应内容 Node Express 初探.....

2.实现浏览器端url参数路由跳转

 //express

 var express = require('express');

 var app = express();

 //express.static 设置静态资源（images/js/css等）文件目录

 app.use(express.static('public'));

 //get请求 根据url实现路由跳转

 app.get('/index.html', function (req, res) {

     res.sendFile(__dirname + '/' + 'index.html');

 });

 //get请求 根据url实现路由跳转 c

 app.get('/login.html', function (req, res) {

     res.sendFile(__dirname + '/' + 'login.html');

 });

 //端口

 var server = app.listen(1314, function () {

     var host = server.address().address;

     var port = server.address().port;

     console.log("实例应用，访问地址为 http://%s:%s", host, port);

 })

inde.html 主页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Node Express路由跳转</title>

</head>

<body>

    <p>实现Express路由跳转......</p>

</body>

</html>

login登录页面

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>Node Express路由跳转</title>

 </head>

 <body>

    <form action="" method="GET">

         姓名：<input type="text" name="username"><br/>

         密码：<input type="password" name="pass"></br>

         <input type='submit' value='提交'/>

     </form>

 </body>

 </html>

3、get提交

//提交表单数据

app.get('/app_get', function (req, res) {

    // 输出json格式

    // 将接收的数据转换为json格式输出

    response = {

        username : req.query.username,

        pass : req.query.pass,

    };

    console.log(response);

    res.end(JSON.stringify(response));

});

设置form属性 <form action="http:///localhost:1314/app_get" method="GET"></form> 即可，响应数据是字符串对象

4、post提交

 var express = require('express');

 var app = express();

 var bodyParser = require('body-parser');

 // 创建 application/x-www-form-urlencoded 编码解析

 var urlencodedParser = bodyParser.urlencoded({

     extended : false

 });

 app.use(express.static('public'));

 app.get('/post.html', function (req, res) {

     res.sendFile(__dirname + '/' + 'post.html');

 });

 app.post('/app_post', urlencodedParser, function (req, res) {

     // JSON 格式

     response = {

         username : req.body.username,

         pass : req.body.pass,

     };

     console.log(response);

     res.end(JSON.stringify(response));

 });

 var server = app.listen(1314, function () {

     var host = server.address().address;

     var port = server.address().port;

     console.log("应用实例，访问地址为 http://%s:%s", host, port);

 })

设置form属性 <form action="http:///localhost:1314/app_post" method="post"></form> 即可

Node Express 初探的更多相关文章

  1. 【原】小玩node+express爬虫-2

    上周写了一个node+experss的爬虫小入门.今天继续来学习一下,写一个爬虫2.0版本. 这次我们不再爬博客园了,咋玩点新的,爬爬电影天堂.因为每个周末都会在电影天堂下载一部电影来看看. talk ...

  2. Node+Express+node-mysql 实战于演习 全套mysql(增删改查)

    最近这段时间研究Node感觉不错,自己做了一个增删改查,虽然有些简陋,但是思想是想通的,其实所有项目都是增删改查,有助于初学者快速掌握Node 首先 本实例展示的是基于Node+Express+nod ...

  3. Node Express 4.0 安装

    前言 今天想要用nodejs 写个后台服务,很久之前看过node express 框架,可真当向下手安装的时候,发现好多命令都不记得了.写完后台服务,没事了,总结了下安装过程,记录一下,以便以后查阅方 ...

  4. node express

    在某QQ群里,发现大家都在搞node,为了不被out,这周主要研究了一下,还挺高大上. 参考了下资料,适合初学者学习. Node和NPM的安装够便捷了,不细说...有几点基础顺手提一下: 安装命令中的 ...

  5. Webpact打包React后端Node+Express

    Webpact打包React后端Node+Express 前言 React官方推荐用Browserify或者Webpack 来开发React组件. Webpack 是什么?是德国开发者 Tobias ...

  6. Node+Express+MongoDB + Socket.io搭建实时聊天应用

    Node+Express+MongoDB + Socket.io搭建实时聊天应用 前言 本来开始写博客的时候只是想写一下关于MongoDB的使用总结的,后来觉得还不如干脆写一个node项目实战教程实战 ...

  7. 基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统

    很久没更新博客,最近也有点忙,然后业余时间搞了一个比较完整基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统的流程系统,希望对 ...

  8. Node.js初探之GET方式传输

    Node.js初探之GET方式传输 例子:form用GET方法向后台传东西 html文件: <form action="http://localhost:8080/aaa" ...

  9. 零基础实现node+express个性化聊天室

    本篇文章使用node+express+jquery写一个个性化聊天室,一起来get一下~(源码地址见文章末尾) 效果图 项目结构 实现功能 登录检测 系统自动提示用户状态(进入/离开) 显示在线用户 ...

随机推荐

  1. 黑马day16 jquery&amp;内容过滤选择器&amp;可见度选择器

    内容过滤选择器的过滤规则主要体如今它所包括的子元素和文本内容上 .:contains(text) 使用方法: $("div:contains('John')")    返回值  集 ...

  2. Cocos2d-x 3.0正式版及android环境搭建

    开发环境是:mac + xcode + eclipse ,在win以下的环境和这个都是一样的,唯一不一样的就是环境变量的配置. 以下主要介绍cocos2d-x环境的设置以及android的环境搭建 1 ...

  3. Docker 搭建 etcd 集群

    阅读目录: 主机安装 集群搭建 API 操作 API 说明和 etcdctl 命令说明 etcd 是 CoreOS 团队发起的一个开源项目(Go 语言,其实很多这类项目都是 Go 语言实现的,只能说很 ...

  4. spring-boot学习笔记之Conditional

    今天看了@Conditional,自己根据以下文章练了下,根据自己的理解操作的             转载出处:http://wiselyman.iteye.com/blog/2213054 17. ...

  5. linhaifeng

    http://www.cnblogs.com/linhaifeng/p/7278389.html http://blog.51cto.com/egon09

  6. 轨迹系列——Socket总结及实现基于TCP或UDP的809协议方法

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 在上一篇博客中我详细介绍了809协议的内容.809协议规范了通 ...

  7. C C语言中关键词，以及知识点复习

    C语言学习 C语言练习知识点 auto        局部变量(自动储存) break       无条件退出程序最内层循环 case        switch语句中选择项 char         ...

  8. iOS手机截屏使用

    .截屏 保存 .data //登录成功进行截屏 //截取屏幕大小 UIGraphicsBeginImageContext([[UIScreen mainScreen]bounds].size); [s ...

  9. Safari不能连接到服务器

    系统偏好设置-网络-高级-代理,把"网页代理"和"安全网页代理"两个复选项去掉,最下面"使用被动FTP模式"复选项保留,即可解决!

  10. 首次在C#程序中用log4net

    众所周知log4net是一个很强大的日志管理库,我自己也用了下,这里作下记录: 首先新建一个项目Log4NetTest,然后将log4net.dll程序集添加引用至Log4NetTest. 然后在Lo ...