请问下大神,一个页面元素,根据不同的角色,显示不同页面的内容,请问不借助后台语言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 来展示 单页面应用。。。。。