請問下大神,一個頁面元素,根據不同的角色,顯示不同頁面的內容,請問不借助後台語言PHP等,要怎麼判斷?例如有刪除的按鈕,老師有,學生沒有,不借助PHP等後台要怎麼實現?模板引擎嗎?
通用地說,從 ajax 介面 / HTML 模板 / localStorage 中去 get 或 set 這一【狀態資訊】,然後在 JS 中做對應的處理即可。
根據你目前的使用者是學生還是老師,用js來判斷並對應的顯示就行了呀
不靠PHP模板的話,個人比較推薦用前端的angularjs,雖然vue.js也有模板判斷,但是angularjs風格會更偏向TP YII等php模板。當然你可以透過JS去限制html顯示,但假如限制標籤越多,js就變得越累贅
方式1:模板當然可以的方式2:在返回時頁面時,也取回,在html頭部增加一段ajax請求代碼即可,少量代碼,對性能影響不大,老師或者學生的身份標識,然後使用js做判斷操作dom即可,這兒注意一個問題,就是如果需求涉及大量dom操作,就不要使用這種方案,自己優化dom是一件比較麻煩的事兒。 方式3:使用react等框架來實現,將需要變化的html元素提出來,抽象成組件,效率也蠻好的。對於有前端的同學,建議了解一哈框架。
先明白你是怎麼判斷老師和學生這2個角色的,其次跟據這個判斷對按鈕做不同處理即可
第一,模板引擎可以滿足你的需求,但你需要知道模板對應的語法
第二,用js控制的話,先明白你或取身分的方式,是頁面中本身有值,還是你需要用ajax去取得它。取到值之後,寫一個if對元素進行相對應的操作
當頁面載入時判斷使用者類型,按需載入不同的模組
iframe 根據不同的條件 載入不同的iframe 來展示 單一頁面應用程式。 。 。 。 。
通用地說,從 ajax 介面 / HTML 模板 / localStorage 中去 get 或 set 這一【狀態資訊】,然後在 JS 中做對應的處理即可。
根據你目前的使用者是學生還是老師,用js來判斷並對應的顯示就行了呀
不靠PHP模板的話,個人比較推薦用前端的angularjs,雖然vue.js也有模板判斷,但是angularjs風格會更偏向TP YII等php模板。當然你可以透過JS去限制html顯示,但假如限制標籤越多,js就變得越累贅
方式1:模板當然可以的
方式2:在返回時頁面時,也取回,在html頭部增加一段ajax請求代碼即可,少量代碼,對性能影響不大,老師或者學生的身份標識,然後使用js做判斷操作dom即可,這兒注意一個問題,就是如果需求涉及大量dom操作,就不要使用這種方案,自己優化dom是一件比較麻煩的事兒。
方式3:使用react等框架來實現,將需要變化的html元素提出來,抽象成組件,效率也蠻好的。對於有前端的同學,建議了解一哈框架。
先明白你是怎麼判斷老師和學生這2個角色的,其次跟據這個判斷對按鈕做不同處理即可
第一,模板引擎可以滿足你的需求,但你需要知道模板對應的語法
第二,用js控制的話,先明白你或取身分的方式,是頁面中本身有值,還是你需要用ajax去取得它。取到值之後,寫一個if對元素進行相對應的操作
當頁面載入時判斷使用者類型,按需載入不同的模組
iframe 根據不同的條件 載入不同的iframe 來展示 單一頁面應用程式。 。 。 。 。