一如既往，先上一张图

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. 在Flex中推断是否在组件之外单击的技巧

    在Flex中推断是否在组件之外单击的技巧 昨天在做Flex开发的时候.遇到了这样一种操作,之前也遇到过.那时的办法不是非常好,今天又碰上了类似的问题,先看一张图吧! watermark/2/text/ ...

  2. centos yum安装ffmpeg

    ffmpeg是一个重要的应用软件,用于执行与视频文件转换成不同的视频流格式的视频站点,能够安装在linux系统上来使用 (一)安装编译环境  #yum install -y automake auto ...

  3. x86内存映射

    Contents 1 "Low" memory (< 1 MiB) 1.1 Overview 1.2 BIOS Data Area (BDA) 1.3 Extended BI ...

  4. OC对象与Core Foundation对象的转换

    OC对象使用了ARC,自己主动释放内存,可是CF中的对象没有ARC,必需要手动进行引用计数和内存释放. 两者对象之间的互相转换有三种形式: 1.__bridge: 直接转换,部改变对象的持有状况: i ...

  5. 入门vue----（vue的安装）

    1.安装node.js 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –registry=https://registry.npm ...

  6. redis的sort命令

    1.简单描述 sort命令可以对list.set和sorted set的元素进行排序,然后显示排序的结果,不影响这些类型里面存储的数据的排序.就是说sort可以对list的元素排序,但是执行lrang ...

  7. MyBatis学习总结（一）简单入门案例

    MyBatis学习总结(一)简单入门案例 主要内容:本文主要通过对数据库中的use表进行增删改查总结mybatis的环境搭建和基本入门使用 一.需要的jar包: 1.核心包 2.依赖包 3.jdbc数 ...

  8. Linux下查看Go语言软件运行情况

    在Linux下,使用"jps"可以查看用Java语言写的软件的运行情况,如果要查看GO语言写的软件的运行情况,可以使用"gops",但这不是系统自带的,需要进行 ...

  9. 【ANT】使用ANT自动执行JMeter用例

    1.把\apache-jmeter-3.1\extras目录下的build.xml和jmeter-results-detail-report_21.xsl两个文件拷贝到用例所在目录: 2.修改用例名称 ...

  10. Java面试题汇总

    第一阶段:三年我认为三年对于程序员来说是第一个门槛,这个阶段将会淘汰掉一批不适合写代码的人.这一阶段,我们走出校园,迈入社会,成为一名程序员,正式从书本 上的内容迈向真正的企业级开发.我们知道如何团队 ...