草庐IT

ui-guidelines

全部标签

基于Gin+Vue+Element UI前后端分离工作流系统

前言最近在学习Go方面的知识,恰巧在码云看到一个前后端分离的工作流系统,顺便分享给各位小伙伴,有需要的可以借鉴下撸主的工作流开发思路。简介本系统是集工单统计、任务钩子、权限管理、灵活配置流程与模版等等于一身的开源工单系统,当然也可以称之为工作流引擎。致力于减少跨部门之间的沟通,自动任务的执行,提升工作效率与工作质量,减少不必要的工作量与人为出错率。系统管理基于casbin的RBAC权限控制,借鉴了go-admin项目的前端权限管理,可以在页面对API、菜单、页面按钮等操作,进行灵活且简单的配置,爪哇笔记。项目截图功能介绍下面对本系统的功能做一个简单介绍。工单系统相关功能:工单提交申请工单统计多

【HarmonyOS】【JAVA UI】鸿蒙怎么对图片编码为base64和base64解码为PixelMap,并显示在控件上

 在HarmonyOS中对图片的解码和编码是常见的操作,在HarmonyOS怎么进行编码和解码呢?今天写一个demo进行实现该功能实现,我们从以下几个步骤进行讲解该功能1.       准备环节2.       图片编码为Base64字符串3.       Base64解码为PixelMap,并显示在Image控件上第一步准备环节1.1    准备一张图片放在resources/rawfile文件夹下,图片如下1.2 新建ImageAbilitySlicejava类和xml布局, xml布局如下XML效果图如下第二步图片编码为Base64字符串2.1这边我们参考资料是Base64的基本用法,来

基于Visual Studio扩展的WPF工业组态UI控件-ConPipe

本文的组态控件是由《轻量而敏捷的工业组态软件UI设计工具-ConPipeStudio2022》和《轻量而敏捷的工业组态软件UI设计工具-机械组态篇》两篇文章中的方案全新升级而来的,升级控件依然继承了“程序员自己能干的事情绝不麻烦美工”的思想。最大的不同就是由ConPipeStudio工具直接升级到VisualStudio的扩展,也就是管道、皮带轮、链轮等支持拖拽改变布局的控件直接由VS扩展提供支持,不需要再将xaml代码复制到ConPipeStudio里进行布局调整,省得再来回倒腾xaml代码。此次升级的控件数量由之前的二十多个增加到四十多个,主要分组态控件和基础控件。基础控件在ConPipe

vue+element UI之el-select和el-tree实现单选/复选/搜索组件封装

  最近在写代码的时候遇到一个需求,就是需要试用下拉菜单完成二级菜单选择、甚至有三级的菜单选择:  UI提出此功能需要有以下三个要点:在不同的情况下要实现单选或者多选选择的内容要回调在输入框内既可以下拉选择又可以搜索选择  基于此,我开始设计了这个组件。话不多说上效果图。多选效果图单选效果图 &emsp话不多说上代码:父组件template>divclass="demo">elTree:list="options":defaultProps="defaultProps"@getdetail="getdetail":selectType="selectType">/elTree>/div>/te

【Unity UI ToolKit】01 - 新手教程 从控件创建到C#代码控制

UI ToolKit分为Editor和Runtime,这里先梳理下运行时(Runtime)的,从新建工程,创建UIDocument,VisualElement,演示USS,到用C#获取控件,绑定事件等一系列基础使用流程。大致流程如下:1.创建项目。(unity版本选择及基础介绍)2.创建UIDocument3.部分基础控件VisualElement,label,button创建及样式编辑4.创建USS,及使用5.创建C#脚本,获取控件及绑定事件6.运行测试1.创建项目Unity2021.3.X已经内置了UI Toolkit,因此我这里使用的是2021.3.0,如果是较旧版本需要去Package

Vue + Element-ui实现后台管理系统---项目搭建 + ⾸⻚布局实现

目录:导读项目搭建+⾸⻚布局实现一、项目搭建1、环境搭建2、项目初期搭建二、Main.vue三、左侧栏部分(CommonAside.vue)四、header部分(CommonHeader.vue)五、Home.vue写在最后项目搭建+⾸⻚布局实现这篇主要讲解项目搭建+后台⾸⻚布局实现:整体效果后台首页按布局一共包含3个部分:1、左侧栏部分2、头部部分3、内容部分。说明在整个后台管理系统中,左侧栏和头部部分是应该一直在页面中展示的,所以对于每个页面这两个组件都应该存在,而内容部分才是通过router的跳转而跳到不同的组件。下面先把整个项目搭建一下,然后再来讲解上面三个部分一、项目搭建1、环境搭建

创建第一个微信小程序 uni-app + Vue3 + Color UI + Webstorm

最近打算撸一个小程序练练手,顺便记录下开发过程。。也欢迎感兴趣的小伙伴交流小程序开发经验!大概会有一个系列的博客吧(尽量不太监目录一、前置步骤1.1注册微信小程序账号,取得AppID1.2下载并安装微信开发者工具二、uni-app2.1下载并安装HBuilderX2.2新建uni-app项目2.3使用npm(可选) 三、ColorUI3.1运行官方demo3.2引入ColorUI3.3浅试一下ColorUI的效果,将原生导航栏替换为自定义样式四、使用Webstorm替代HBuilderX4.1用vue-cli创建模板项目4.2迁移原来的HBuilderX项目五、uni-app,从入门到放弃一、

基于Element UI或Element Plus实现具有倒计时的Message消息提示

刚好遇到一个需要自动关闭消息提示的需求,可Element框架暂时没有实现这个功能。开始时没有头绪,于是搜一下道友的博客文章,看到有一篇文章实现了这个功能,在此我完善了一下这个技巧方法。完善后的技巧方法支持多次点击,实例化多个消息提示,每个消息提示都具有自己的倒计时。以及可在ElementUI或ElementPlus框架上实现。一、首先新建文件/src/utils/elementUtil.ts二、在ElementUI框架上的实现import{Message}from'element-ui'lettimer=null/***倒计时Message方法*/functioncoutdownTime(ms

element-ui中this.$confirm提示文字中,部分有颜色(自定义)

如图想要让element-ui中的提示文字中,部分有颜色可以如下设置:MessageBox组件可以通过传递一个HTML片段来自定义对话框内容的样式。注意,在使用MessageBox组件时需要添加dangerouslyUseHTMLString:true选项来启用自定义HTML片段。可以直接这么写this.$confirm('请确认是否将该干预策略下线,确认后立即生效。','下线确认',{confirmButtonText:'确定下线',cancelButtonText:'取消',dangerouslyUseHTMLString:true,type:'warning',}).then(()=>{

【Android知识笔记】UI体系(一)

Activity的显示原理setContentView首先开发者Activity的onCreate方法中通常调用的setContentView会委托给Window的setContentView方法:接下来看Window的创建过程:可见Window的实现类是PhoneWindow,而PhoneWindow是在Activity创建过程中执行attachContext的时候创建的!接下来看PhoneWindow的setContentView方法:可见PhoneWindow的se