前端代码和php混合在一起,现在想实现分离,不用smarty这种模版引擎,还有其他什么方法么? 提交,修改,加载更多数据部分用了ajax,但是默认的数据读取还是用php的echo。
回复内容: 前端代码和php混合在一起,现在想实现分离,不用smarty这种模版引擎,还有其他什么方法么? 提交,修改,加载更多数据部分用了ajax,但是默认的数据读取还是用php的echo。
但事实上,模板引擎就是为了解决这问题而生的啊。第一下就否决了。
目前新的技术说是用基于js的模板引擎来生成dom,或者angular js,由js来绑定数据到dom。即php输出数据成js,js进行dom生成。
一切的数据来源都用异步请求来获取
我知道的方案有两种
所有你需要的数据都通过ajax请求。后台提供接口。
使用模板渲染
我接触过的网站一般都是两种混合使用。因为一般网站都有大量复用的部分,因此需要使用静态模板,在服务端渲染成html。需要数据的地方,任然需要使用ajax请求。
当然听说现在已经有了比ajax请求更加高级的数据交互方案,不过我没用过
比较传统的方法方法1.纯使用模板引擎
方法2.模板渲染和ajax混着用,ajax只用于异步处理数据
优点:逻辑清晰,简单
劣势:流量的浪费,服务端开销增大,维护的不便
比较现代的方法前后端完全分离
前端只处理交互界面的逻辑(于是前端又分了很多 方法/框架 来进行页面逻辑的处理)
前端只在需要数据的时候通过 ajax/pjax 获取数据并填充需要的部分
你可以选择
所有操作均使用ajax,后端只提供json接口。这样就是angular那种做法。
查询操作渲染模板,其它操作使用ajax。这样是传统做法。
不推荐所有操作都渲染模板,体验很差。
restful。
php本来就是个模板引擎,你分离他干嘛呢?
楼主,php的模板引擎比较多,但主流的还是smarty,论效率论上手都不错啊,干嘛不用呢
如果走极端(你能重构整个项目),那也可以考虑纯前后端分离,用knockout angularjs这些js框架做前端,php只在后端做api。当然也要看你项目是否合适了,说白了,仅仅依靠原生php代码来做web,目前几乎很难看到吧
可以参考下淘宝ued的前后端分离系列文章:
http://ued.taobao.org/blog/?s=%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb
我是用angular来实现,基本步骤:
1、加载静态的页面框架;
2、通过ajax获取动态部分的内容;
3、通过ajax获取数据。
写了个directive标准化一下第2步:
html
js
app.directive('dynamichtml', function($compile) { return { restrict: 'ea', replace: true, link: function(scope, ele, attrs) { scope.$watch(attrs.dynamichtml, function(html) { if (html && html.length) { ele.html(html); $compile(ele.contents())(scope); } }); } };});
想实现分离,不用模板恐怕不行。要么用现成的模板引擎,要么自己实现一个。如果只是不喜欢smarty的语法的话,可以采用支持php原生语法的模板引擎,比如plates。
一直使用纯原生php