MyUI - 新德汇出品的基于 Element UI 的中后台项目工程框架

MyUI - 新德汇出品的基于 Element UI 的中后台项目工程框架

基于 Vue + Element UI 构建的中后台工程框架,专业美观,内置组件丰富。

关于 MyUI

MyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架,专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴,现在终于有了一个颜值在线,综合素质优秀的 admin UI 框架了。

MyUI 演示预览

框架特点

  • 搭载的代码生成器可生成底层 api 调用、vuex 管理、模拟数据的开发代码,能极大地提高开发效率;
  • 包含超过150个常用的 UI 组件,自动注册及按需加载机制;
  • 集成图表库、地图应用类库以及大屏数据展示页面;
  • 支持子前端微服务子应用,可独立开发、运行、部署;
  • 自动生成路由;
  • 内置多种主题,也支持自定义主题,可以实现在线切换。

MyUI 首页

MyUI 内置组件

MyUI 开发上手感受

和很多公司“出品”的 kpi 开源项目不一样,MyUI 是一个文档详细,实用性强的开源项目工具框架,底层基于 Vue.js 和 Element UI,之前我的也吐槽过多数基于 Element UI 的 admin UI 框架只注重功能开发,堆砌组件的模式把 Element 优美的设计都磨灭了,搭建出来的后台管理系统往往惨不忍睹,造成了我喜欢 Element 但又无 admin 框架可用。

MyUI 不仅很好地保留了 Element UI 的专业和美观,作为项目快速生成的工具,解决了很多性能和开发效率的问题,比如代码生成器生成 api 调用的开发代码和 vuex 状态管理,这是中后台管理系统经常重复编写的代码,这样能极大地提高 web 开发效率,非常优秀。

MyUI 上手非常简单,只要 Vue.js 和 Element UI 的基础知识过关,就可以从官网提供的文档开始上手。图表、关系图、流程图和地图类库的支持使得 MyUI 的使用场景很广泛,可以轻松应对针对企业用户的需求。

MyUI 数据大屏

不足之处

通过 tab 标签多开页面的需求在需要频繁对照切换的 admin 管理系统中很常见,不足的是,虽然 MyUI 支持开启 tab 标签模式打开页面,但每次显示标签页都重新渲染了页面,配置里也没有针对标签页缓存的设置,要实现这样的需求可能需要开发者自行通过 Vue 的 keep-alive 组件来实现了。

免费开源说明

MyUI 基于 MIT 协议在 Gitee 上开源,可以免费使用,包括用于商业用途。

原文链接:https://www.thosefree.com/myui

您可以按照以下步骤将外部的ui文件替换掉项目自带的ui文件: 1. 在项目找到自带的.ui文件,并将其备份或删除。 2. 将外部的.ui文件复制到项目。 3. 在VS打开外部的.ui文件,然后右键单击设计器的顶级窗口,并选择“提取到新文件”选项。这将创建一个新的.cs文件,其包含所有控件的初始化代码。 4. 在您的项目找到窗体的代码文件(.cs文件),并将其打开。 5. 在代码文件找到窗体的构造函数,并将其修改为以下形式: ``` public Form1() { InitializeComponent(); // 加载窗体的UI this.SuspendLayout(); System.ComponentModel.ComponentResourceManager resources = new System.ComponentModel.ComponentResourceManager(typeof(Form1)); this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F); this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; this.ClientSize = new System.Drawing.Size(284, 261); this.Icon = ((System.Drawing.Icon)(resources.GetObject("$this.Icon"))); this.Name = "Form1"; this.Text = "Form1"; // 加载外部的UI this.Load += new System.EventHandler(this.Form1_Load); this.ResumeLayout(false); } ``` 6. 在代码文件添加一个Form1_Load事件处理程序: ``` private void Form1_Load(object sender, EventArgs e) { // 加载外部的UI MyUI.UIHelper.LoadFromResource(this, "MyUI.MyForm.ui"); } ``` 7. 请确保将MyUI.MyForm.ui替换为您的外部UI文件的名称和命名空间。 现在,您的项目将使用外部的UI文件。请注意,您还需要复制外部UI文件使用的任何图像或其他资源。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值