Excuse me, Master, a page element displays the content of different pages according to different roles. How can we judge it without using the background language PHP? For example, if there is a delete button, the teacher has it but the students don’t. How to implement it without using PHP or other backend? Template engine?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
通用地说，从 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 来展示 单页面应用。。。。。