搭建基于express框架运行环境的方法步骤


Posted in Javascript onNovember 15, 2018

一.Express简介

Express提供了一个轻量级模块,把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能,使你轻松处理服务器的路由、响应、cookie和HTTP请求的状态。使用Express可以充当Web服务器。

二.搭建基于express框架运行环境  开发后端的node服务

1.安装express 

① 安装全局变量 npm install express-generator -g (全局变量会在C盘node文件下)

②查看安装成功:express -version

2.通过生成器自动创建项目

找到项目安装地址: 执行 express server就出现下面文件

搭建基于express框架运行环境的方法步骤

在这个目录下安装express:  npm install express --save    因为全局安装express没可能没安装全

3.运行项目

注意:因为我这边是为了方便演示练手,所以我没有进行前后端分析,所以我 express搭建的package.json 与vue搭建package.json进行合并

(1).合并package.json

搭建基于express框架运行环境的方法步骤

(2).在项目vue-nodesel下安装依赖包

执行命令:cnpm install

(3).进入express安装的项目server

cd server

(4).运行项目:node bin/www 

在浏览器中输入 http://localhost:3000或是http://127.0.0.1:3000/ 

搭建基于express框架运行环境的方法步骤

如图所示,我们已经访问成功了。

三.express + Ejs实现一个简单的WebServer

1.在项目vue-nodesel,安装ejs

cnpm install ejs --save

2.在express安装的项目server中app.js引入

var ejs = require('ejs')
app.engine('.html',ejs._express);
app.set('view engine', 'html');

搭建基于express框架运行环境的方法步骤

3.在express安装的项目server中 views创建index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel=" rel="external nofollow" stylesheet">
</head>
<body>
  hello,EXpress is very Goods!
</body>
</html>

4.运行项目:node bin/www 

搭建基于express框架运行环境的方法步骤

四.express开启web服务整体流程

--》1.server.js 利用express开启web服务器
		//1.导入express,mongoose模块
			const express= require('express')
		//2利用express对象创建一个application对象 
			const app = express()
		
		
		//4.路由  路由的引用操作 如:
			//4.1路由的引用
			const userRouter = require('./user')
			//4.2使用use 开启中间件
			app.use('/user',userRouter);
 
 
			//开发注意事项:路由引用到在app.listen之前
 
			
		//3.监听端口并访问 利用app.listen()监听端口
			app.listen(9093,() =>{
				console.log("服务器已经运行,请打开浏览器,输入:http://localhost:9093/ 来")
			})
 
--》2.路由规则放入到一个js文件中,写好相应的代码,并且暴露出去
		如:路由user.js
		//1.引入express模块 使用router对象 
			const express = require('express');
		//2.创建一个路由
		const route = express.Router(); 
		
		//4.在这里面做数据的增删改操作  路由的处理...
		
		//3.将创建的路由对象暴露出去
		module.exports = route; 
 
--》3.在server.js中,导入对应的路由(user.js),并且调用app.use方法使用即可
		就是1中的第4步骤
			const route = require('路由的路径');
			app.use('路由规则',route); //哪些路由规则适用于该路由

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
浅析JS中回调函数及用法
Jul 25 Javascript
JSON.stringify()方法讲解
Jan 31 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
Vue Element plus使用方法梳理
Dec 24 Vue.js
用图片替换checkbox原始样式并实现同样的功能
Nov 15 #Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 #Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 #Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 #Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 #Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 #Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 #jQuery
You might like
不要轻信 PHP_SELF的安全问题
2009/09/05 PHP
用穿越火线快速入门php面向对象
2012/02/22 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
MSN消息提示类
2006/09/05 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中Continue语句的用法的举例详解
2015/05/14 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
python面试题之列表声明实例分析
2019/07/08 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
编程输出如下图形
2013/11/24 面试题
初二政治教学反思
2014/01/12 职场文书
收银出纳员岗位职责
2014/02/23 职场文书