搭建基于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:地址栏载入脚本代码
Oct 13 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
js正则相关知识点专题
May 10 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
Vue.js的模板语法详解
Feb 16 Javascript
ant design vue datepicker日期选择器中文化操作
Oct 28 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
DC动漫人物排行
2020/03/03 欧美动漫
Zend 输出产生XML解析错误
2009/03/03 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
PHP 转义使用详解
2013/07/15 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python读取网页内容的方法
2015/07/30 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
Django实现单用户登录的方法示例
2019/03/28 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
管理站站长岗位职责
2013/11/27 职场文书
大一学生的职业生涯规划书范文
2014/01/19 职场文书
中学教师自我鉴定
2014/02/07 职场文书
晚会主持词开场白
2014/03/17 职场文书
小学生植树节活动总结
2014/07/04 职场文书
毕业证明模板
2015/06/19 职场文书
高中班主任寄语
2019/06/21 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis