草庐IT

onsen-ui

全部标签

身为一个后端程序员如何快速制作后端管理系统的UI

前言我的专业领域在后端开发上,前端我仅仅是熟悉,但是要从头开发一个前端UI界面有点难为人了。那么身为一个后端程序员我们怎么来开发后端管理系统UI界面呢?方案1:现成的模版来套(有一定的前端基础,只是基础不好的人员)市面上有很多后端管理系统的UI模版,但我推荐的layui,虽然技术偏老,也没咋维护了,但是上手简单呀,不用你重头写,几乎什么组件都给你封装好了的,拿下来直接用就行。看嘛,想要啥子对比效果图,直接复制源码用就行。很是方便。方案2:依托laravel-dcatadmin(完全不会前端,就只会后端)这个就比较局限了,但如果后端框架是用laravel开发的,完全可以安装可dcatadmin扩

Element UI级联选择器 多选模式下,实现同一父级下最多只能选中一个子级

这个需求有点多选与单选结合的意思,同一父级下的子节点单选,又可以选择多个不同父级下的节点。这里以两级为例,实现一个在多选模式下,同一父级下最多只能选中一个子级的级联选择器。1、隐藏父级节点处的CheckBox多选模式下可以通过勾选父级一键选中所有的子级,而每个父级下可能有多个子级,也可能只有一个,起初我想的是根据本次选择选中的个数分类讨论,但讨论起来比较繁琐,所以最后决定直接把父级的checkbox隐藏掉,不让用户直接勾选父级,减少了很多不必要的麻烦。.hide{.el-cascader-menu:first-of-type{.el-cascader-node{.el-checkbox{dis

angular框架表格自定义导出,ui组件库为【devExpress by devExtreme】导出插件为exceljs、file-saver

前言使用的ui组件库为devExtreme注意:如果你没有使用这个组件库,那后续的代码可能对你不适用!!!,因为devExtreme和exceljs是结合着来的其地址如下:devexpresshttps://js.devexpress.com/导出使用的是ExcelJS其地址如下:exceljshttps://github.com/exceljs/exceljs/blob/master/README_zh.md正文安装exceljs直接npm或者yarn安装即可引入到项目中注意这里引入Workbook会报错,所以换了种引入方法引入exceljs.min.js,见下面代码本项目版本angular

GO语言使用最简单的UI方案govcl

接触go语言有一两年时间了。之前用Qt和C#写过桌面程序,C#会被别人扒皮,极度不爽;Qt默认要带一堆dll,或者静态编译要自己弄或者找库,有的库还缺这缺那,很难编译成功。如果C#winform可以编译成二进制原生exe的话,给人感觉是开发效率最好的。C#有nuget可以用别人的库,Qt就比较麻烦,除了它现有的,用其他的库好麻烦。此外,Qt还存在内存泄漏风险,不好控制。go语言有在线库,可以拉取自己需要的各种包,跟python一样,实在是好方便,很好用。就像有网友说的,为了那一个好用的函数,去拉下别人一个库,这就是拉库复用的魅力!go语言有自己的垃圾回收机制,不太熟悉的话,也可以避免内存泄漏问

有了这些开源 Icon 库,妈妈再也不担心我的 UI 太丑啦!

RemixIconRemixIcon是一套面向设计师和开发者的开源图标库,所有的图标均可免费用于个人项目和商业项目。与拼凑混搭的图标库不同,RemixIcon的每一枚图标都是由设计师按照统一规范精心绘制的,在拥有完美像素对齐的基础上,确保每一枚图标风格一致且简洁易读。图标以24x24网格为基准,分为“线性图标”和“面型图标”两种风格,其图标风格为中性风格,适用于各种用户群体的项目。了解更多:RemixIcon首页、文档和下载-开源图标库-OSCHINA-中文开源技术交流社区IoniconsIonicons 是一个完全开源的图标集,包含1,300个专为Web、iOS、Android和桌面应用程序

【Unity100个实用小技巧】如何修改UI上材质的Shader

☀️博客主页:CSDN博客主页💨本文由萌萌的小木屋原创,首发于CSDN💢🔥学习专栏推荐:面试汇总❗️游戏框架专栏推荐:游戏实用框架专栏⛅️点赞👍收藏⭐留言📝,如有错误请指正📆未来很长,值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------​​​​Unity小科普老规矩,先介绍一下Unity的科普小知识:​​​ Unity是行业领先的实时3D开发平台。包括游戏开发,电影,AR/VR,虚拟现实在内的所有创作者,可以将梦想照进现实。Unity提供了一套完整完善的软件解决方案,可用于创作,运营和模拟任何2D和3D的内容,进本全

零基础学鸿蒙编程-UI控件_PageSlider+PageSliderIndicator

什么是PageSlider、PageSliderIndicatorPageSlider是用于实现整页切换.PageSliderIndicator用于辅助显示当前所处页面。效果图:基础用法在主布局文件"ability_main.xml"中增加PageSlider和PageSliderIndicatorStackLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent">PageSliderohos:id="$+id:pager_slider"oho

java - 无法让 springfox-swagger-ui 与 Spring MVC 一起工作

我花了几天时间寻找并未能找到解决方案,大多数示例处理springboot和gradle,我只使用springmvc和maven。如果我删除springfox-swagger-ui依赖项,应用程序运行正常,并且以下返回JSON符合预期http:\\localhost:8080\restful\v2\api-docs?group=restful-api出于某种原因,我的spring应用程序无法通过swagger-ui.html,如果我设置index.html,它会给出相同的响应我试过添加:web.xml中的欢迎列表文件资源处理程序默认Servlet处理没有效果。应用配置packageau.

Element Ui Tree组件实现增、删、改、查、拖拽节点 的树形结构

介绍:首先组件|Element官网某些功能都具备了,这里我就把这些功能结合在一起更完美的使用,其次编辑节点官网是没有实例,所以这里搞了一套较完整的功能,其次编辑和添加,这里直接使用了弹窗(顾及到多个参数设置),接下来效果图展示!效果图如下:1,其中点击展开/折叠看个人需求;2,组件中:default-checked-keys="List_id"(如:获取所有权限,匹配改个节点(角色)所包含的权限,修改时默认勾选,List_id该角色拥有权限的id的集合!)讲述的可能稍有复杂,代码有注释可以看看!(自己引入相关插件)   src:url('../css/element-icons.woff')f

Unreal 5 实现UI制作

这一篇讲解一下unrealengine里面的内置ui插件UMG,虚幻示意图形界面设计器(UnrealMotionGraphicsUIDesigner)(UMG)是虚幻引擎内置的一套ui制作工具,通过它我们能够实现平面ui,场景hud内容实现背景图片填充整个屏幕首先将图片拖入到屏幕,然后设置锚点为全屏然后将其它值设置为0,这样就可以自动平铺整个平面设置可视可交互和隐藏在控件的右侧细节,找到可视性,可以设置自身可视,隐藏,以及交互的设置(包括自身的子类)修改颜色在笔刷里面找到着色,可以将颜色应用到图像。制作按钮蓝图如果ui上面有很多个按钮,正常的制作方式是需要制作一个按钮蓝图,然后再需要使用的地方