Node.js —— express

一、Express介绍

1、Express是什么？

Express是一个Web开发框架

2、express的安装

在用npm安装express的时候，经常会出现这种情况：在cmd窗口npm install express回车之后，出现三个ERROR提示安装没有成功，并且在文件目录下也不能找到express，如果出现这种情况，就要检查三个地方

（1）在安装espress包的目录下是否有package.json文件，如果没有，在cmd中输入“npm init -y”回车

（2）要以管理员身份运行cmd

（3）要删除 C:\Users\{账户}\下的.npmrc文件

完成上述步骤之后再在cmd输入"npm i -S express"就会安装成功了

3、express最简单的使用

执行结果：

（1）公开指定目录资源（静态服务）的方法

<1> app.use('/public/',express.static('./public/')); 一般是用这种

<2>省略第一个参数： app.use(express.static('./public/'));

要省略/public来访问

<3> app.use('/a/',express.static('./public/')); 必须是 /a/public目录中的资源具体路径

可以理解为a是public的别名

4、基本路由

（1）路由：其实就是一张表，这个表里面有具体的映射关系

请求方法 + 请求路径 + 请求处理函数

二、在express中配置使用art-template模板引擎（利用art-template模板引擎在Node.js中自动渲染整个页面<不用自己去手写渲染页面>）

1、链接： https://aui.github.io/art-template/

2、使用步骤

（1）安装

npm install --save art-template

npm install --save express-art-template

（2）配置

app.engine('art', require('express-art-template')); // 核心代码

（3）使用

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

//express默认会去项目中的views目录找 index.html

res.render( 'index.html', {

title:‘hello world’;

});

如果想要修改默认的views视图渲染存储目录可以：

app.set(‘views’，目录路径)； //其实还是要保存在views这个目录里面，只不过是改变了veiws目录的路径

三、在express中获取表单POST请求体数据

在express中有内置的API（req.query）直接获取GET请求体，但是没有内置获取表单POST请求体的API，这里需要使用一个第三方包： body-parser

1、安装

npm install --save body-parser

2、配置

（1）引包

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

（2）配置body-parser（只要加入这个配置，就会在req请求对象上多出一个属性：body）：直接通过req.body获取表单POST请求体数据

app.use(bodyParser.urlencoded({extended:false}))

app.use(bodyParser.json());

3、使用

注意：从文件中读取到的数据一定是字符串的形式，一定要手动转成对象

Node.js —— express相关推荐

TWaver HTML5 + Node.js + express + socket.io + redis（六）
接上一篇TWaver HTML5 + Node.js + express + socket.io + redis(五), 这一篇将讲解如何用模版生成html页面, 如何验证用户登录, 您将了解到: 1 ...
SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上
本教程迄今为止的前 54 个步骤,开发出来的 SAP UI5 应用都只能在本地通过 localhost 访问,除非将其部署到 ABAP 服务器上. SAP UI5 应用开发教程之三十五 - 如何把本地 ...
node.js + express 初体验【hello world】
[node.js] 一个神奇的XX 呵呵 :) 不知道怎么形容他才好! [express] 是node.js 开发web应用程序的框架开发环境:XP 大家共同进步吧 :) 一:前期准备: ...
TWaver HTML5 + Node.js + express + socket.io + redis（五）
接上一回TWaver HTML5 + Node.js + express + socket.io + redis(四), 这一篇您将了解到 1. 如何保存更改后的拓扑数据 (包括新增的, 修改的, 删 ...
Node.js Express+Mongodb 项目实战
Node.js Express+Mongodb 项目实战这是一个简单的商品管理系统的小项目,包含的功能还算挺全的,项目涵盖了登录.注册,图片上传以及对商品进行增.删.查.改等操作,对于新手来说是个很 ...
使用Node.js express 开发上传文件/图片api接口
我是傲夫靠斯,欢迎关注我的公众号[前端工程师的自我修养],每天更新. 今天我们来搞一个Node.js Express的上传文件功能,我使用了busboy这个库. Busboy是一个基于事件的文件流解析 ...
跟李宁老师做项目：小程序版网上商城（Node.js + Express + MySQL)-李宁-专题视频课程...
跟李宁老师做项目:小程序版网上商城(Node.js + Express + MySQL)-8799人已学习课程介绍本课程采用的技术包括小程序开发.Node.js.Express和M ...
从零开始搭建Node.js, Express, Ejs, Mongodb服务器
http://www.toolmao.com/nodejs-express-ejs-mongodb-server 本文改自非鱼的<[翻译]前端开发人员入门指南,从零开始搭建Node.js, Ex ...
视频教程-项目实战视频课程：美团小程序（Node.js+Express+支付）-微信开发
项目实战视频课程:美团小程序(Node.js+Express+支付) 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN ...

Node.js —— express

Node.js —— express相关推荐

最新文章

热门文章