EL表达式,前后端分离(新手笔记)

1.添加menu.jsp,将main.jsp的左边菜单栏相关代码剪切到mune中,在main.jsp中使用包含指令
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
.添加footer.jsp,将main.jsp的左边菜单栏相关代码剪切到mune中,在main.jsp中使用包含指令
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
2.删除多余代码(main.jsp,menu.jsp,注:图标库(iconfont.cn)),新建images放置下载的图标,在mune中修改图标
图标下载网址:
EL表达式,前后端分离(新手笔记)
图标使用:
EL表达式,前后端分离(新手笔记)
运行结果:
EL表达式,前后端分离(新手笔记)
EL表达式
1.获取请求头信息EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
使用el表达式替换jsp表达式
EL表达式,前后端分离(新手笔记)
添加StudentController,Bandcontroller,创建band.list(复制main.jsp),student.list(复制main.jsp,将模板datatables.html中的table复制到list.jsp中,样式路径往上一级)
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
修改menu.jsp
EL表达式,前后端分离(新手笔记)
运行结果:
EL表达式,前后端分离(新手笔记)
解决点击active样式不会切换:
使用el表达式:
EL表达式,前后端分离(新手笔记)
EL表达式,前后端分离(新手笔记)
结果:
EL表达式,前后端分离(新手笔记)