搭建基于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代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
JQuery中操作Css样式的方法
Feb 12 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 Javascript
Prototype框架详解
Nov 25 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
Mar 04 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
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
php验证码生成代码
2015/11/11 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
js 调用百度分享功能
2017/02/27 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
使用JS来动态操作css的几种方法
2019/12/18 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
Python实现批量修改文件名实例
2015/07/08 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
将python代码和注释分离的方法
2018/04/21 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
Python学习笔记之Break和Continue用法分析
2019/08/14 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
2020/03/19 Python
python如何提升爬虫效率
2020/09/27 Python
英国香水店:The Perfume Shop
2017/03/27 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
国家励志奖学金获奖感言
2014/01/09 职场文书
感恩节活动方案
2014/01/27 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
运动会搞笑广播稿
2014/10/14 职场文书
2015年助残日活动总结
2015/03/27 职场文书
入党介绍人意见2015
2015/06/01 职场文书
初中军训感言
2015/08/01 职场文书
财务管理制度范本
2015/08/04 职场文书
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