layui的使用

2023-11-14

下载链接: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文件中

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

layui的使用 的相关文章

随机推荐

  • 当Eclipse出错的时候

    某天 当你打开Eclipse的时候 弹出这种路径错误的界面 那么 该怎么办呢 参考 https zhidao baidu com question 1497777962705951219 html 正确的做法当然不是无视它 首先 按Win
  • 开发质量问题复盘总结-pua性质的标题

    测试开发如何撕起来 测试流程 版本提测 集成 发布计划与大盘保持一致 RD自测 冒烟不通过的要求RD录自测视频 提测不通过发邮件打回 0106版本打回一次 gt 提测 gt 提测前PM验收需求基本功能 目前这个点S2做的不是很好 gt QA
  • conda activate 报错

    新装了个Anacconda 激活环境的时候报错 C Users 17334 gt conda activate CommandNotFoundError Your shell has not been properly configured
  • linux上清空一个文件,技术

    在 Linux 终端下处理文件时 有时我们想直接清空文件的内容但又不必使用任何 Linux 命令行编辑器 去打开这些文件 那怎样才能达到这个目的呢 在这篇文章中 我们将介绍几种借助一些实用的命令来清空文件内容的方法 注意 在我们进一步深入了
  • 如何用Jenkins复制已有项目的配置

    文章目录 环境版本 1 创建一个新JOB 2 输入新JOB的名字 3 填入要COPY的JOB名字 4 点击OK 5 点击APPLY 参考链接 环境版本 Jenkins 2 107 1 如何在和已有的项目配置相同的任务 1 创建一个新JOB
  • 数字媒体导论(习题答及答案01)

    第一章 1 单选题 数字媒体按照 可以分为离散媒体和连续媒体 A 时变特征 B 获取方式 C 人类感觉特征 D 媒体组成属性 我的答案 A正确答案 A 2 单选题 计算机记录和传播的信息媒体的一个共同的重要特征就是信息的最小单元是 A 字节
  • RecyclerView使用介绍

    http www jcodecraeer com a anzhuokaifa androidkaifa 2014 1118 2004 html
  • 【react】 路由的基本使用 ===

    目录 React 路由介绍 react模拟hash路由的实现 React路由使用的基本 路由三大对象之 Router 路由三大对象之 Link Link NavLink 路由三大对象之 Route route的作用和格式 匹配规则 exac
  • unity 导出函数给 Lua 调用

    Assets Core ToLua Editor Custom CustomSettings cs using UnityEngine using System using System Collections Generic using
  • 【敬伟ps教程】亮度与色阶看懂直方图

    文章目录 亮度 对比度 色阶 调整输入色阶 调整输出色阶 调节原色通道 调整图层 亮度 对比度 控制明暗的视觉因素 三要素之一 明度 在拾色器中修改 HSB 中的 B 改为较低的值即可调整明度 明度较低时 RGB色值偏低 CMYK色值较高
  • 旋转矩阵推导

    个人学习 水平不高 请指正 目录 前言 一 前置知识 二 二维平面旋转 编辑 三 三维推广 1 右手坐标系 2 绕x轴旋转 3 z轴与y轴 四 完整草稿 五总结 前言 最近在学平衡小车 学习卡尔曼滤波 加速度计解算姿态角时用到了旋转矩阵 所
  • rabbitmq重试机制

    1 应答模式 NONE 可以称之为自动回调 即使无响应或者发生异常均会通知队列消费成功 会丢失数据 AUTO 自动检测异常或者超时事件 如果发生则返回noack 消息自动回到队尾 但是这种方式可能出现消息体本身有问题 返回队尾其他队列也不能
  • execjs调用第三方js库

    在用python执行js代码时 突然遇到一个问题 execjs怎么才能正常调用js的第三方库使用js内置方法 当时我也是查了好多资料才解决的 截至我写这篇文章 网上的解决方法几乎搜不到 全都是execjs的使用方法 所以记录一下给大家分享出
  • Python爬虫 - 爬取京东商城某页面

    目录 前言 页面分析 Selenium尝试 分析接口 价格是如何出现的 Postman分析请求 寻找SKUID 获取SKUID Postman测试 Demo代码 前言 在CSDN问答中遇到这样一个需求 使用Selenium爬取京东商城某个页
  • SOCKET编程登峰造极之完成端口

    一 什么是完成端口 完成端口 是一种WINDOWS内核对象 完成端口用于异步方式的重叠I 0情况下 当然重叠I O不一定非使用完成端口不可 还有设备内核对象 事件对象 告警I 0等 但是完成端口内部提供了线程池的管理 可以避免反复创建线程的
  • java方法的重载

    package object oriented05 判断是否是重载 跟方法的权限修饰符 返回值类型 形参变量 方法体都没有关系 方法的重载 在同一个类中 允许存在一个以上的同名方法 只要他们的参数个数不同或者参数类型不同即可 两同一不同 参
  • 安装HomeBrew 失败的解决方案

    在安装HomeBrew 或者安装成功 执行相关指令 时遇到错误提示 Error Failure while executing git clone https github com Homebrew homebrew core usr lo
  • 计算机基础知识操作题office2010,计算机系统操作师(中级)试题集(Office 2010版)...

    计算机系统操作师 中级 试题集 Office 2010版 依据 计算机操作员职业标准 编写 内容包括文字设置与编排 表格的基本操作 版面设置与图文混排 工作簿的基本操作 数据处理 办公软件综合应用 演示文稿的制作和Smart Art的制作
  • element表格之表头代码改进

    代码 官网
  • layui的使用

    下载链接 https pan baidu com s 1TIRrwFhua61jTqUCjme58Q pwd 1234 提取码 1234 gt layuiAdmin pro 即 单页版 gt layuiAdmin std 即 iframe