|
...
|
...
|
@@ -6,29 +6,30 @@ SOA化以及用户体验的提升 |
|
|
|
## 实现原理
|
|
|
|
|
|
|
|
|
|
|
|
1. Nodejs
|
|
|
|
1. Nodejs
|
|
|
|
基于Nodejs，前端开发可不再依赖于PHP的服务端执行环境。
|
|
|
|
|
|
|
|
2. Mustache
|
|
|
|
2. Mustache
|
|
|
|
可运行在客户端和服务端的模板引擎。客户端向PHP服务端提供模板(views)文件，PHP服务端根据客户端提供的模板在服务端加数据渲染成HTML片段后传回客户端渲染页面。
|
|
|
|
|
|
|
|
3. pjax
|
|
|
|
**p**ushState + a**jax**
|
|
|
|
3. pjax
|
|
|
|
**p** ushState + a **jax**
|
|
|
|
使用PushState和Ajax技术可以使原来点击链接后页面跳转的方式变成页面的无跳转局部刷新，极大的提升了用户体验。
|
|
|
|
|
|
|
|
## 目录结构及功能解释
|
|
|
|
目录结构：
|
|
|
|
├─layouts
|
|
|
|
├─public
|
|
|
|
· ├─css
|
|
|
|
· ├─img
|
|
|
|
· ├─js
|
|
|
|
· ├─lib
|
|
|
|
└─views
|
|
|
|
· ├─error
|
|
|
|
· ├─controller
|
|
|
|
· └─partials
|
|
|
|
· └─...
|
|
|
|
|
|
|
|
├─layouts
|
|
|
|
├─public
|
|
|
|
· ├─css
|
|
|
|
· ├─img
|
|
|
|
· ├─js
|
|
|
|
· ├─lib
|
|
|
|
└─views
|
|
|
|
· ├─error
|
|
|
|
· ├─controller
|
|
|
|
· └─partials
|
|
|
|
· └─...
|
|
|
|
|
|
|
|
* layouts存放布局模板文件；
|
|
|
|
|
|
...
|
...
|
@@ -45,7 +46,7 @@ SOA化以及用户体验的提升 |
|
|
|
|
|
|
|
* {{#key-section}}{{/key-section}}
|
|
|
|
|
|
|
|
* {{^key-section}}{{/key-section}}
|
|
|
|
* {{\^key-section}}{{/key-section}}
|
|
|
|
|
|
|
|
* {{.}}
|
|
|
|
|
...
|
...
|
|
