基于layui的组件

2026-09-17

[开源] 基于Layui组件封装的后台模版，HG-Layui-UI通用后台管理框架V1.0版

HG框架简介 HG-Layui-UI框架,是基于layui最新版UI搭建的一套通用后台管理框架,借鉴了市面上各大主流框架风格,采用iframe标签页实现,保留了传统开发模式的简单实用性. 为快速开发减少重复代码量,框架内部admin.js中封装了常用的组件,包括弹窗提示.日期组件.表单监听.表单验证.数据表格组件.树形组件和request获取数据方法等. 2019-11-12更新 (懒加载模式存在效率问题,待修复..) 增加tree(layid, data, options) 采用官方树形组件,

基于layui的框架模版，采用模块化设计，接口分离，组件化思想

代码地址如下:http://www.demodashi.com/demo/13362.html 1. 准备工作编辑器vscode,需要安装liveServer插件在前端开启静态服务器或者使用hbuilder的自带服务器概述由于公司业务比较复杂,并且有很多重复性的功能,所以尽量采用高可复用的原则,该系统采用完全分离的开发方式,所有数据采用接口调用,所以由于功能模块较多,为了维护容易,采用api分模块管理,不同模块api彼此隔离,按需引用,这避免了之前将所有api接口放到一个文件中不好维护的

Spring - 基于注解的组件扫描

关于Spring的书籍都会花很大篇幅来讲解Spring如何注入各种bean的问题,非常令人头疼,自己在工作中还从来没有用到过. 所以就要跳过那些篇章,直接学习基于注解的组件扫描. 发现spring2是不支持组件自动扫描的,所以上一篇spring的代码要做改动 1重新从myeclipse导入spring3的library 2更改applicationContext.xml,支持spring3,且填入一句<context:component-scan base-package="org.exa

基于Lumisoft.NET组件的SMTP账号登陆检测

在邮件处理的方面,Lumisoft.NET可以说是非常不错的一个选择,我在前面几篇文章中都介绍过这个组件. 基于Lumisoft.NET组件开发碰到乱码等一些问题的解决基于Lumisoft.NET组件的POP3邮件接收和删除操作基于Lumisoft.NET组件和.NET API实现邮件发送功能的对比我的博客内容几乎全部来源我的项目开发或者研究工作,因此对于这个组件的使用还是有一定的说服力,这个组件封装了很多底层的一些操作,对于我们操作邮件的发送.接收的处理,更加方便高效.本文主要介绍该组件

TagHelper+Layui封装组件之Radio单选框

TagHelper+Layui封装组件之Radio单选框标签名称:cl-radio 标签属性: asp-for:绑定的字段,必须指定 asp-items:绑定单选项类型为:IEnumerable<SelectListItem> 太简单了,直接上代码了 RadioTagHelper代码 using System; using System.Collections.Generic; using Microsoft.AspNetCore.Mvc.Rendering; using Microsof

基于CMS的组件复用实践

目前前端项目大多基于Vue.React.Angular等框架来实现,这一类框架都有一个明显的特点:基于模块化以及组件化思维.所以,开发者在使用上述框架时,实际上是在写一个一个的组件,并且组件与组件之间呈嵌套的形式.当一个项目中多次出现同一功能时,他们会选择将其提取出来,并且放到components文件夹中,以达到复用的目的,但是这些复用都是基于同一项目的,所以,当写另一个项目时,又要开始写一些重复的代码. 个推拥有多条业务线,在进行前端项目时总会遇到重复写代码的困境,所以,我们做了PCMS项目,

基于SOA的组件化业务基础平台[转]

转自https://www.ibm.com/developerworks/cn/webservices/1111_xiaojg_soa/index.html 业务基础平台是业务逻辑和基础架构平台之间的一个中间层,对于提高软件开发效率.降低开发难度起到一个非常重要的作用,因此成为很多软件开发商的核心基础平台.本文将介绍一个基于组件化,构建易于扩展.易于升级的业务基础平台思路. 前言业务基础平台是业务逻辑应用和基础架构平台之间的一个中间层,解决 “应用软件的业务描述和操作系统平台.软件基础架构平台

