javascript - 前端判斷問題

Question

請問下大神，一個頁面元素，根據不同的角色，顯示不同頁面的內容，請問不借助後台語言PHP等，要怎麼判斷？例如有刪除的按鈕，老師有，學生沒有，不借助PHP等後台要怎麼實現？模板引擎嗎？

Answer 1

通用地說，從 ajax 介面 / HTML 模板 / localStorage 中去 get 或 set 這一【狀態資訊】，然後在 JS 中做對應的處理即可。

Answer 2

根據你目前的使用者是學生還是老師，用js來判斷並對應的顯示就行了呀

Answer 3

不靠PHP模板的話，個人比較推薦用前端的angularjs,雖然vue.js也有模板判斷，但是angularjs風格會更偏向TP YII等php模板。當然你可以透過JS去限制html顯示，但假如限制標籤越多，js就變得越累贅

Answer 4

方式1:模板當然可以的
方式2:在返回時頁面時，也取回，在html頭部增加一段ajax請求代碼即可，少量代碼，對性能影響不大，老師或者學生的身份標識，然後使用js做判斷操作dom即可，這兒注意一個問題，就是如果需求涉及大量dom操作，就不要使用這種方案，自己優化dom是一件比較麻煩的事兒。
方式3:使用react等框架來實現，將需要變化的html元素提出來，抽象成組件，效率也蠻好的。對於有前端的同學，建議了解一哈框架。

Answer 5

先明白你是怎麼判斷老師和學生這2個角色的，其次跟據這個判斷對按鈕做不同處理即可

Answer 6

第一，模板引擎可以滿足你的需求，但你需要知道模板對應的語法

第二，用js控制的話，先明白你或取身分的方式，是頁面中本身有值，還是你需要用ajax去取得它。取到值之後，寫一個if對元素進行相對應的操作

Answer 7

當頁面載入時判斷使用者類型，按需載入不同的模組

Answer 8

iframe 根據不同的條件 載入不同的iframe 來展示 單一頁面應用程式。 。 。 。 。