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 来展示 单页面应用。。。。。