简单的记录下关于如何使用nodejs+Express 极速搭建一个web应用。

项目所需，要用到nodejs，那就去学咯。简单的看了下 七天学会NodeJS，Node.js 教程。发现其实好简单的，分分钟上手，这里只是简单记录，nodejs 对数据库的操作不做详细介绍。

 看七天不存在的，呵呵。大概的过了一遍，然后开始干活。

首先显得有nodejs环境吧，nodejs下载地址，安装完毕后，检查版本号，看是否成功安装。

huangenaideMacBook-Pro:x-wallet huangenai$ node --version

v10.12.0

NPM是随同NodeJS一起安装的包管理工具，测试是否安装成功。

huangenaideMacBook-Pro:x-wallet huangenai$ npm --version

6.4.

先简单了解下什么是 Express ➡️ http://Express.com

Fast, unopinionated, minimalist web framework for Node.js。

嗯，又快又简单，适合我。

新建一个文件夹nodejsDemo  创建一个 package.json

npm init
package name: (nodejsDemo) nodejs-demoe

version: (1.0.)

description: none

entry point: (index.js) server.js

test command:

git repository:

keywords:

author: huangenai

license: (ISC)

About to write to /Users/huangenai/Desktop/test/nodejsDemo/package.json:

{

  "name": "nodejs-demoe",

  "version": "1.0.0",

  "description": "none",

  "main": "server.js",

  "directories": {

    "test": "test"

  },

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "author": "huangenai",

  "license": "ISC"

}

Is this OK? (yes) y

新建文件server.js

touch server.js

新建app文件夹，并在app文件夹下新建index.html

mkdir app

cd app

touch index.html

大致目录

项目目录下，安装express模块

npm install express 

根据情况安装所需要的模块

npm install body-parser --save   //处理 JSON, Raw, Text 和 URL 编码的数据。

npm install cookie-parser --save  //解析Cookie工具,通过req.cookies取到cookie并转成对象

npm install multer --save   //用于处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据

安装 nodemon，使用nodemon来启动程序，这样不用每次改了 又要重新启动了。

npm install nodemon

server.js

var express = require('express');

var app = express();

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

var urlencodedParser = bodyParser.urlencoded({

  extended: false

})

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

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

  res.sendFile(__dirname + "/app/index.html");

})

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

  res.send("test");

})

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

  var data = req.body.data;

  res.send(data);

  res.end();

})

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

  var host = server.address().address

  var port = server.address().port

  console.log("server start port:" + port)

})

app/index.js

<!DOCTYPE html>

<html lang="zh-CN">

<head>

  <meta charset="utf-8">

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

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

  <title>helloworld</title>

</head>

<body>

  <h1>index page</h1>

  <button id="helloworld">helloworld</button>

  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

  <script type="text/javascript">

    $(function () {

      $('#helloworld').on('click', function () {

        $.post("http://localhost:8001/helloworld", {

          data: "hello world！"

        }, function (res) {

          alert(res)

        })

      })

    })

  </script>

</body>

</html>

修改package.json scripts 新增 start 启动。

启动程序

npm run start

效果

此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞，您的支持是我最大的动力。

Nodejs+Express 搭建 web应用的更多相关文章

  1. 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

  2. [NodeJs] 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

  3. 【nodejs之我的开源module】 使用express搭建web服务器，代码即文档的实现。

    前言 都说nodejs适合制作restful_API,因为它有异步处理能力,能吞吐更多的请求,这一点是大家都认可的.前不久我使用nodejs+express+postgresql搭建了一个restfu ...

  4. nodejs+express搭建服务器

    1.Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速地搭建一个完整功能 ...

  5. 用nodejs+express搭建前端测试服务端

    平时开发前端应用,如果没有现成的后端接口调试,又要保证前端进度,该怎么办呢,当然办法还是很多的,很多大牛都分享过很多经验,我也来说说我常用的方法. 请求本地数据文件 把本地数据放到程序指定目录,发起h ...

  6. nodejs+express搭建小程序后台服务器

    本文使用node.js和express来为小程序搭建服务器.node.js简单说是运行在服务端的javascript:而express是node.js的一个Web应用框架,使用express可以非常简 ...

  7. nodejs express搭建一个网站整理

    先前用安卓完成了一个优惠券搜索的app,发现在app上操作比较麻烦,于是决定弄个网页版的.做网站是自己的擅长的,毕竟毕业之后咱一直用asp.net mvc做网站也好几个年头了. 可是这次我又想换个方式 ...

  8. express搭建web服务器、路由、get、post请求、multer上传文件、EJS模板引擎的使用

    express官网 postman工具下载地址  multer的npm文档地址 express模板引擎怎么使用  地址:http://www.expressjs.com.cn/guide/using- ...

  9. NodeJS+Express开发web,为什么中文显示为乱码

    把你的文件另存为下,格式为utf-8的试下就行!

随机推荐

  1. python插入记录后取得主键id的方法(cursor.lastrowid和conn.insert_id())

    #!/usr/bin/python # import MySQL module import MySQLdb # get user input name = raw_input("Pleas ...

  2. Java 读书笔记 (二) 对象和类

    Java 作为一种面向对象语言,支持以下基本概念: 多态 继承 封闭 抽象 类 对象 实例 方法 重载 对象: 是类的一个实例,有状态和行为.以人为例,黄种人.白种人.黑种人为类,每一个具体的人为类的 ...

  3. 【费马小定理】BZOJ3260 跳

    Description 从(0,0)走到(n,m),没走过一个点(x,y)贡献为C(x,y),求最小贡献和. Solution 让我们guess一下 走的路线一定是先走长的一边再走短的一边,两条直线 ...

  4. NOIP2017 酱油送命记

    Day0 一天,在机房,有点考前的紧张和慌张,打了一下午的模板,立了3个不该立的flag... Day1 拿到试题,万分紧张,T1是数论啊 害怕,一直以为D2T1才是数论,仔细观察却发现(flag1: ...

  5. Android--性能测试关注的指标

    性能测试过程中,出现的一些问题可直接导致了用户对当前app的使用率和卸载率,如果app使用时卡顿严重或者加载页面慢,cpu占用率高,导致app闪退等问题,在测试过程中,则需特别关注性能方面的体验,ap ...

  6. 用python把一个txt文件中所有逗号，替换成空格？

    string = "word 2 3 4 5 6 7" string = ",".join(string.split()) import numpy as np ...

  7. 【.NET异步编程系列2】掌控SynchronizationContext避免deadlock

    引言: 多线程编程/异步编程非常复杂,有很多概念和工具需要去学习,贴心的.NET提供Task线程包装类和await/async异步编程语法糖简化了异步编程方式. 相信很多开发者都看到如下异步编程实践原 ...

  8. 《前端之路》 之 前端 安全 XSS 原理以及防御手段

    什么是 XSS 一.XSS 什么是 XSS XSS,即 Cross Site Script , 翻译过来就是 跨站脚本攻击:为了和 css 有所区分,因而在安全领域被称为 XSS. 什么是 XSS 攻 ...

  9. js-刮刮卡效果，由jquery-eraser源码改的vue组件

    vue-eraser 一款用于vue刮刮卡的组件 github地址: vue-eraser npm地址: vue-eraser 在网上有看到过几个版本的组件,都有点问题 1.拉快了,就会断,连不起来( ...

  10. ASP.NET Core - 利用Windsor Castle实现通用注册

    问题引入 在ASP.NET Core - 依赖注入这篇文章里面,我们知道了如何利用ASP.NET Core原生的容器来实现依赖注入的,那我们为什么要替换掉默认的 IoC容器呢?从ASP.NET Cor ...