前后端分离与耦合架构
核心思想:前端HTML页面通过AJAX调用后端的RESTFUL API接口并使用JSON数据进行交互
express
express基于node平台开发的一个极其轻量的框架,帮助你快速开发web以及移动端应用
express不对node.js本身的特性进行二次抽象,而是在基本功能上进行扩充
express完全是由中间件和路由构成的框架,从本质上来说一个express应用就是为了调用各种中间件
中间件
概念:中间件是一个函数 --它可以访问request对象,响应对象(res)以及处理请求–响应流程中的中间件,一般命名为next的变量
中间件的功能:
1、可以执行任何代码
2、可以修改请求和响应对象
3、可以结束请求-响应循环
4、可以调用堆栈中的下一个中间件
express测试
1、全局安装环境 npm i express -g
2、安装 npm i express-generator -g
3、脚手架创建项目 express -e project_name(项目名)
4、安装package.json中的依赖 进入目录 cd express,安装依赖
5、启动 npm start 浏览器输入localhost:3000查看
模板引擎EJS
EJS是一个简单高效的模板语言,通过数据和模板,可以生成HTML标记文本。可以说EJS是JavaScript的库,EJS可以同时运行在客户端和服务端,客户端直接引入文件即可,服务端用npm包安装
EJS特点:
1、快速编译和渲染
2、简单的模板标签
3、自定义标记分隔符
4、支持文本包含
5、支持浏览器端和服务端
6、模板静态缓存
7、支持express视图系统
EJS常用标签
1.<% %>流程控制标签
2.<%= %>输出内容标签(原文输出HTML标签)
3.<%- %>输出标签(HTML会被浏览器解析)
5.<%# %>注释标签
6.% 对标记进行转义
7.<%- include(path) %> 引入 path 代表你引入其他模板的路径
Eg:<%- include(‘head.ejs’) %>