H-ui.admin前端模板的使用(data-href)过程中采坑(毕设总结)

springboot项目中,用thymeleaf模板引擎,前端框架用的是H-ui.admin

此模板中data-href是请求一个超链接(也可以请求一个controller,建议请求controller),但是实际开发过程中,自己请求的controller或者页面总是报错,整个页面老是报404错误,现将其具体的修改方案总结如下:

 

在关于H-ui.admin这个前端模板框架的使用中,尤其是一个页面点击链接,请求某个页面或者controller的时候,总是报404错误,原始的模板中是这样的:

<li>
    <a data-href="admin-list.html" data-title="管理员列表" href="javascript:void(0)">管理员表</a>
</li>
<li>
    <a data-href="admin-list.html" data-title="部门列表" href="javascript:void(0)">部门列表            </a>
</li>

但是在自己改造的时候总是会出现各种错误,比如页面404等等错误,date-href请求的 页面是在本页面的一部分显示,比如下边红色框中的:

H-ui.admin前端模板的使用(data-href)过程中采坑(毕设总结)

但是在自己开发过程中,总是404,或者就是页面能够请求到,但是用thymeleaf模板解析的时候,里面的各种css样式,js代码都不起作用,比如下边,虽然请求到了页面,但是各种样式没了,丑到爆炸:

H-ui.admin前端模板的使用(data-href)过程中采坑(毕设总结)

后来一直查找原因,写了各种测试,还是不行,但是最后还是解决了,具体方案如下:

1.将data-href写成一个action,当访问一个controller的时候,自动返回一个页面。

H-ui.admin前端模板的使用(data-href)过程中采坑(毕设总结)

但是这个里面的filemanager是我本人的项目访问地址,http://localhost:8085/filemanager这个地址才是我的这个项目入口地址,

但是这个data-href中必须写成     /filemanager/user/inemployee,否则报404,controller如下:

H-ui.admin前端模板的使用(data-href)过程中采坑(毕设总结)

当访问每一个controller的时候,返回一个页面,并且在controller中可以设置model,为前端页面插入数据。