Unit02：参数值注入、基于注解的组件扫描

Unit02: 参数值注入 . 基于注解的组件扫描 (4)IOC (Inversion Of Controll 控制反转) 什么是IOC? 对象之间的依赖关系由容器来建立. 什么是DI? (Dependency Injection 依赖注入) 容器通过调用set方法或者构造器来建立对象之间的依赖关系. 注: IOC是目标,而DI是手段. 依赖注入的两种方式方式一 set方法注入. step1. 添加set方法. step2. 配置set方法注入. 方式二构造器注入. step1. 添加构造器

Go/Python/Erlang编程语言对比分析及示例基于RabbitMQ.Client组件实现RabbitMQ可复用的 ConnectionPool（连接池）封装一个基于NLog+NLog.Mongo的日志记录工具类LogUtil 分享基于MemoryCache（内存缓存）的缓存工具类，C# B/S 、C/S项目均可以使用！

Go/Python/Erlang编程语言对比分析及示例本文主要是介绍Go,从语言对比分析的角度切入.之所以选择与Python.Erlang对比,是因为做为高级语言,它们语言特性上有较大的相似性,不过最主要的原因是这几个我比较熟悉. Go的很多语言特性借鉴与它的三个祖先:C,Pascal和CSP.Go的语法.数据类型.控制流等继承于C,Go的包.面对对象等思想来源于Pascal分支,而Go最大的语言特色,基于管道通信的协程并发模型,则借鉴于CSP分支. Go/Python/Erlang语言特

Window服务基于Quartz.Net组件实现定时任务调度（二）

前言: 在上一章中,我们通过利用控制台实现定时任务调度,已经大致了解了如何基于Quartz.Net组件实现任务,至少包括三部分:job(作业),trigger(触发器),scheduler(调度器).其中job是需要在一个定时任务中具体执行的业务逻辑,trigger通过规定job何时并按照何种指定的规则进行执行,最后job和trigger会被注册到scheduler中,利用scheduler(调度器)来负责协调job和trigger的搭配运行. 你是否在工作中会遇到需要软件具有自动执行任务的功能

基于layUI调用后台数据实现区域信息级联查询

基于layUI调用后台数据实现区域信息级联查询 1.基本思路后台提供根据区域编码查询区域列表公共接口页面初始化调用后台接口加载所有省份点击省份将省份区域编码传入后台查询该省份下所有地市信息,以此类推 2.数据表结构展示 SELECT COLUMN_NAME 列名, DATA_TYPE 字段类型, CHARACTER_MAXIMUM_LENGTH 长度, IS_NULLABLE 是否为空, COLUMN_COMMENT 备注 FROM INFORMATION_SCHEMA. COLUMNS

如何基于layui的laytpl实现数据绑定

想了半天才想起自己园子的登录密码.可想而知,多长时间没登录了正文一开始用layui做了几个管理系统,所以用起来觉得确实很容易上手,管理后台最常用的就是form和table以及弹窗类.layui提供的form table layer已经是很简洁好用了,抛开底层的封装不说,给我们展现出来的使用方法我觉得是非常简化了.管理用到的除了form table layer之外,经常会有一些统计数据展示或者详情页这种内容展示.那么一些用到的统计数据(除图表),如文字统计型数据展示.这个时候,用layui的基于

基于layui,Jquery 表格动态编辑设置编辑值为 int 或者 double 类型及默认值

首先先推荐大家在看这篇笔记时,阅读过我写的这篇 Layui表格编辑[不依赖Layui的动态table加载] 阅读过上面那篇笔记之后呢,才能更好的理解我现在所要说的这个东西接下来废话不多说,上代码. 怕各位懒得动手,直接整理了个案例,如有访问不了代码错误,请在评论区留言,有时间处理问题. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv=&qu

手把手做一个基于vue-cli的组件库（上篇）

基于vue-cli4的ui组件库,先贴个最终效果吧,步骤有点多,准备分上下篇,上篇:如何做一个初步的组件.下篇:编写说明文档及页面优化.开工. GitHub源码地址:https://github.com/sq-github/sq-ui GitHub预览地址:https://sq-github.github.io/sq-ui/dist 一.组件库是基于vue-cli框架的的,用vue-cli创建项目 vue create sq-ui 二.修改目录,以及重新修改配置文件. 1.查看了很多的开源组件库

