搭建基于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脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
JavaScript DOM学习第六章 表单实例
Feb 19 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
AngularJS中$http的交互问题
Mar 29 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
ES6 系列之 Generator 的自动执行的方法示例
Oct 19 Javascript
Vue 打包体积优化方案小结
May 20 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中的常用魔术方法汇总
2016/02/14 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
append和appendTo的区别以及appendChild用法
2013/12/24 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
JS判断时间段的实现代码
2017/06/14 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
[01:08:30]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第一场 2月28日
2021/03/11 DOTA
详解Django-restframework 之频率源码分析
2019/02/27 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
python中树与树的表示知识点总结
2019/09/14 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python字符串的index和find的区别详解
2020/06/20 Python
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
新大陆软件面试题
2016/11/24 面试题
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2016新年致辞
2015/08/01 职场文书
会议室管理制度范本
2015/08/06 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python