草庐IT

onsen-ui

全部标签

使用Electron包装ruoyi-ui/ruoyi-vue实践总结

背景:最近公司新起的项目,由于工期、资源等原因,采用ruoyi框架快速实现开发,由于需要构建客户端,所以借助electron来实现。electron是使用javascripthtmlcss来构建跨平台的桌面应用程序。官网地址:简介|Electron查了很多资料,好像后台管理做成客户端的很少很少,主要参考这篇文章:ruoyi-vue|electron打包教程(超详细)_ruoyi打包_七维大脑的博客-CSDN博客加上自己的实践,在这里记录一下过程以及踩过的坑。一、基础环境说明node:16.14.2&&20.3.1推荐nvm来管理切换ruoyi-ui:3.8.3java:20mysql:8.0经

【Rust日报】2023-01-14 实验性的跨平台 UI 框架 viewbuilder

clapv4.1CLI参数解析器clap发布v4.1,一个小版本。主要改变是错误消息的改进。v4.1文章链接,https://epage.github.io/blog/2023/01/clap-v4-1/serde_json_borrow,更快的JSON反序列化通过将 &'ctxstr 解析为 Value 尝试引用原始字节,而不是将它们复制到字符串中来减少分配,从而实现更快的JSON反序列化。对于ndjson类型的JSON, serde_json_borrow的解析速度提高了2倍。基准测试Runningbenches/crit_bench.rs(/home/pascal/cargo_targe

移动端开发常用的一些UI 组件库

1、Vant是一个轻量、可靠的移动端组件库,于2017年开源。目前Vant官方提供了 Vue2版本、Vue3版本和微信小程序版本,并由社区团队维护 React版本和支付宝小程序版本。官网:https://vant-ui.github.io/vant/v3/#/zh-CN/home中文文档:https://vant-ui.github.io/vant/v3/#/zh-CN在线预览:https://vant-ui.github.io/vant/v3/#/zh-CN/buttongithub地址:https://github.com/vant-ui/vant有赞团队开发的移动端组件库2、VUX(读音

​【UI界面】Foobar2000 FlatLite 整合版

 Foobar2000是一款本地音乐播放器,这里我就不再做介绍了,不懂的请自行了解。此 Foobar2000FlatLite主题包为整合版本,下载既可用。主题界面是模块化的JS面板,每个面板都是独立的,面板里的图标也是由JS脚本绘制,可以实现颜色的自由变换等。 主题介绍:本主题是以简洁、大封面、更佳的迷你窗体验、音乐视频播放和本地化为主的扁平风格主题包。UI与布局是基于"分栏用户界面(CUI)"组件,采用无系统边框的设计,在界面及元素上会更加美观与统一。且原生支持2K与4K高分屏的显示,会自动的根据屏幕分辨率切换至对应的UI主题。此最新版主要新增旋转封面,由于组件设计的绘图刷新缺陷,封面的旋转

基于Qt WebChannel的前端UI桌面混合应用

基于QtWebChannel的前端UI桌面混合应用一、Qt模块二、开发实例1.创建工程2.资源拷贝3.主应用4.工程方法5.前端页面三、总结一、Qt模块本文使用Qt5.15LTS版本,开发环境:Windows+MSVC201932-bit,其它平台参考PlatformNotes。QtWebEngine该模块主要提供一个基于Chromium的跨平台浏览器引擎。QtWebChannel该模块提供的js库可以无缝访问C++或QML注册的序列化对象。二、开发实例工程目录树:demo├──core.h├──demoassets.pri├──demo.pro├──index.html├──main.cpp

Qt 6. 其他类调用Ui中的控件

1.把主类指针this传给其他类,tcpClientSocket=newTcpClient(this);//ex2.cpp#include"ex2.h"#include"ui_ex2.h"Ex2::Ex2(QWidget*parent):QDialog(parent),ui(newUi::Ex2){ui->setupUi(this);tcpClientSocket=newTcpClient(this);}Ex2::~Ex2(){deleteui;}voidEx2::on_pushButtonTcpConnect_clicked(){tcpClientSocket->Test();}2.把ui类

UI学习——UIScrollView(滚动视图)

文章目录一、基本概念二、基本用法三、UIScrollViewDelegate协议总结一、基本概念UIScrollView可以用来展示超出屏幕大小的内容,并且可以通过手势来滚动显示这些内容。二、基本用法#import"ViewController.h"@interfaceViewController()@end@implementationViewController-(void)viewDidLoad{[superviewDidLoad];//Doanyadditionalsetupafterloadingtheview.//定义并创建一个滚动视图//可以对视图内容进行滚屏查看功能UIScro

Cron在前端的使用,vue与element ui的vue-cron插件的使用及将定时任务cron表达式解析成中文

文章目录vue-cron插件的使用安装依赖引用Vue页面去掉秒和年定时任务cron解析成中文该插件存在的一个缺陷vue-cron插件的使用安装依赖执行下面npm命令:npminstallvue-cron--save引用在想使用cron的vue页面引入以下:importVueCronfrom‘vue-cron’importVuefrom‘vue’Vue.use(VueCron)Vue页面el-col:span="12">el-form-itemlabel="同步时间"prop="execTime">el-popoverv-model="cronPopover">vueCron@change="c

Element-Ui组件 单选框(Radio,Checked) 修改点击激活时的文本颜色,填充色和边框色

/*选中后的字体颜色*//deep/.el-radio__input.is-checked+.el-radio__label{color:#409eff!important;}/*选中后圆圈的背景颜色*//deep/.el-radio__input.is-checked.el-radio__inner{background:#409eff!important;border-color:#409eff!important;}//选中后小圆点的颜色/deep/.el-radio__input.is-checked.el-radio__inner::after{background:#fff!imp

2023年最流行的10款前端UI框架排名

一:前端UI框架是什么?前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集,提供了一系列的UI组件、样式、布局等基础功能,使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。二:为什么要使用前端UI框架?前端UI框架可以大大减少前端开发人员的工作量,提高开发效率,同时也能够保证Web应用的视觉效果和交互体验的一致性。三:2023年国内最流行的前端UI框架有哪些?1、ElementPlus: 由饿了么团队开发,是目前流行度很广的一款前端UI框架,非常优秀!基于全新的Vue3(当然也有Vue2版本),提供了丰富的UI组件和样式,性能和开发体验都非常棒,