搭建基于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 相关文章推荐
点击下载链接 弹出页面实现代码
Oct 01 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
使用JavaScript根据图片获取条形码的方法
Jul 04 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
用图片替换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 curl post 时出现的问题解决
2014/01/30 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
JavaScript delete操作符应用实例
2009/01/13 Javascript
jQuery 使用手册(四)
2009/09/23 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
js在IE与firefox的差异集锦
2014/11/11 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
layui表格数据重载
2019/07/27 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
python Django批量导入数据
2016/03/25 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Python常见加密模块用法分析【MD5,sha,crypt模块】
2017/05/24 Python
python读取和保存视频文件
2018/04/16 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
python 并发下载器实现方法示例
2019/11/22 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
canvas实现二维码和图片合成的示例代码
2018/08/01 HTML / CSS
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
意大利奢侈品购物网站:Deliberti
2019/10/08 全球购物
工作室成员个人发展规划范文
2014/01/24 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题