ホームページ > バックエンド開発 > PHPチュートリアル > 基于CodeIgniter框架的前后端完全分离开发

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

WBOY
リリース: 2016-06-06 20:10:02
オリジナル
1706 人が閲覧しました

想用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获取数据做展示的时候需要考虑浏览器的前进后退逻辑。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート