layui的使用

layui的使用,第1张

> 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文件中

 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320531.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存