后端操作数据渲染网页
express 是nodejs核心框架。
express的功能介绍?
。express_generator自动构建开发工具
。express有一个本地端口localhost:3000静态网页
。联合前端网页的源代码,通过ejs模块可以实现前后端联合项目
。ejs可以识别HTML标签,还能解析js,运行在express上。
express的主要功能?
可以创建web服务器(localhost:3000),
还能创建API服务器(接口)
创建api接口,需要的准备工作?
- api服务器 需要测试工具 insomnia,不能用浏览器
- 创建ejs文件 (静态调用,输出响应内容)
- 创建js文件 (编写路由接收方式)
- 创建app文件 (引入模块,使用中间件)
**
开发前后端不分离项目的步骤:
1.在开发项目根目录,打开命令行,安装express
命令:$ npx express -e docName
安装后自动生成工具架构,文件夹docName,里面包含多个开发所需要的基本的代码框架
2.找到docName文件夹下的子文件夹public,放入前端写好的HTML,css,以及img文件
3.回到docName文件夹目录下,输入命令 :
$ npm i 可生成node-modul安装包和package-lock.json文件
4.项目启动:
$ npm start
5.在routes文件夹下,编写js文件,编写模块,导出模块。
6.在views文件夹下,编写前后端渲染代码,输出后台数据
7.在app.js文件下,引入模块,编写中间件,编写路由中间件,使用中间件
安装跨域模块cors:$ npm i cors -D
在npm官网查找cors复制跨域代码:
app.use( cors({
"origin": "*",
"methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
"preflightContinue": false,
"optionsSuccessStatus": 200
}));