搭建基于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 相关文章推荐
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
javascript中layim之查找好友查找群组
Feb 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
PHP4实际应用经验篇(9)
2006/10/09 PHP
PHP 数组入门教程小结
2009/05/20 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
JavaScript实现的购物车效果可以运用在好多地方
2014/05/09 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
解决python 上传图片限制格式问题
2019/10/30 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
使用Pycharm分段执行代码
2020/04/15 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
容易被忽略的Python内置类型
2020/09/03 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
Linux机考试题
2015/10/16 面试题
新年爱情寄语
2014/04/08 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
网吧消防安全责任书
2014/07/29 职场文书
公司授权委托书范文
2014/09/21 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
Vue项目打包、合并及压缩优化网页响应速度
2021/07/07 Vue.js