搭建基于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 while语句和do while语句的区别分析
Dec 08 Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
Jan 11 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
ios设备中angularjs无法改变页面title的解决方法
Sep 13 Javascript
微信小程序实现一个简单swiper代码实例
Dec 30 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
js判断两个数组相等的5种方法
May 06 Javascript
用图片替换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语言流程控制中的主动与被动
2012/11/05 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
php生成二维码图片方法汇总
2016/12/17 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
vue实现简单图片上传
2020/06/30 Javascript
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
Python subprocess库的使用详解
2018/10/26 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
Pyecharts 动态地图 geo()和map()的安装与用法详解
2020/03/25 Python
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作
2012/06/11 面试题
活动总结的格式
2014/05/07 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
部门2014年度工作总结
2014/11/12 职场文书
党员公开承诺书2015
2015/01/21 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
新学期感想
2015/08/10 职场文书