搭建基于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 相关文章推荐
JavaScript 中的replace方法说明
Apr 13 Javascript
jQuery 中关于CSS操作部分使用说明
Jun 10 Javascript
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
JavaScript 仿关机效果的图片层
Dec 26 Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
使用VS开发 Node.js指南
Jan 06 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
Node.js实现Excel转JSON
Apr 24 Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
vue实现element表格里表头信息提示功能(推荐)
Nov 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实现var_export的详细介绍
2013/06/20 PHP
基于php和mysql的简单的dao类实现crud操作功能
2014/01/27 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
自己的js工具 Cookie 封装
2009/08/21 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
Javascript获取表单名称(name)的方法
2015/04/02 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
2018/05/25 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
Python生成验证码实例
2014/08/21 Python
Python实现从url中提取域名的几种方法
2014/09/26 Python
python检测远程端口是否打开的方法
2015/03/14 Python
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Python制作数据导入导出工具
2015/07/31 Python
python 中的int()函数怎么用
2017/10/17 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
材料化学应届生求职信
2013/10/09 职场文书
手机业务员岗位职责
2013/12/13 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
心得体会的写法
2014/09/05 职场文书
导游欢迎词范文
2015/01/23 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
Python 文本滚动播放器的实现代码
2021/04/25 Python
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python