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请求的 页面是在本页面的一部分显示，比如下边红色框中的：

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

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

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

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

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

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