基于CodeIgniter框架的前后端完全分离开发
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获取数据做展示的时候需要考虑浏览器的前进后退逻辑。
上一篇: CSS背景设置
推荐阅读
-
dotnetcore+vue+elementUI 前后端分离---支持前端、后台业务代码扩展的快速开发框架
-
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架_node.js
-
基于CodeIgniter框架的前后端完全分离开发
-
基于CodeIgniter框架的前后端完全分离开发
-
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架_node.js
-
dotnetcore+vue+elementUI 前后端分离---支持前端、后台业务代码扩展的快速开发框架
-
基于NodeJS的前后端分离的思考与实践(一)全栈式开发_node.js
-
基于NodeJS的前后端分离的思考与实践(一)全栈式开发_node.js