搭建基于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 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 Javascript
动态样式类封装JS代码
Sep 02 Javascript
Jquery 高亮显示文本中重要的关键字
Dec 24 Javascript
jQuery 核心函数以及jQuery对象
Mar 23 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
解析javascript中鼠标滚轮事件
May 26 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 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通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
php输出含有“#”字符串的方法
2017/01/18 PHP
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
python实现爬虫下载漫画示例
2014/02/16 Python
Python3 Random模块代码详解
2017/12/04 Python
python去除扩展名的实例讲解
2018/04/23 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
幼儿园亲子活动方案
2014/01/29 职场文书
给校长的建议书600字
2014/05/15 职场文书
大四毕业生自荐书
2014/07/05 职场文书
四风问题对照检查材料
2014/09/22 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
千与千寻观后感
2015/06/04 职场文书
微信小程序调用python模型
2022/04/21 Python
java版 联机五子棋游戏
2022/05/04 Java/Android