基于Lumisoft.NET组件，使用IMAP协议收取邮件

在早期一直使用Lumisoft.NET组件来进行邮件的处理查找,对于邮件的处理非常方便,之前在随笔<基于Lumisoft.NET组件的POP3邮件接收和删除操作>中也介绍过基于POP3和SMPT进行邮件的收发处理,一般邮件服务器对于Pop3都是支持很好的,常规使用测试多个服务器都没问题,所以就没怎么研究IMAP协议的处理,本篇随笔基于原来POP3 的需求扩展了IMAP协议的处理. 1.创建IMAP收件辅助类为了方便进行收取IMAP邮件的处理,我们创建一个ImapHelper,并传入相关用到的

easyui基于 layui.laydate日期扩展组件

本人后端开发码农一个,公司前端忙的一逼,项目使用的是easyui组件,其自带的datebox组件使用起来非常不爽,主要表现在 1.自定义显示格式很麻烦 2.选择年份和月份用户体验也不好网上有关于和My97DatePicker结合的例子,但感觉也用的不是很爽. 发现国内的layDate体验非常满意,所以萌生出想把这两个组件组合起来的想法,具体代码如下,本人非前端,所以只是实现了基本功能,大神勿喷哦. easyUI版本:V1.5.2 layDate版本:V5.0 /* 基于laydate日期扩展组

c#版阿里云oss上传——基于layui、pupload的oss 后端web端直传的vue组件

废话前言去年,做项目用到oss上传,度娘上逛了一圈写了个前后端代码结合的c#版oss上传. 今年又要用到oss上传时发现很难复用,复用改动的范围太大,显然这个轮子不合格.于是想了下,花了一天的时间(半天打代码,半天写随笔)重新造了个轮子 Demo地址:https://gitee.com/orrzt/OssUpload 涉及语言框架后端用的是c#,采用了前后端分离,前端用到的主要有layui.pupload.vue 中心思想如下: 通过vue将oss上传封装成一个vue组件,单独分离到一个j

基于fis3的组件可视化道路

首先说明一下,即使不熟悉fis3,阅读文本应该也会有所收获. 本文以fis-parser-imweb-tplv2插件为模板插件,目的不在于使用哪个模板,而是组件可视化的实现思路,不必担心. 先说说模板插件首先说明一下,我们的项目使用的fis3自带的mod.js做模块化开发. fis-parser-imweb-tplv2插件是同事在imweb待着的时候写的.模板使用和jsp写法一致,文件类型为tpl类型 <div class="tips"> <em> <i

基于Lumisoft.NET组件的POP3邮件接收和删除操作（转载）

Lumisoft.NET组件是一个非常强大的邮件发送.邮件接收等功能的开源组件,一般用它来处理邮件的相关操作,是非常合适的.之前也写过一些该组件的随笔文章,不过主要是利用来发送邮件居多,最近由于项目需要,需要利用该组件来接收邮件,邮件通过POP3协议进行接收到本地,故对该组件进行了全面的了解和使用.本文主要是在此背景上,介绍该组件的POP3协议处理类的使用.Lumisoft.NET组件2013年作者有做了一定的更新,修复了一些问题,本文是基于该组件的最新版本进行开发使用. 1.POP3登录及头部

基于Lumisoft.NET组件的POP3邮件接收和删除操作

From: http://www.cnblogs.com/wuhuacong/archive/2013/05/06/3063093.html Lumisoft.NET组件是一个非常强大的邮件发送.邮件接收等功能的开源组件,一般用它来处理邮件的相关操作,是非常合适的.之前也写过一些该组件的随笔文章,不过主要是利用来发送邮件居多,最近由于项目需要,需要利用该组件来接收邮件,邮件通过POP3协议进行接收到本地,故对该组件进行了全面的了解和使用.本文主要是在此背景上,介绍该组件的POP3协议处理类的使用

基于layui的组件

热门专题