KgoUI(2) 之 vue + layui

article/2025/9/28 10:05:09

    框架源代码:码云     

我接触layui 已经快2年多了(Layui刚出的时候我就开始关注了),vue 和 layui并不是天生一对,elementui 和vue配合更加亲密无间。我认为layui的弹层layer是当前前端最好的弹层。

这里依旧选择layui的原因:

1)layui确实很漂亮和优秀。

2)对layui的情怀(用vue封装一套layui组件,是我一直想做的,工作中已经有了实操经验,但是总数因为各种工作中对技术的限制不能让我自由发挥,这个计划一直搁置了。)

3)只认为对layui框架比较熟悉。

3)KgoUI只是前端框架,后端框架很多地方为layui做过一下开发,想继续延后。

好的,开始集成 (其实两句好就说完了,直接上代码)

index.html 

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="stylesheet" href="./static/layui/css/layui.css"/><script src="./static/layui/layui.all.js"></script><title>kgoui</title></head><body><style>html ,body{height: 100%;width: 100%;padding: 0;}</style><div id="app"></div><!-- built files will be auto injected --></body>
</html>

layui位置:

这里引用layui.all.js 原因是使用vue路由,整个框架是个单页系统(至少绝大部分是单页),模块一次加载完,不需要在初始化模块了。

 

另外也可以在main.js 中加载layui,但是我感觉这个是最简单的使用方式。


http://chatgpt.dhexx.cn/article/NffykeDB.shtml

相关文章

2021年全国大学生网络安全邀请赛暨第七届“东华杯“上海市大学生网络安全大赛Writeup

2021年全国大学生网络安全邀请赛暨第七届"东华杯"上海市大学网格全大赛Writeup Misc checkin 题目给了AGYAbABhAGcAewBkAGgAYgBfADcAdABoAH0- 是UTF-7编码&#xff0c;解码得到flag flag为&#xff1a; flag{dhb_7th}project 下载附件&#xff0c;解压之后发现这…

玩转Kafka—SpringGo整合Kafka

玩转Kafka—Spring整合Kafka 1 新建Spring Boot项目&#xff0c;增加依赖 <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependenc…

视图单行子查询返回mysql,Oracle命令整理 - osc_sj1kgo4z的个人空间 - OSCHINA - 中文开源技术交流社区...

常用命令 1 sqlplus scott/tiger192.168.47.10:1521/orcl后面不要加&#xff1b; sqlplus sys/oracle as sysdba 【密码认证】 sqlplus用户名任意/密码任意as sysdba 【主机认证】 2 spool d:\基本查询.txt 录屏开始 spool off …

MLX90316KGO-BDG-100-RE传感器 旋转位置 角度测量

介绍 MLX90316是Tria⊗is旋转位置传感器&#xff0c;提供在设备表面旋转的小偶极磁铁(轴端磁铁)的绝对角位置。 得益于其表面的集成磁集中器(IMC)&#xff0c;单片设备以非接触式方式感知应用磁通量密度的水平分量。 这种独特的传感原理应用于旋转位置传感器&#xff0c;可在机…

图形语言 Kgo

http://www.ferlysoft.com/product-kgo.asp 始于2008 无代码开发技术&#xff0c;以图形取代编程 Kgo 介绍Kgo是无代码开发管理信息系统的特定领域语言。 Kgo语言由语法语义、图形设计云工具和运行时环境三个部分构成。Kgo 语法语义采用XSD&#xff08;XML Schemas Definition&…

KgoUI 页面展示

前端框架 vue layui sass 框架源代码&#xff1a;码云

微软账号登陆不上_微软待办(todo)如何跟Outlook任务同步?

小生我之前也遇到这个问题了&#xff0c;后来参考了知友的一个答案&#xff0c;自此得到了解决 但是也还是由很多人不太明白&#xff0c;所以我尝试着把我解决这个问题的关键点描述一下&#xff0c;希望能给大家一些帮助 关键点只有一个&#xff1a; 三个软件的账户一定要一样 …

微软HPC解决方案

首先我们先来看下高性能群集与其它几种群集的不同 高可用群集&#xff1a;群集所有节点&#xff0c;来维持一个应用的持续运作&#xff0c;如果当前应用所在节点失败&#xff0c;自动故障转移至其它节点 负载均衡群集&#xff1a;群集所有节点来平衡一个应用的访问请求&#x…

群辉服务器间同步文件,群晖NAS端之间同步(Cloud Station Sharesync)

Cloud Station套件是一个套件组&#xff0c;包含5个功能模块&#xff0c;其中Cloud Station Server是Cloud Station在NAS上的服务器端&#xff1b;云同步(Cloud Station Drive)和云备份(Cloud Station Backup)是电脑端软件&#xff0c;Drive是电脑端和NAS端的双向同步&#xff…

