搜尋
首頁後端開發php教程javascript - 現在開發網站一般都會用什麼方式?什麼是前後端分離?

因為自己一直以來都是自學,不是很清楚大公司是怎麼寫網站的。以前寫網站很多都是讓jsp或php程式碼嵌入html裡面。之前也使用過node+jade的方式,現在都是後台提供接口,然後ajax提交獲取數據後在backbone模板裡面展示出來。那麼通用的方式是什麼呢?問在百度的一個學長,他給我說smarty,我也不是很懂。請教一下大家,謝謝

回覆內容:

因為自己一直以來都是自學,不是很清楚大公司是怎麼寫網站的。以前寫網站很多都是讓jsp或php程式碼嵌入html裡面。之前也使用過node+jade的方式,現在都是後台提供接口,然後ajax提交獲取數據後在backbone模板裡面展示出來。那麼通用的方式是什麼呢?問在百度的一個學長,他給我說smarty,我也不是很懂。請教一下大家,謝謝

前後端分離的由來是:先前開發網站都是 jsp、asp 這類動態腳本。
jsp、asp這種參雜了後端語言、javascript、css、html 的混合腳本,讓程式碼開發和維護都極為不方便。
隨著前端互動越來越複雜,jsp、asp 這種腳本語法已經無法滿足開發的需求了。
於是前後端的概念就提出了:前端人員負責頁面展示和交互,然後透過 ajax 呼叫後端人員寫好的資料介面。
所以開發網站的核心現在基本上就是:

  1. html + css :頁面展示

  2. javascript + ajax(這個算是瀏覽器的一部分,可以透過 javascript 呼叫) : 頁面互動、邏輯處理

通常的開發框架選擇:

  1. 簡單網站: jquery + bootstrap

  2. 後台管理系統: angularjs + jquery + bootstrap + webpack

  3. 複雜的產品: react + redux + webpack

現在網站開發基本上都是前後端分離的模式,後端只寫接口,前端調取接口,用js的模板引擎去渲染數據,比如arttemplate.js。也會用到一些js模組開發的框架如sea.js。

嗯,我們現在不寫頁面,都是前端寫了頁面直接丟cdn上,然後調我們後端提供的介面取得資料來渲染。

smarty是一個模板引擎,用於將前後端分離,其核心內容就是MVC
M = 模型
V = 視圖
C = 控制器

這個問題很廣泛。網站從小到大,可以分很多類的。也就是都叫網站,三流城市小商店的主頁跟淘寶網都叫網站,但是整個的開發差的就太大了。

實際上,自學過來,多想想 怎麼更快速的實現需求,應對需求變化,方便後期維護,以這個標準來看到底哪個更好,你說的這些都對。也都有公司在用。目前直接在jsp或php裡面寫html應該不多了。前後端分離正在是正火。那麼要怎麼分離,誰佔的多點,誰佔的少點,根據各公司的技術水準來。前端開發工程師牛了,就想著前端的mvc,mvvm,直出。後端牛了,就想著,你把這個原型給後端,其他不用管了。

問題中,node+jade算是後端,backbone就是前端。 smarty是php的老牌模板。跟node的jade類似。

所以,定位一下,你到底是前端,後端,還是全端? 最好是先把一種語言用的更深一些,比如,java,或node,或php,不用啥都懂點,啥也不懂。等回頭確認好你的問題到底是什麼,在細聊。

這個有什麼關係嗎?基本上都差不多的套路,可能分了更多的層,但本質沒變啊,都練練,多點實際經驗就可以了,沒什麼區別,不用糾結

html + ajax

我不太清楚你想問的問題是不是我下面要說的.所以麻煩謹慎閱讀.
關於網站前後台分離,我讀了問題詳情裡的大概說明,可能就是比如之前的php程式碼寫在html程式碼裡,不存在純粹的php檔案(裡面只有php的程式碼)和html檔,這裡就是前後端不分離,大概意思就是php和html,你中我有,我中有你.
但是呢,後來開發的時候遇到很多問題,前端(html,css,js)工程師對php程式碼可能讀不懂,php工程師也不對css那些內容非常熟悉,所以後來人們想出一個辦法,把程式碼分離!這樣就能讓每個人在各自的領域更好的發揮,這樣雖然消耗了一定的效率,但是對於開發人員從某一角度來說是友好的.
smarty模板就是比較典型的例子吧.他把前台(給用戶看的)後台(實現使用者需求的功能)分開了,給不同的開發人員發揮.

smarty是針對你所說的後端程式碼在前端實現的一種模板引擎.ajax屬於非同步操作,來實現前後分離

前後端分離並沒有網路上說的那麼複雜。

  1. 首先要知道所有的程式都是一資料為基礎的,沒有資料的程式沒有實際意義,程式的本質就是對程式的增刪改查。

  2. 前後端分離就是把資料操作和顯示分開。前端專注做數據顯示,透過文字,圖片或圖示等方式讓數據形象直觀的顯示出來。後端專注做數據的操作。前端把資料發給後端,有後端對資料進行修改。

  3. 後端一般用java,c#等語言,現在的node屬於JavaScript也能進行後端操作,此處不意義裂解語言。後端來進行資料庫的鏈接,並對資料進行操作。

  4. 後端提供介面給前端調用,來觸發後端對資料的操作。

基本原理就是這樣,可能語言上不準確,思想是沒有問題的。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
您什麼時候使用特質與PHP中的抽像類或接口?您什麼時候使用特質與PHP中的抽像類或接口?Apr 10, 2025 am 09:39 AM

在PHP中,trait適用於需要方法復用但不適合使用繼承的情況。 1)trait允許在類中復用方法,避免多重繼承複雜性。 2)使用trait時需注意方法衝突,可通過insteadof和as關鍵字解決。 3)應避免過度使用trait,保持其單一職責,以優化性能和提高代碼可維護性。

什麼是依賴性注入容器(DIC),為什麼在PHP中使用一個?什麼是依賴性注入容器(DIC),為什麼在PHP中使用一個?Apr 10, 2025 am 09:38 AM

依賴注入容器(DIC)是一種管理和提供對象依賴關係的工具,用於PHP項目中。 DIC的主要好處包括:1.解耦,使組件獨立,代碼易維護和測試;2.靈活性,易替換或修改依賴關係;3.可測試性,方便注入mock對象進行單元測試。

與常規PHP陣列相比,解釋SPL SplfixedArray及其性能特徵。與常規PHP陣列相比,解釋SPL SplfixedArray及其性能特徵。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一種固定大小的數組,適用於需要高性能和低內存使用量的場景。 1)它在創建時需指定大小,避免動態調整帶來的開銷。 2)基於C語言數組,直接操作內存,訪問速度快。 3)適合大規模數據處理和內存敏感環境,但需謹慎使用,因其大小固定。

PHP如何安全地上載文件?PHP如何安全地上載文件?Apr 10, 2025 am 09:37 AM

PHP通過$\_FILES變量處理文件上傳,確保安全性的方法包括:1.檢查上傳錯誤,2.驗證文件類型和大小,3.防止文件覆蓋,4.移動文件到永久存儲位置。

什麼是無效的合併操作員(??)和無效分配運算符(?? =)?什麼是無效的合併操作員(??)和無效分配運算符(?? =)?Apr 10, 2025 am 09:33 AM

JavaScript中處理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。 1.??返回第一個非null或非undefined的操作數。 2.??=將變量賦值為右操作數的值,但前提是該變量為null或undefined。這些操作符簡化了代碼邏輯,提高了可讀性和性能。

什麼是內容安全策略(CSP)標頭,為什麼重要?什麼是內容安全策略(CSP)標頭,為什麼重要?Apr 09, 2025 am 12:10 AM

CSP重要因為它能防範XSS攻擊和限制資源加載,提升網站安全性。 1.CSP是HTTP響應頭的一部分,通過嚴格策略限制惡意行為。 2.基本用法是只允許從同源加載資源。 3.高級用法可設置更細粒度的策略,如允許特定域名加載腳本和样式。 4.使用Content-Security-Policy-Report-Only頭部可調試和優化CSP策略。

什麼是HTTP請求方法(獲取,發布,放置,刪除等),何時應該使用?什麼是HTTP請求方法(獲取,發布,放置,刪除等),何時應該使用?Apr 09, 2025 am 12:09 AM

HTTP請求方法包括GET、POST、PUT和DELETE,分別用於獲取、提交、更新和刪除資源。 1.GET方法用於獲取資源,適用於讀取操作。 2.POST方法用於提交數據,常用於創建新資源。 3.PUT方法用於更新資源,適用於完整更新。 4.DELETE方法用於刪除資源,適用於刪除操作。

什麼是HTTP,為什麼對Web應用程序至關重要?什麼是HTTP,為什麼對Web應用程序至關重要?Apr 09, 2025 am 12:08 AM

HTTPS是一種在HTTP基礎上增加安全層的協議,主要通過加密數據保護用戶隱私和數據安全。其工作原理包括TLS握手、證書驗證和加密通信。實現HTTPS時需注意證書管理、性能影響和混合內容問題。

See all articles

熱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尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境