搭建基于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文本框追加多个下拉框的值的简单实例
Jul 12 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
JS验证输入的是否是数字及保留几位小数问题
May 09 Javascript
微信小程序动态生成二维码的实现代码
Jul 25 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
node中IO以及定时器优先级详解
May 10 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 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桌面中心(二) 数据库写入
2007/03/11 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
TNC vs BOOM BO3 第二场2.13
2021/03/10 DOTA
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
使用js画图之饼图
2015/01/12 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
介绍Python中的__future__模块
2015/04/27 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
Python创建自己的加密货币的示例
2021/03/01 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
纯CSS3大转盘抽奖示例代码(响应式、可配置)
2017/01/13 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
实习报告评语
2014/04/26 职场文书
关于雷锋的演讲稿
2014/05/10 职场文书
高校师德师风自我剖析材料
2014/09/29 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015元旦感言
2015/12/09 职场文书