微软官方硬盘备份软件SyncToy

微软官方硬盘备份软件SyncToy 前言 最近用硬盘检测工具发现硬盘坏道有点多&#xff0c;状态不佳&#xff0c;折腾了一阵还差点把硬盘搞坏&#xff0c;好在重装系统解决了问题&#xff08;重装大法好&#xff09;。再加上现在网上对资源限制越来愈大&#xff0c;所以对数据安全…

微软同步工具之synctoy

&#xfeff;&#xfeff; synctoy是由 微软 推出的一款免费的文件夹同步工具。微软的软件都以复杂与臃肿著称&#xff0c;不过这款软件还真是摆脱了复杂和臃肿。 &#xff1a;第一項是最主要的雙向同步功能&#xff0c;會依據左右兩端點裡檔案的增加、刪除、修改、更名&#x…

软件工程测试题

学堂在线选择题汇总 初识软件工程 软件工程方法是&#xff08; &#xff09;。 为了获得高质量软件而实施的一系列活动为开发软件提供技术上的解决方法为支持软件开发、维护、管理而研制的计算机程序系统为了理解问题和确定需求而采取的一些技术和方法下面的&#xff08; &am…

远程桌面同步本地计算机,微软更新远程桌面应用现在终于可以在本地和远程计算机上复制文件...

远程桌面连接是许多专业用户和开发者必备的功能&#xff0c;通过远程桌面服务可以直接连接远程计算机并可以直接操作。 系统自带的远程桌面连接程序微软已经很久没有更新&#xff0c;因为微软现在主要通过应用商店发布新版本远程桌面应用。 比如在刚刚发布的远程桌面应用新版本…

解决 vscode 登录微软账户同步设置 出现“vscode.dev 关闭了连接“ 问题

我的电脑最近重装了系统&#xff0c;之前的软件都删除了&#xff0c;在重新安装vscode之后想同步之前的设置、主题时出现了问题。 我的解决方法是 在当前页面 输入 https://vscode.dev 看能不能打开。 如果能打开&#xff0c;再次点击vscode登录账号同步设置 我之前使用微软账…

微软应用商店_微软商店那些好用的UWP软件!你不看这篇文章会后悔的!超级实用! | APP杂货店...

作为一个前 Windows phone 用户,一直对微软应用商店(Microsoft Store)有特殊的感情,犹记得大一时天天活跃在爱应用、微疯客、IT之家只为盼着 wp应用能慢慢赶上其它平台,当微软推出uwp(Universal Windows Platform)应用时,更是感觉微软要成了,wp不会再小众了。 微软画饼 然…

FreeFileSync 免费文件同步软件 实时自动备份重要资料

重要资料&#xff0c;必需备份。狡兔还有三窟呢&#xff0c;更不说突然断电就可能OVER的硬盘。 但要用的资料时时时更新的&#xff0c;对于比较小的文档&#xff0c;我们可以按日期多备份几次。如&#xff1a; 备份文档 2017-12-04 备份文档 2018-01-01 备份文档 2018-10-05 ……

自动与时间服务器时间同步,Windows系统时间同步(附时间同步服务器地址)

eProvidersNtpClient ] 分支&#xff0c;并双击 SpecialPollInterval 键值&#xff0c;将对话框中的“基数栏”选择到“十进制”上&#xff0c;如图1所示 图 1 3. 而这时在对话框中显示的数字正是自动对时的间隔(以秒为单位)&#xff0c;比如默认的604800就是由7(天)24(时)60(分…

如何让微软Onedrive同步其他硬盘的文件

最近在工作中&#xff0c;有同事发现Onedriver只能同步自己文件夹中的数据。其他硬盘的数据不同步&#xff0c;发现好恼火。 因为OneDrive在默认文件夹下&#xff0c;无法对其他文件夹备份&#xff0c;进行同步备份。 今天我们就来解决这个同步的麻烦&#xff01;&#xff01; …

微软drive服务器,OneDrive:微软云存储服务

OneDrive&#xff0c;全名Microsoft OneDrive&#xff0c;前称Windows Live SkyDrive&#xff0c;是微软所推出的网络硬盘及云存储服务。用户可以上传他们的文件到网络服务器上&#xff0c;并且透过网络浏览器来浏览那些文件。更可直接编辑和观看Microsoft Office文件。同时推出…

软件体系结构风格介绍

文章目录 软件体系结构风格介绍&#xff08;一&#xff09;管道和过滤器风格&#xff08;二&#xff09;数据抽象与面向对象风格&#xff08;三&#xff09;基于事件的隐式调用风格&#xff08;四&#xff09;层次系统风格&#xff08;五&#xff09;仓库风格&#xff08;六&am…