目錄
回复内容:
首頁 後端開發 php教程 基于CodeIgniter框架的前后端完全分离开发

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

Jun 06, 2016 pm 08:10 PM
codeigniter php

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

適用於 Ubuntu 和 Debian 的 PHP 8.4 安裝和升級指南 適用於 Ubuntu 和 Debian 的 PHP 8.4 安裝和升級指南 Dec 24, 2024 pm 04:42 PM

PHP 8.4 帶來了多項新功能、安全性改進和效能改進,同時棄用和刪除了大量功能。 本指南介紹如何在 Ubuntu、Debian 或其衍生版本上安裝 PHP 8.4 或升級到 PHP 8.4

CakePHP 日期和時間 CakePHP 日期和時間 Sep 10, 2024 pm 05:27 PM

為了在 cakephp4 中處理日期和時間,我們將使用可用的 FrozenTime 類別。

CakePHP 檔案上傳 CakePHP 檔案上傳 Sep 10, 2024 pm 05:27 PM

為了進行文件上傳,我們將使用表單助理。這是文件上傳的範例。

討論 CakePHP 討論 CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP 是 PHP 的開源框架。它旨在使應用程式的開發、部署和維護變得更加容易。 CakePHP 基於類似 MVC 的架構,功能強大且易於掌握。模型、視圖和控制器 gu

CakePHP 建立驗證器 CakePHP 建立驗證器 Sep 10, 2024 pm 05:26 PM

可以透過在控制器中新增以下兩行來建立驗證器。

CakePHP 日誌記錄 CakePHP 日誌記錄 Sep 10, 2024 pm 05:26 PM

登入 CakePHP 是一項非常簡單的任務。您只需使用一項功能即可。您可以記錄任何後台程序(如 cronjob)的錯誤、異常、使用者活動、使用者採取的操作。在 CakePHP 中記錄資料很容易。提供了 log() 函數

如何設定 Visual Studio Code (VS Code) 進行 PHP 開發 如何設定 Visual Studio Code (VS Code) 進行 PHP 開發 Dec 20, 2024 am 11:31 AM

Visual Studio Code,也稱為 VS Code,是一個免費的原始碼編輯器 - 或整合開發環境 (IDE) - 可用於所有主要作業系統。 VS Code 擁有大量針對多種程式語言的擴展,可以輕鬆編寫

CakePHP 快速指南 CakePHP 快速指南 Sep 10, 2024 pm 05:27 PM

CakePHP 是一個開源MVC 框架。它使應用程式的開發、部署和維護變得更加容易。 CakePHP 有許多函式庫可以減少大多數常見任務的過載。

See all articles