• 2024-10-18pear-admin-layui-main 4.0 admin.js bug 修复
    pearAdmin.instances.tabPage=tabPage.render({ elem:'content', session:param.tab.session, index:0, tabMax:param.tab.max, preload:param.tab.preload, closeEvent:function(id){ pearAdmin.instan
  • 2024-10-14layui横向时间线以及参数化
    你好!这是我的第一篇博客。公司项目遇到一个需求,前端需要使用到layui的时间线,我在时间线的基础上进行扩展,使其支持参数化的横向时间线。数据模拟定义在js中,实际以您的数据源为主。可以把代码粘至以下网址进行运行测试layui在线编辑器效果图代码<%@pagecontentType=
  • 2024-10-11layui用iframe更新表单怎么回显select下拉框中的数据
     如图所示的三个步骤,获取contentWindow,在iframe中的select的id为categoryId中赋值,最后还要重新渲染,就能在iframe中回显得到selected的选项了,效果如下图所示。  另外,我尝试过在iframe的html中添加inputtype="hidden"id="categoryHid"的元素来存放categoryId的值,并在主页
  • 2024-10-11Python+Layui后台管理
    项目简介:主要分为这几个模块:创建任务、发布任务、任务清单、修改任务、取消任务、个人填写日志、日志记录。1.任务列表模糊查询:提供搜索框,支持用户输入关键词进行模糊查询。操作按钮:分配任务、公司内部创建任务2.公司内部创建任务任务表单主要是有:客户单位、合同名称、联系
  • 2024-09-26WaterCloud:一套基于.NET 8.0 + LayUI的快速开发框架,完全开源免费!
    前言今天大姚给大家分享一套基于.NET8.0+LayUI的快速开发框架,项目完全开源、免费(MITLicense)且开箱即用:WaterCloud。可完全实现二次开发让开发更多关注业务逻辑。既能快速提高开发效率,帮助公司节省人力成本,同时又不失灵活性。项目介绍WaterCloud是一套基于ASP.NET8.0MV
  • 2024-09-22layui - - - 回显是否上架、更新图书按钮、添加顶部搜索(图书管理系统)
    1.回显是否上架是否上架div设置id属性:id="status"。判断是否上架的值,然后拼接单选框按钮字符串,最后把拼接后的字符串设置到id="status"的div中。运行项目,使用Chrome浏览器打开。点击“更新”按钮,更新图书页面回显了“图书分类”和“是否上架”。2.更新图书按钮更
  • 2024-09-21layui - - - 修改更新图书页面、回显图书 ID、回显图书分类等(图书管理系统)
    1.修改更新图书页面修改图书信息时,“创建时间”不设置默认值。“图书封面”去掉图片的class样式,使图片显示。“图片上传”后不需要移除class样式,直接设置图片地址。修改“更新图书”按钮和“表单提交”对应的lay-filter="edit"的属性值edit。2.更新图书页面回显原来
  • 2024-09-18layui - - - 动态获取图书分类、重新渲染表单(图书管理系统)
    1.添加图书页面动态获取图书分类从api接口中获取“图书分类”信息,并展示在“图书分类”下拉框中。首先在添加图书页面显示的时候,请求api“获取图书分类信息”。给“图书分类”下拉框添加一个id="categoryId"的属性。把api“获取图书分类信息”的结果拼接成下拉项的html
  • 2024-09-13如何在Layui框架中实现列表操作后返回编辑页面并带参数刷新表单
    个人名片
  • 2024-09-12layui-table一些备忘
    .layui-tabletbodytr:nth-child(even){background-color:#F2F7FD;/*偶数行背景色*/}.layui-tabletbodytr:nth-child(odd){background-color:#ffffff;/*奇数行背景色*/}====================================/*自定义滚动条样式*/.layui-table-body::-
  • 2024-09-09Layui - table 和 laypage 组合
    要更新表格数据,通过table的reload方法。reload可以重新渲染表格,并更新其数据。<body><tableclass="layui-hide"id="demo-table"></table><divid="demo-laypage"></div><script>layui.use(["table"
  • 2024-09-04ASP.NET MVC+LayUI视频上传
    前言前段时间在使用APS.NETMVC+LayUI做视频上传功能的时,发现当上传一些内存比较大的视频就会提示上传失败,后来通过查阅相关资料发现.NETMVC框架为考虑安全问题,在运行时对请求的文件的长度(大小)做了限制默认为4MB(4096KB),因此我们需要在Web.Config中设置最大请求文件长度大小,本文主要
  • 2024-08-31layui - - - 批量删除图书、Iframe 弹出层(图书管理系统)
    1.头部工具栏事件在“组件”中,选择“表格”,然后选择“事件”,在“事件”中找toolbar头部工具栏事件。头部工具栏“批量删除”和“添加”按钮添加lay-event="xx"属性,点击“批量删除”和“添加”按钮就会触发toolbar事件。代码中编写toolbar事件,打印回调函数的参数。to
  • 2024-08-31✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨
    使用jq+layui的layer+laytpl实现横屏查看功能✨一、实现功能
  • 2024-08-26layui弹框在按钮的旁边
    想让弹框随着按钮位置变化而变化,通过offset设置<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><t
  • 2024-08-26layui中layer.open改变第一个按钮的样式
    (1)改变所有弹框第一个按钮颜色,在css中操作.layui-layer-btn.layui-layer-btn0{background-color:#d3d3d3;/*灰色背景*/color:#000;/*按钮文字颜色*/} (2)只改变一个弹框按钮颜色,在success中操作success:function(layero){//在弹框打开后,选择按钮
  • 2024-08-13LayUI Upload组件连续上传同一文件无反应
    可能原因:组件会缓存上次的上传历史,若是同一文件就不处理具体原因:待查解决方法:在choose里面增加如下语句“uploadListIns.config.elem.next()[0].value='' ”varuploadListIns=upload.render({elem:'#FileUpload',elemList:$('#FileList'),//列表元素对
  • 2024-08-12用layui +echarts 曲线图实现子页面向父页面传值,点击曲线图表上的点后删除该点,并在删除后自动刷新 layui 表格列表,并且按子页面传值和起止时间 刷新父页面
    下面是一个完整的示例,展示了如何使用layui和ECharts实现以下功能:子页面向父页面传值。点击曲线图上的点后删除该点。删除后自动刷新layui表格列表。根据子页面传值和起止时间刷新父页面。文件结构假设你有两个文件:父页面(index.html)子页面(child.html)1.子页面
  • 2024-08-08.NET 与 LayUI 实现高效敏捷开发框架
    前言WaterCloud是一个集成了LayUI的高效敏捷开发框架,专为.NET开发者设计。它不仅支持多种.NET版本(.NET4.5、.NETCore3.1、.NET5、.NET6),还内置了丰富的功能,如权限管理、流程表单设计以及多数据库支持下的多租户架构。使用了ORM(SqlSugar和Chloe)能够轻松应对复杂
  • 2024-07-11layui js thymeleaf 公共工具类
    layuijsthymeleaf公共工具类其中功能包括:普通表格渲染树形表格渲染普通编辑(添加/删除/编辑)更多编辑(添加/编辑/更多)上传图片constcommon={getTable(table,url,cols,condition){if(!condition||condition==''){condition=
  • 2024-07-10基于springboot+layui+thymeleaf的学生成绩管理系统设计与实现(源码+SQL+使用说明)
    本项目适合做计算机相关专业的毕业设计,课程设计,技术难度适中、工作量比较充实。完整资源获取点击下载完整资源1、资源项目源码均已通过严格测试验证,保证能够正常运行;2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通;3、本项目比较适合计算
  • 2024-06-17layui 构建工具gulp打包LayuiAdmin
    https://blog.csdn.net/u010334503/article/details/128762800项目可采用gulp构建,gulpfile.js是任务脚本,package.json是任务配置文件step1:确保你的电脑已经安装好了Node.jsstep2:命令行安装gulp:npminstallgulp-gstep3:切换到该项目根目录(即gulpfile.js所在目录),命令行
  • 2024-06-13webman admin 中的 Layui 使用说明
    目录Layui背景生命周期底层方法通用Common模块化相关Modular事件Event模块系统入门Layui模块系统与vue模块的区别理解layui.use代码解释Layui背景Layui是一个上古框架,jQuery时代末期Vue初期的作品,早期因为layout.js弹出层起家,在作者的努力下,成体系的开发了一套常
  • 2024-06-07教务管理系统
    1项目简介教务管理系统主要模块:邮箱注册:用户根据邮箱发送验证码注册用户信息邮箱登录:用户根据注册的邮箱登录教师管理:主要包含教师的全部查询,教师信息的修改,添加教师信息,删除教师信息,分页查询教师信息多条件查询教师信息(教师编号,名称,性别,入职日期),字段排序,导出EXECL表,打印教
  • 2024-05-26ASP.NET MVC使用Layui选择多图片上传
    前言多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解。对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的upload.render方法已经帮我们封装好了,我们只管调用即可,也就是说你选中了几张图片,那么