一如既往，先上一张图

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. NBUT 1217 Dinner

    [1217] Dinner 时间限制: 1000 ms 内存限制: 32768 K 问题描写叙述 Little A is one member of ACM team. He had just won ...

  2. Highcharts使用CSV格式数据绘制图表

    Highcharts使用CSV格式数据绘制图表 CSV(Comma-Separated Values,逗号分隔值文本格式)是採用逗号切割的纯文本数据.通常情况下.每一个数据之间使用逗号切割,几个相关数 ...

  3. 在Laravel中使用swoole来取代nginx作为http服务器

    1.是什么限制Laravel框架的速度? Laravel框架启动的时候需要加载很多文件,再加上其出了名的生态环境好,所以在开发过程中我们就会发现有非常多的已经造好的轮子,这也就使得Laravel的一次 ...

  4. 【VS2017新特性】在VS中调试javascript脚本

    1   概述 VS2017可以调试JS,本篇文章简要概述VS2017关于启用和关闭VS调试功能. 2   具体内容 当开启VS2017JS调试功能时,我们用VS2017打开解决方案时,会出现如下界面: ...

  5. Laravel学习笔记（三）--在CentOS上配置Laravel

    在Laravel框架上开发了几天,不得不说,确实比较优雅,处理问题逻辑比较清楚.     今天打算在CentOS 7上配置一个Laravel,之前都是在本机上开发,打算实际配置一下.     1)系统 ...

  6. XSS注入,js脚本注入后台

    曾经一度流行sql注入,由于现在技术的更新,已经看不到这问题了,但是又出来新的安全问题,XSS攻击,他的原理就是在前端提交表单的时候,在input标签当中输入js脚本,通过js脚本注入后台,请看下图. ...

  7. iOS 通知的变化ios9-10，新功能展示

    二.新功能展示 1  使用 /iOS通知新功能玩法 2.  全面   iOS10里的通知与推送详情 一.变化 四.Notification(通知) 自从Notification被引入之后,苹果就不断的 ...

  8. [置顶] Xamarin Android安装教程（2016最新亲测安装版）

    写这篇安装教程前要说的几句话 之前很多人想用Vs来开发Android项目,苦于这个环境的安装.的确这并不是一件简单的事情,并不是开发者都能在花一上午能装好,如果你花了一天时间,第一个Xamarin   ...

  9. php生成雪花图像（不美观请见谅）

    <?php /*  //新建图像 //雪花  @header("Content-Type:image/png"); $w = 500; $h = 500; //create ...

  10. 理解Kubernetes（1）：手工搭建Kubernetes测试环境

    系列文章: 1. 手工搭建环境 1. 基础环境准备 准备 3个Ubuntu节点,操作系统版本为 16.04,并做好以下配置: 系统升级 设置 /etc/hosts 文件,保持一致 设置从 0 节点上无 ...