1 前后端分离
+后端提供数据,前端使用ajax请求数据,再进行页面的组装和渲染
2 服务端渲染
+前端只负责浏览器打开页面,发送请求
+服务端接收到请求后,在服务端准备好页面;
+前端只需要提供一个浏览器,负责显示就好
关于服务端渲染页面
// +需要使用一个第三方模块 art-template(模板引擎)
// +下载,命令行指令:npm install art-template
// +导入: let template = require(‘art-template’)
// 数据渲染的方法:
// 语法:template.render(html格式的字符串,对象)
// 对象就是前面的html格式字符串内使用的数据信息
**1 测试方法**
// 导入模块
let template = require('art-template')
let fs = require('fs')
// 1 测试方法
// {
{变量}},变量是对象中的键名
let htmlStr = `<h1>{
{msg}}</h1>`
let res = template.render(htmlStr,{
msg:'hello world'})
console.log(res);
2 文件测试
// 2 文件测试
// 利用fs读取指定html文件,
fs.readFile('./test/test.html','utf-8',(err,data) => {
if(err) return console.log(err);
let res = template.render(data,{
msg:'hello node',
num:3,
users