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的使用 的相关文章

  • 在 Three.js 中绕点旋转对象的正确方法是什么?

    关于 Three js 的大多数教程 问题都建议使用 Three js 绕点旋转对象的方法是在要旋转的位置创建父对象 附加对象 然后移动子对象 然后 当父级旋转时 子级围绕该点旋转 例如 Make a pivot var pivot new
  • Angular UI 模式的范围问题

    我无法理解 使用角度 UI 模式的范围 虽然这里不是很明显 但我已经正确设置了模块和所有内容 据我所知 但这些代码示例尤其是我发现错误的地方 index html 其中重要部分 div class btn group div
  • 将 Javascript 对象的属性从 string 更改为 int

    我有一个对象数组 每个对象具有三个属性 年份 总计 人均 例子 0 Object per capita 125 8 total 1007 2 year 2009 这些属性是字符串 我想创建一个循环来遍历数组并将它们转换为 int 我尝试了以
  • 如何删除除任何特定 id 之外的元素

    假设有一个父 id 其中包含许多元素 我想删除除一个元素之外的所有元素 ex parent id children not id n remove
  • JavaScript 添加布尔值

    console log true true 2 console log typeof true true number console log isNaN true true false 为什么两个布尔类型相加会产生一个数字 我有点理解 如
  • 在 Internet Explorer 中使用什么来监视 jscript 内存使用情况

    我们正在调试 GWT 应用程序 在 Firefox 中运行正常 在 IE6 0 中开始运行正常 但一段时间后 它就会崩溃并开始爬行 经过一些测试后 我们怀疑存在一些内存问题 使用了太多内存 内存泄漏等 除了使用taskmanager和pro
  • jQuery .push 到 .get 调用中的数组给出空结果

    谁能告诉我为什么下面给我一个空字符串 当我console log contentArray in the get 回调函数它显示数据 但是当我尝试在下面的代码中执行它时 结果为空 sectionArray contentArray func
  • 通过 JavaScript 获取表单名称

    我有一个简单的问题 但我在网上找不到好的解决方案 我有这个 HTML 代码
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 如何使用 Greasemonkey 监视静态 HTML 页面的更改?使用哈希?

    我希望我的 Greasemonkey 脚本仅在其访问的静态页面具有与以前完全相同的内容时运行 现在我可以设置一个包含该页面哈希的变量 我正在寻找一种动态散列页面的方法 以便我可以将我的散列与生成的散列进行比较 关于如何即时实现散列的任何想法
  • JavaScript 中的 Promise 有什么意义?

    一个承诺是一个 可能现在可用 或将来可用 或永远不可用的值 来源 MDN 假设我有一个想要处理图片的应用程序 图片已加载 例如在算法在后台使用它之后 或某种其他类型的延迟 现在我想检查一下图片是否可以在future 通过使用承诺 而不是回调
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为
  • 使用 Google 日历源时如何禁用 FullCalendar 中的活动链接?

    我正在使用 FullCalendar 库从 Google 日历加载日历中的事件 不幸的是 事件添加到日历后 它们是可点击的 当您点击该活动时 您会自动重定向到 Google 日历页面以查看该特定活动 或者如果您有足够的访问权限 则可以直接对
  • 使用 Javascript 设置 cookie [重复]

    这个问题在这里已经有答案了 我正在尝试构建我的第一个移动应用程序 它需要连接到我的 mysql 数据库并使用 json 返回数据 这很好 目前我有一个登录系统 一旦确定用户名和密码存在 它就会返回一条成功消息 对于下一步 我想在我的页面上使
  • 如何从浏览器向服务器发送“页面将关闭”消息?

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message
  • $resource.query 返回分割字符串(字符数组)而不是字符串

    我正在使用像下面这样的 Angular resource angular module app factory data function resource var Con resource api data update method P
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

随机推荐

  • 当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