Node.js的框架-express
Node.js的框架
express 是第三方的
- express
const express=require('express');
const app=express();
const PORT=3000
const HOST='localhost'
//创建路由/路由中间件
//目标http://localhost:8000/home
app.get('/home',(req,res,next)=>{
// req:请求
// res:响应
// next:请求与响应之间的连接
res.send('平安夜')
// res.json({
// name:'李兰生',
// day:'平安夜'
// })
})
//监听服务器
app.listen(PORT,HOST,()=>{console.log( `xpress创建的服务器在：http://${ HOST }:${PORT}`);
})
- koa express 进阶版
express
- 构成
- 中间件
- 名词解释： 中间件就是一个封装函数，具有一定的功能
- express的中间件有哪些呢？
- 应用级中间件
- 路由中间件
- 错误处理中间件
- 中间件如何调用？
- app对象来调用
- app.use(中间件)
- app对象来调用
- 中间件
app.js
const express=require('express');
const app=express();
const cors= require('cors');
const PORT=3000
const HOST='localhost'
app.use(cors())
//创建路由/路由中间件
//目标http://localhost:8000/home
app.get('/home',(request,response,next)=>{
//跨域请求头
// response.setHeader('Access-Control-Allow-Origin','*');
const http = require('http')
const cheerio = require('cheerio')
const options = {
hostname: 'jx.1000phone.net',
port: 80,
path: '/teacher.php/Class/classDetail/param/rqiWlsefmajGmqJhXXWhl3ZiZ2Zn',
method: 'GET',
headers: {
Accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',
'Accept-Encoding': 'gzip, deflate',
'Accept-Language': 'zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7',
'Cache-Control': 'no-cache',
Connection: 'keep-alive',
Cookie: 'PHPSESSID=ST-117984-IVZSfYMlr9YXvRfFRm-A1TimOeA-izm5ejd5j1npj2pjc7i3v4z',
Host: 'jx.1000phone.net',
Pragma: 'no-cache',
Referer: 'http://jx.1000phone.net/teacher.php/Class/index',
'Upgrade-Insecure-Requests': 1,
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36',
'Content-Type': 'application/x-www-form-urlencoded',
'Content-Length': 0
}
}
http.get(options, (res) => {
/* res就是我得到的返回值 */
const { statusCode } = res; // 状态码
const contentType = res.headers['content-type']; // 得到的文件类型
res.setEncoding('utf8'); // 中文编码
let rawData = ''; // 真实数据
res.on('data', (chunk) => { rawData += chunk; });// 通过data事件将数据分片，然后逐片添加到rawData身上，好处就是当我们执行每一个分片的小任务时，至少给其他任务提供了可执行的机会
res.on('end', () => { // 表示结束
try { // 高级编程 错误捕获
const $ = cheerio.load( rawData )
let arr=[];
$('.student a').each(function ( index,itm ) {
// console.log( $( this ).text() ) // 每一个的内容
arr.push( {
id:index+1,
name:$( this ).text()
});
})
response.json( arr);
} catch (e) {
console.error(e.message);
}
});
}).on('error', (e) => {
console.error(`Got error: ${e.message}`);
});
})
//监听服务器
app.listen(PORT,HOST,()=>{console.log( `xpress创建的服务器在：http://${ HOST }:${PORT}`);
})
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<button> 获取数据 </button>
<br>
<table>
<thead>
<tr> <td>编号</td> <td> 姓名 </td> </tr>
</thead>
<tbody>
</tbody>
</table>
</body>
<script>
const baseURL='http://localhost:3000'
$('button').on('click',function(){
// $.ajax({
// url:`${baseURL}/home`,
// success(res){
// console.log(res);
// }
// })
$.ajax({
url:`${baseURL}/home`,
success(res){
let str=``;
for(var item of res){
str+=`<tr>
<td>${item.id}</td>
<td>${item.name}</td>
</tr>`
}
$('tbody').html(str)
}
})
})
</script>
</html>
- 路由
- 前端： 接口
- 后端： 路由
跨域【 后端跨域 】
- 设置请求头
- response.setHeader('Access-Control-Allow-Origin','*')
- 利用第三方模块来跨域 cors
使用工程化工具来构建一个完整的 express 项目
- 工程化工具/自动化工具/脚手架
- express-generator
- express-generator 使用
- 安装
- $ cnpm i express-generator -g
- $ express -e 项目名称
- OR
- 不安装使用
- 保证你的电脑中npm版本 > 5.2
- $ npx express -e 项目名称
- 名词解释： -e 表示ejs文件，它是一个html模板
- express-generator 使用
- express-generator
- 工程化工具/自动化工具/脚手架
express-generator
- 目录
- bin/www 为项目创建了一个服务器
- public 静态资源文件夹
- img
- style
- js
- routes 路由
- views
- 路由对应的模板，这个模板将来会发送给前端，发给前端前会被解析为html文件
- app.js 项目入口文件
// 项目需要的第三方模块
var createError = require('http-errors');//记录错误信息
var express = require('express');//express的顶级库，提供espres api
var path = require('path');//处理磁盘路径
var cookieParser = require('cookie-parser');//cookie
var logger = require('morgan');//记录日志信息
//引入自定义的路由中间件
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
//创建app对象
var app = express();
// 视图引擎设置
app.set('views', path.join(__dirname, 'views'));//处理view的绝对路径
app.set('view engine', 'ejs');//设置项目模板渲染引擎为ejs
//通过app对象来使用中间件
app.use(logger('dev'));
app.use(express.json());//为post请求做格式化
app.use(express.urlencoded({ extended: false }));//项目文件可以省略项目后缀
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));//确定项目资源静态目录指定为pubic
//调用路由中间件 创建接口
app.use('/api', indexRouter);
app.use('/api', usersRouter);
// 捕获404并转发给错误处理程序(错误中间件)
app.use(function(req, res, next) {
next(createError(404));
});
//错误处理程序
app.use(function(err, req, res, next) {
// 设置局部变量，只提供开发中的错误
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// 渲染错误页面
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
- packge.json
- 表示项目启动脚本记录 、 项目所需要的依赖包【 插件 】
- npm install
- npm run start
Node.js可以当做一个后端的角色
- 能不能给前端做接口
- 去熟悉项目运行思维
- package.json -> node ./bin/www -> app.js -> routes/index.js & users.js
后端测试接口
- postman
- insomnia
Node.js的框架-express的更多相关文章
- node.js入门及express.js框架
node.js介绍 javascript原本只是用来处理前端,Node使得javascript编写服务端程序成为可能.于是前端开发者也可以借此轻松进入后端开发领域.Node是基于Google的V8引擎 ...
- 全端开发必备！10个最好的 Node.js MVC 框架
Node.js 是最流行的 JavaScript 服务端平台,它允许建立可扩展的 Web 应用程序.Node.js 包含不同类型的框架,如 MVC 框架.全栈框架.REST API 以及大量的服 ...
- Koa – 更加强大的下一代 Node.js Web 框架
Koa 是 Express 的开发团队设计的下一代 Web 框架,其目的是为 Web 应用程序提供更小,更具表现力,更坚实的基础.Koa 没有核捆绑任何中间件,并提供了一套优雅的方法,使服务器端开 ...
- 建立一个node.js服务器(使用express搭建第一个Web环境)
一.官网下载node.js 下载地址:https://nodejs.org/en/download/ 根据向导,下一步安装就可以了! 二.使用express搭建Web环境 express是一个开源的n ...
- 【360开源】thinkjs：基于Promise的Node.js MVC框架 （转）
thinkjs是360奇舞团开源的一款Node.js MVC框架,该框架底层基于Promise来实现,很好的解决了Node.js里异步回调的问题.360奇舞团(奇虎75Team),是奇虎360公司We ...
- 十款最佳Node.js MVC框架
十款最佳Node.js MVC框架摘要:Node.js是JavaScript中最为流行的框架之一,易于创建可扩展的Web应用.本文分享十款最佳的JavaScript框架. Node.js是JavaSc ...
- Node.js 入门：Express + Mongoose 基础使用
前言 Express 是基于 Node.js 平台的 web 应用开发框架,在学习了 Node.js 的基础知识后,可以使用 Express 框架来搭建一个 web 应用,实现对数据库的增删查改. 数 ...
- 强大的 Node.js Web 框架 - Daze.js
去年年初对 Node.js 比较感兴趣,也用了很多 Node.js 的框架,但是开发体验不是特别好,我之前也是后端转前端,然后再接触 Node.js ,所以用过挺多的服务端框架,相对js而言,设计一款 ...
- Node.js日志框架选型比較：Winston
日志对于问题定位.调试,系统性能调优至关重要,尤其是系统复杂以及在线执行的情况下. 好的开发框架都会有一个可开启关闭/可配置记录级别的日志系统.我们从下面几个方面来做选型: 1. 每行日志都须要有准确 ...
随机推荐
- PAT甲级——A1067 Sort with Swap(0, i)
Given any permutation of the numbers {0, 1, 2,..., N−1}, it is easy to sort them in increasing order ...
- MyEclispe点击add deploment 无反应的处理，无法添加项目到Tomcat
比如你的工作空间为 E:\workspace-project 找到以下路径: E:\workspace-project\.metadata\.plugins\org.eclipse.core.runt ...
- java基础之完数判断
完数: 完全数(Perfect number),又称完美数或完备数,是一些特殊的自然数.它所有的真因子(即除了自身以外的约数)的和(即因子函数),恰好等于它本身.如果一个数恰好等于它的因子之和,则称该 ...
- python 第三方库的安装方法
一.看更大的python世界 python 全球计算生态的主站:python 社区 www.pypi.org 二.安装第三方库 1) pip 命令安装方法 1.1 安装第三方库 命令行输入pip in ...
- 【核心核心】5.Spring【DI】注解方式
使用注解的方式依赖注入不用提供set方法 1.普通类型的注解 @Value @Value(value="春天") private String name; 2.对象类型的注解 @A ...
- /proc/cpuinfo和/proc/meminfo来查看cpu信息与内存信息
#一般情况下使用root或者oracle用户查都可以. # 总核数 = 物理CPU个数 X 每颗物理CPU的核数 # 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数 --查 ...
- [欧拉路]CF1152E Neko and Flashback
1152E - Neko and Flashback 题意:对于长为n的序列c和长为n - 1的排列p,我们可以按照如下方法得到长为n - 1的序列a,b,a',b'. ai = min(ci, ci ...
- utils03_clone远程仓库
1.Bash here 克隆方式 复制要克隆远程仓库的SSH或者HTTPS 使用Bash here克隆文件 2.使用git同步
- 2019-1-29-dotnet-使用-Qpush-快速从电脑到手机推送文字
title author date CreateTime categories dotnet 使用 Qpush 快速从电脑到手机推送文字 lindexi 2019-01-29 16:22:56 +08 ...
- 入门servlet：request获取请求行数据
/** * 演示Request对象获取请求行数据 */ @WebServlet("/test") public class RequestDemo1 extends HttpSer ...