使用nutz快速开发一个JAVA WEB学生管理系统：导入资源和首页制作

导入静态资源

上一篇文章中我们已经新建了一个项目并成功运行，今天我们在导入需要的静态资源(图片， js, css, 字体等各种文件), 前端框架我们使用layui和jquery框架，资源寻找如下。也可以私信小编获取哦。

layui

点击下载，得到一个压缩文件，然后解压得到如下的目录。

jquery的下载直接搜jquery cdn。

然后复制该地址在浏览器中打开(或者也可以直接复制该script到我们的jsp文件中也可以使用，不过得一直联网，我推荐将其下载下来使用，因为在断网的情况下也可以使用)。

打开刚才复制的地址，出现了这个界面，然后ctrl+s保存该文件。

然后我们在webcontent目录下建立一个assets目录专门来存放我们的静态资源。

然后我们在WEB-INF目录下建立一个存放前端界面的jsp文件，然后在jsp文件夹里在新建两个文件夹，分别为common和view, common用来存放一些公共的头部页面，比如左侧菜单，顶部导航， view用来存放我们每个页面的视图文件。

首页的制作

接下来我们来制作我们的系统首页，这里我们可以使用layui的后台模板，直接拿过来用。打开Layui的官网找到使用文档。

点击文档。

滑动到下面找到后台布局，复制该段代码。

然后在我们的view目录下新建一个index.jsp文件，将其复制到Index.jsp文件下。

有可能左上角会报一个错，只是因为没有运行环境的问题，我们为我的项目添加一个tomcat的运行环境。

然后一直点完成就行。这时错误就消失了。然后我们将index.jsp里的资源路径换成我们自己的资源路径。

${base}的意思是我们项目的路径，也就是更改为我们项目的路径下的asset静态资源路径下。然后更改我们的MainModule文件，将其Index方法改为如下。

@At: 函数对应的 URL， 这个也可以在模块类上配置，那这样访问的地址就是模块上配置的加上方法上的url， 里面可以配置多个，上面配置的意思是我们只输入我们的url地址或者输入url+index都能访问，这里可以任意家后缀哦，比如你访问Index.html, index.jsp, index.ddd都能访问到。

@Ok: 表示成功返回的视图，之前我们是写json，也就是将Return 的对象以Json返回给浏览器或者客户端，现在我们改为jsp代表返回的是一个jsp页面， jsp的话它需要知道是哪个页面哦，所以分号后面的为jsp的路径，规则是从WEB-INF文件下开始的，不用写后缀名，文件夹以点分割， 我们这里写的事jsp.view.index，代表的事WEB-INF/jsp/view/index.jsp页面。@OK这个注解除了能返回json, jsp, 还能返回文件， 图片， 视频等等，非常好用呢。哪如果失败呢，也有@Fail注解配置哦，我们不用那么复杂，先配置OK，后面有用到就在详细介绍吧。

然后启动我们的项目，访问可以看到如下结果。

之后我们在介绍后面的内容。