博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Nodejs+Express 搭建 web应用
阅读量:6954 次
发布时间:2019-06-27

本文共 2276 字,大约阅读时间需要 7 分钟。

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

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

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

 

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

huangenaideMacBook-Pro:x-wallet huangenai$ node --versionv10.12.0

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

huangenaideMacBook-Pro:x-wallet huangenai$ npm --version6.4.1

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

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

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

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

npm init
package name: (nodejsDemo) nodejs-demoeversion: (1.0.0)description: noneentry point: (index.js) server.jstest command:git repository:keywords:author: huangenailicense: (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(8001, function () {  var host = server.address().address  var port = server.address().port  console.log("server start port:" + port)})

app/index.js

  
helloworld

index page

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

启动程序

npm run start

效果

 

 


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

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

你可能感兴趣的文章
Android自定义控件View(一)
查看>>
使用下拉列表框<select>标签,节省空间
查看>>
参考SQLHelper编写的OracleHelper
查看>>
C/C++中的getline函数总结:
查看>>
[Angular 2] Handle Reactive Async opreations in Service
查看>>
linux下操作PostgreSQL的常用命令
查看>>
C# Webservice
查看>>
Spring学习笔记1——IOC: 尽量使用注解以及java代码(转)
查看>>
【转】雪崩光电二极管(APD)偏置电源及其电流监测
查看>>
iOS设置圆角的三种方式
查看>>
C#ShowCursor光标的显示与隐藏
查看>>
PHP 正则表达式匹配函数 preg_match 与 preg_match_all
查看>>
关于CAShapeLayer的一些实用案例和技巧
查看>>
Unity又称Unity Application Block
查看>>
sudo日志记录记录(rsyslog)
查看>>
Android中Service 使用详解(LocalService + RemoteService)
查看>>
Spring AOP报错
查看>>
c语言二维数组与指针
查看>>
【CodeForces 699D】Fix a Tree
查看>>
V神:zk-snarks技术可以帮助以太坊扩容,有望达到500笔交易/秒
查看>>