layui+springmvc第二章框架整合

layui介绍:

一套开源的 Web UI 解决方案。采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。其风格简约轻盈,而组件优雅丰盈,从核心代码到使用方法的每一处细节都经过精心雕琢,非常适合网页界面的快速开发。

layui前端框架源码下载

https://www.layuion.com/layui文档及源码

Springmvc项目与layui整合

1.下载好完成的layui前端页面源码,这是我原先下载好的。
这是
2.在IDEA中搭建配置好springmvc框架正常运用.(在我资源springmvc第一章中有详细的讲解)
3.将layuimini文件复制直接粘贴到springmvc项目中web文件下layui+springmvc第二章框架整合_第1张图片
4.复制layuimini文件中所用的东西到web目录下,然后删除layuimini文件。layui+springmvc第二章框架整合_第2张图片
layui+springmvc第二章框架整合_第3张图片
layui+springmvc第二章框架整合_第4张图片

5.选择index.html页面点击运行。layui+springmvc第二章框架整合_第5张图片
6.出现这个页面就证明配置成功。layui+springmvc第二章框架整合_第6张图片
7.设置默认登录界面。在web目录下>WEB-INF>web.xml中配置。

 <display-name>ArchitectureProject</display-name> -- 为项目名称
    <welcome-file-list>
        <welcome-file>login.html</welcome-file>  --默认启动的页面
    </welcome-file-list>

layui+springmvc第二章框架整合_第7张图片
8.完成运行项目就是默认的页面啦。如果出现报错就看看springmvc框架搭建问题或者操作步骤哪里出问题了。

你可能感兴趣的:(SpringMvc,layui,intellij-idea,前端)