一、基础了解
该模板基于Node.js平台,是一个用户量较大的一个node框架,提供了一整套的node模板,在其中可以使用ejs模板引擎。
优点:快速、开放、极简的web开发框架。(开发后端),其性能对Node没有影响,依然很高。
二、安装方法
1、全局安装express ----npm install express -g
全局安装express应用生成器---npm install express-generator -g
2、使用生成器去创建应用
-e代表使用ejs模板引擎,否则会使用jade模板引擎
cmd命令栏:express project(项目名字) -e(使用ejs模板)
3、安装依赖,进入到创建好的项目中安装依赖
在cmd命令栏先进入项目文件夹,然后输入cnpm install
三、应用分析
1、package.json
body-parse---专门负责解析前段传递来的数据
cookie-parser----解析请求头中的cookie信息
ejs----模板引擎编译工具
serve-favicon----专门处理类似于谷歌浏览器主动请求favicon.ico文件的问题
2、bin/www---这是和创建的服务器相关的东西,可以在这里配置端口等设置
3、public---静态资源文件夹,在这个文件夹里的文件,在前段都可以直接访问,不需要再在后端配置路由
4、app.js--主应用文件,在这里可以设置路由、插件等,其实创建出来的是requestListener
5、views---放入ejs模板,express会将ejs模板转换成html文件
6、routes----其中都是路由文件,专门来处理不同的请求
四、模板引擎
在前端开发过程中,有很多模板引擎可以使用,例如jade,ejs等等
优点:1、可以在模板引擎文件里去写一些逻辑性的代码,用于服务端渲染,提高seo优化级别。
2、可以使用便捷语法来开发html结构代码
五、数据渲染分为
1、客户端渲染(浏览器渲染)
前端js通过ajax等数据交互技术,获取到数据后通过操作dom来进行数据的渲染
例如:ajax获取到购物车的信息,通过拼接字符串的方法将数据渲染在dom中
优点:比较灵活,进行用户的动作进行加载的数据。
2、服务端渲染
优点:减少了前端逻辑,提高了seo优化等级,只要是在页面加载的时候就需要渲染数据,变动较少的数据
(1)在php中实现服务端渲染
在php中可以放入html代码,访问php文件的时候就相当于访问对应的html文件,因为是在php文件中,所以可以写一些php代码来渲染数据
(2)在node中实现服务端渲染
利用模板引擎,node在渲染模板的时候给模板传入数据,在模板中就可以使用特定的语法来渲染dom了。