Home > Backend Development > PHP Tutorial > 基于CodeIgniter框架的前后端完全分离开发

基于CodeIgniter框架的前后端完全分离开发

WBOY
Release: 2016-06-06 20:10:02
Original
1707 people have browsed it

想用CI框架做个网站,有以下几个需求:
1.前后端完全分离,前台和后台都使用JSON格式接口进行数据交换;
2.不管是前台还是后台,其前端和后端都是独立的一个项目。
不知道这个怎么实现,希望各位大牛指点以下

回复内容:

想用CI框架做个网站,有以下几个需求:
1.前后端完全分离,前台和后台都使用JSON格式接口进行数据交换;
2.不管是前台还是后台,其前端和后端都是独立的一个项目。
不知道这个怎么实现,希望各位大牛指点以下

第一点,一般情况下,Controller经过一系列数据库CRUD得到需要显示的数据,载入前端模板文件,再由模板文件渲染数据最终显示出来完整的HTML页面。要实现你说的方式,需要改变Controller的行为:把CRUD得到的数据转化为json格式,直接print出来。同时前端每个静态页面通过ajax请求不同的Controller得到需要的json数据,用javascript把数据放置到html页面中的各个位置,最终显示完整HTML页面。

第二点,前后端都是独立的一个项目,可以简单理解为模块化,前端,后端,甚至是Blog部分,留言部分,新闻部分,分类部分,都是一个独立的模块。CI本身不经过重载核心文件实现这个功能比较麻烦,最简单的方法是使用CI的HMVC插件,把每一个功能做成独立的模块,每个模块中都含有独立的MVC部分。这样在文件组织结构方面,每个模块的代码可以放在各自独立的文件夹中。另外在数据库设计方面,每个模块尽量使用各自独立的数据表。各模块间的设计也尽量采用松散耦合模式。

提供一个方案:分成四个application

后端api 提供业务逻辑封装数据处理
后台ui 渲染视图,提供操作界面与后端api交互
前台ui 渲染视图,提供操作界面与后端api交互
前端 在前台和后端api之间做桥梁

我们现在的方案是h5+Java springmvc。使用swagger oai统一接口规范,前后分离开发,前端未使用webpack等编译型js,后端未使用试图模板。后端未有专业测试,swagger ui代劳。前端用了一个mock server。

如果你使用oai定义restful api,swagger可以直接生成后端前端的接口代码,也有0code 的swagger-server当前端mock server。后端springmvc也有全自动的restful测试工具。

当然你需要先写oai,同类的文档还有api blueprint

看你的项目是否需要SEO,需要SEO的话最好还是别分离。
分离的话也就是后台实现RESTful API,前台ajax加载就行了。

CI框架可以不用写View部分,Controller的每一个public函数就可以看做API的调用接口。
前台可以选择一个UI框架+ajax来获取数据。

当然ajax获取的数据是没有办法被搜索引擎发现的(其实通过某些办法也是可以的),同时用ajax获取数据做展示的时候需要考虑浏览器的前进后退逻辑。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template