layui的使用

下载链接：https://pan.baidu.com/s/1TIRrwFhua61jTqUCjme58Q?pwd=1234 
提取码：1234

> layuiAdmin.pro（即：单页版）
> layuiAdmin.std（即：iframe 版）

所谓“单页版”，即 SPA（单页面应用系统）开发模式，也就是所有的页面动作都是在一个宿主页面中完成，通常用于前后端分离。其中视图层全权由前端把控，数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制，这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是，接口鉴权不再适用于传统的 session 模式，一般需要采用 JWT。总体来说，刚开始使用会相对有些复杂，但使用习惯后，项目会更易维护。

所谓“iframe版”，即基于 iframe 容器跳转的多页面开发模式，视图层通常由服务端输出，每一个页面都在一个完全独立的空间中运行，因此一般适用于规模相对庞大的应用系统，它可以避免不同界面之间的冲突，但如果打开的 iframe 元素过多，浏览器负荷会相对较高。

一般对于大多数服务端程序员来说，“iframe版” 的上手难度要远低于“单页版”。

# 关于
一款用于开发各类管理系统的通用型纯静态 UI 界面模板

# 运行：
直接运行模板文件即可： dist/views/index.html

# 目录：
dist/  经过打包压缩后的文件，一般用于正式环境使用
src/   源代码，一般用于开发环境

# 构建
项目可采用 gulp 构建，gulpfile.js 是任务脚本，package.json 是任务配置文件
step1：确保你的电脑已经安装好了 Node.js
step2: 命令行安装 gulp：npm install gulp -g
step3：切换到该项目根目录（即 gulpfile.js 所在目录），命令行安装任务所依赖的包：npm install
安装完成后，即可直接执行命令：gulp
即可完成 src 到 dist 目录的构建

将dist文件夹中的layuiadmin文件夹复制到

web下面的vendor文件夹中

然后在views中找到需要的页面，并建立对应的jsp文件

jsp文件中的引入地址也得更改

静态资源所在路径记得也得加vendor,在后台管理的jsp文件中