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

Question

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

Answer 4

我们现在的方案是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

Answer 5

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