搭建基于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 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
Jan 20 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
Promise扫盲贴
Jun 24 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
如何用JavaScript学习算法复杂度
Apr 30 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中设置、使用、删除Cookie的解决方法
2013/05/06 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
35个最好用的Vue开源库(史上最全)
2019/01/03 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
Django中几种重定向方法
2015/04/28 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
讲解Python中的标识运算符
2015/05/14 Python
Python中的rjust()方法使用详解
2015/05/19 Python
Python常用的爬虫技巧总结
2016/03/28 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
Python对ElasticSearch获取数据及操作
2019/04/24 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python实现简单成绩录入系统
2019/09/19 Python
python调用摄像头的示例代码
2020/09/28 Python
Python用Jira库来操作Jira
2020/12/28 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
屈臣氏俄罗斯在线商店:Watsons俄罗斯
2020/08/03 全球购物
师范应届生求职信
2013/11/15 职场文书
酒店前台接待岗位职责
2013/12/03 职场文书
高中地理教学反思
2014/01/29 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
竞选班干部演讲稿400字
2014/08/20 职场文书
租车协议书
2015/01/27 职场文书
综合素质自我评价评语
2015/03/06 职场文书
思品教学工作总结
2015/08/10 职场文书
详解MySQL集群搭建
2021/05/26 MySQL
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL