搜尋
首頁後端開發php教程javascript - 关于前后端分离的一些疑问

首先我们抛开淘宝的nodejs作中间层的前后端分离。
前后端分离,前后端通过 JSON 来交流,
那么页面是什么文件(html,shtml,jsp,还是其它)
那么页面跳转前端来跳还是后端来跳
如果前端来跳,那怎么保持会话(登录状态如何带到下个页面)。

回复内容:

首先我们抛开淘宝的nodejs作中间层的前后端分离。
前后端分离,前后端通过 JSON 来交流,
那么页面是什么文件(html,shtml,jsp,还是其它)
那么页面跳转前端来跳还是后端来跳
如果前端来跳,那怎么保持会话(登录状态如何带到下个页面)。

挨个儿简单回答?

首先我们抛开淘宝的nodejs作中间层的前后端分离

“淘宝的nodejs”,什么玩意儿,是alinode么?这和前后端分离也没什么关系啊!

前后端分离,前后端通过 JSON 来交流

没毛病,可以实现,也是常见策略

那么页面是什么文件(html,shtml,jsp,还是其它)

通常真的就是html了,你想想,前后端已经分离,也就是说面对用户请求,不再对接你的什么tomcatexpress/koa/toa等server了,谁来帮你做渲染?答案是没有。前后端分离后,渲染工作被拿到了前端(浏览器),浏览器能读什么?只能是html

那么页面跳转前端来跳还是后端来跳

前端、后端其实都可以。前端就是最简单的#做路由标识符,或者高级点用html5 mode(AngularJS里的叫法);后端就是nginx之类的“网关”服务做路由转发。具体哪种方式,取决于你的解决方案是怎么样的,你的需求是怎么样的。

如果前端来跳,那怎么保持会话(登录状态如何带到下个页面)

如果只做前端路由,页面都不重载,保持状态还不简单,存一个全局变量可不可以?用localStorage可不可以?用cookie可不可以?其实方式有的是,最终还是要看你的具体业务场景

解决方案有很多,我就说个简单的。

  • 页面文件,既然不用node,那就直接 html 好了。 可以通过一些前端模块来渲染,比如 handlebars。后端只需要输出json。

  • 页面跳转。既然是前后端分离,那么后端专心提供数据好了,路由交给前端。

  • 保持会话。如果你只是需要保存登录状态的话,只需要浏览器存储 session,每次跳转页面都去校验 session 有效性就行了。 相应的, 后端提供一个session校验接口。

但是其实这样算不上前后端分离,想想,html是由某个后端负责的吧,那么这个后端和提供数据的后端,不能在一起吧,否则又搅和在一块了。

所以,还是得有个专门的后端server来扮演前端的相关资源管理这个服务。我们团队也是用node来做,为什么呢? 因为比较省事。

  • java 后端不需要再提供json接口了,他们只需要按照业务数据特性编程。node这一层可以简单的封装一下,提供适合页面使用的接口。

  • 数据校验,前后端可以共享数据校验模块,因为都是 js。

  • 路由,html等等资源,都是由前端直接管理,而前端团队也是直接和产品经理直接沟通,快速反馈。如果这一部分需要后端的介入,就比较困难了。

以上是我们收获到的一些好处,更多的更好的,想必阿里的团队总结的很全面了。这里就不复制黏贴了。

以上。

1、所有页面都是静态的HTML文件,所有交互在前端做,包括跳转
2、网页公共的部分,比如网页头部,底部在nginx那里做。参考nginx的SSI模块。
3、会话状态,ajax调登录接口后,写一个本地cookie。

页面是什么文件: 浏览器里面看到的总是html代码。
页面跳转前端来跳还是后端来跳:web服务器来跳,跳转请求永远要发送给web服务器处理,但是js效果不属于该情况(如html块的显示/隐藏)
怎么保持会话:cookie中的session_id或者专门定义的token,这代表了当前用户的身份,也是session_id劫持的作用原理。

很多新手会有各种前后端分离的问题,但是首先要搞清楚什么是前端,什么是后端。在不同的场景下,它们的意思其实是不一样的。
就代码来说,通常前端指最终html,后端指服务器脚本。此时前后端分离是指html部分和服务器脚本松耦合。
而对于系统来说,前端是指与访问者交互的部分,后端是指数据处理部分。此时前后端分离是两个系统间的松耦合,由于session的特性决定了它不适合这个模式,所以token是通常的选择,此时前后端通信与你的网站访问微信API是相似的逻辑。

1.如果是前后端分离的话,那一般是前端跳转
2.怎么保持会话?浏览器的话简单的办法就是验证session,还可以用本地cash

1.既然已经采用前后端分离, 那前端部分应当完全独立于后端, 跳转也应由前端实现
2.页面是什么文件取决于你的决定, 你可以是html, 也可以是jade, 甚至可以是你自己实现的格式, 但是你就要实现你的模版引擎, 最终浏览器展示的, 一定是html格式的文件
3.登录状态的保存, 需要前后端配合, 主要在于后端是如何判断前端的登录状态的, 微信api的实现,是url中必须带上?access_token=[xxx]来判断状态的, 这样你就需要每个api提交都带上access_token参数。如果后端是通过cookie判断,那么前端就需要在cookie中保存状态

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
簡單地說明PHP會話的概念。簡單地說明PHP會話的概念。Apr 26, 2025 am 12:09 AM

phpsessionstrackuserdataacrossmultiplepagerequestsusingauniqueIdStoredInAcookie.here'showtomanageThemeffectionaly:1)startAsessionWithSessionWwithSession_start()和stordoredAtain $ _session.2)

您如何循環中存儲在PHP會話中的所有值?您如何循環中存儲在PHP會話中的所有值?Apr 26, 2025 am 12:06 AM

在PHP中,遍歷會話數據可以通過以下步驟實現:1.使用session_start()啟動會話。 2.通過foreach循環遍歷$_SESSION數組中的所有鍵值對。 3.處理複雜數據結構時,使用is_array()或is_object()函數,並用print_r()輸出詳細信息。 4.優化遍歷時,可採用分頁處理,避免一次性處理大量數據。這將幫助你在實際項目中更有效地管理和使用PHP會話數據。

說明如何使用會話進行用戶身份驗證。說明如何使用會話進行用戶身份驗證。Apr 26, 2025 am 12:04 AM

會話通過服務器端的狀態管理機制實現用戶認證。 1)會話創建並生成唯一ID,2)ID通過cookies傳遞,3)服務器存儲並通過ID訪問會話數據,4)實現用戶認證和狀態管理,提升應用安全性和用戶體驗。

舉一個如何在PHP會話中存儲用戶名的示例。舉一個如何在PHP會話中存儲用戶名的示例。Apr 26, 2025 am 12:03 AM

Tostoreauser'snameinaPHPsession,startthesessionwithsession_start(),thenassignthenameto$_SESSION['username'].1)Usesession_start()toinitializethesession.2)Assigntheuser'snameto$_SESSION['username'].Thisallowsyoutoaccessthenameacrossmultiplepages,enhanc

哪些常見問題會導致PHP會話失敗?哪些常見問題會導致PHP會話失敗?Apr 25, 2025 am 12:16 AM

PHPSession失效的原因包括配置錯誤、Cookie問題和Session過期。 1.配置錯誤:檢查並設置正確的session.save_path。 2.Cookie問題:確保Cookie設置正確。 3.Session過期:調整session.gc_maxlifetime值以延長會話時間。

您如何在PHP中調試與會話相關的問題?您如何在PHP中調試與會話相關的問題?Apr 25, 2025 am 12:12 AM

在PHP中調試會話問題的方法包括:1.檢查會話是否正確啟動;2.驗證會話ID的傳遞;3.檢查會話數據的存儲和讀取;4.查看服務器配置。通過輸出會話ID和數據、查看會話文件內容等方法,可以有效診斷和解決會話相關的問題。

如果session_start()被多次調用會發生什麼?如果session_start()被多次調用會發生什麼?Apr 25, 2025 am 12:06 AM

多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告,提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態,避免重複調用。

您如何在PHP中配置會話壽命?您如何在PHP中配置會話壽命?Apr 25, 2025 am 12:05 AM

在PHP中配置會話生命週期可以通過設置session.gc_maxlifetime和session.cookie_lifetime來實現。 1)session.gc_maxlifetime控制服務器端會話數據的存活時間,2)session.cookie_lifetime控制客戶端cookie的生命週期,設置為0時cookie在瀏覽器關閉時過期。

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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。