一个html页面，将css，js写成独立文件，然后再引入页面

最近写一个页码估计写完都快5000行代码了
想着把css，js全部都独立出去，html页面直接引用方法，这样整个页面就整洁多了
前端用的是bootstrap框架，js是静态资源
首先，需要明确的是WEB-INF目录是被保护起来的，其下的jsp页面不能直接运行，只能通过控制器跳转来访问；静态资源（js、css、img）也不能被WEB-INF目录外的其他文件直接引用

我是写在：js和cs文件夹里的
然后就是页面引用：（可以采用直接拖拽的方式）

  <link href="/css/qiyeku.css" rel="stylesheet">

然后引用js

<script th:src="@{/js/qiyeku/generatePageFunction.js}"></script>
<script th:src="@{/js/qiyeku/setPageValueFunction.js}"></script>

然后就可以直接调js里面的方法了