时间：2021-07-01 10:21:17 帮助过：3人阅读
想用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获取数据做展示的时候需要考虑浏览器的前进后退逻辑。