搭建基于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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
浅谈javascript的数据类型检测
Jul 10 Javascript
js Math 对象的方法
Sep 01 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
浅谈轻量级js模板引擎simplite
Feb 13 Javascript
js动态生成form 并用ajax方式提交的实现方法
Sep 09 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
LayUi数据表格自定义赋值方式
Oct 26 Javascript
初学vue出现空格警告的原因及其解决方案
Oct 31 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
Jul 15 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上传文件问题汇总
2015/01/30 PHP
利用PHP脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
如何利用预加载优化Laravel Model查询详解
2017/08/11 PHP
js控制input输入字符解析
2013/12/27 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
Python selenium实现微博自动登录的示例代码
2018/05/16 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
python 对xml解析的示例
2021/02/27 Python
美国宠物用品网站:Value Pet Supplies
2018/03/17 全球购物
2014年开学第一课活动方案
2014/03/06 职场文书
活动总结模板
2014/05/09 职场文书
运动会横幅标语
2014/06/17 职场文书
影视后期实训报告
2014/11/05 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
银行先进个人总结
2015/02/15 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书