https://linkedbus.com/sitetag/element-ui/ Recent content in Element-UI on 链氪巴士 Hugo -- gohugo.io zh-CN Mon, 09 Dec 2024 14:51:00 +0800 https://linkedbus.com/sites/22210.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22210.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post book-ms-ui：基于vue.js、element-ui搭建图书管理平台" /><p class="site-visit"><a href="https://github.com/Zealon159/book-ms-ui" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名book-ms-ui基于vuejselement-ui搭建图书管理平台"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dbook-ms-ui%e5%9f%ba%e4%ba%8evuejselement-ui%e6%90%ad%e5%bb%ba%e5%9b%be%e4%b9%a6%e7%ae%a1%e7%90%86%e5%b9%b3%e5%8f%b0" class="header-anchor"></a>【Github】项目名：book-ms-ui：基于vue.js、element-ui搭建图书管理平台 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个基于vue.js和element-ui搭建的极简的前后端分离图书管理平台，项目功能虽然不是很多，但前后端分离该涉及的技术点都会涉及。演示地址为http://books.zealon.cn/。它有完备的组织架构体系，基于RBAC模型实现用户权限配置，基于导航守卫动态生成路由、用户菜单、面包屑导航等，axios异步请求统一封装并统一处理操作结果通知，element-ui组件使用覆盖率达70%以上，项目接口工程基于SpringBoot2.x开发。虽是图书管理平台，更像是后台管理的脚手架，可用于开发任何想维护的模块。</p> https://linkedbus.com/sites/22138.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22138.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post el-tree-transfer：基于Vue和element-ui的树形穿梭框及邮件通讯录" /><p class="site-visit"><a href="https://github.com/hql7/tree-transfer" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名el--tree--transfer基于vue和element--ui的树形穿梭框及邮件通讯录"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8del--tree--transfer%e5%9f%ba%e4%ba%8evue%e5%92%8celement--ui%e7%9a%84%e6%a0%91%e5%bd%a2%e7%a9%bf%e6%a2%ad%e6%a1%86%e5%8f%8a%e9%82%ae%e4%bb%b6%e9%80%9a%e8%ae%af%e5%bd%95" class="header-anchor"></a>【Github】项目名：el – tree – transfer：基于Vue和element – ui的树形穿梭框及邮件通讯录 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>el – tree – transfer是一个基于Vue和element – ui的树形穿梭框组件。它类似于element – ui的transfer组件，但数据是树形结构。此组件依赖element – ui的Checkbox多选框、Button按钮和Tree树形控件，并非在element – ui的穿梭框组件上扩展，只是参照其外观样式和功能。由于业务使用vue框架和element – ui库，且市面上好用的vue树形穿梭框组件难寻，又不想引入其他重量级插件，所以有了这个轻量、易用且无需额外学习成本的组件。</p> https://linkedbus.com/sites/22216.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22216.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post h5editor：仿易企秀类h5页面编辑工具（不再维护）" /><p class="site-visit"><a href="https://github.com/Alvin-Liu/h5editor" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名h5editor-仿易企秀类h5页面编辑工具不再维护"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dh5editor-%e4%bb%bf%e6%98%93%e4%bc%81%e7%a7%80%e7%b1%bbh5%e9%a1%b5%e9%9d%a2%e7%bc%96%e8%be%91%e5%b7%a5%e5%85%b7%e4%b8%8d%e5%86%8d%e7%bb%b4%e6%8a%a4" class="header-anchor"></a>【Github】项目名：h5editor-仿易企秀类h5页面编辑工具（不再维护） </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>h5editor是一款可视化手机h5编辑器（虽称为h5编辑器不太准确，但周围人这样认为便如此称呼），主要功能是上下全屏翻页这种微场景效果，基于vue2、element-ui实现，主要功能模仿易企秀。这只是个临时兴起的项目，开始于刚接触vue没多久的时候。</p> https://linkedbus.com/sites/21870.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21870.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post hyperf-admin：基于Hyperf、Element-UI的通用管理后台" /><p class="site-visit"><a href="https://github.com/penghcheng/hyperf-admin" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名hyperf--admin基于hyperfelement--ui的通用管理后台"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dhyperf--admin%e5%9f%ba%e4%ba%8ehyperfelement--ui%e7%9a%84%e9%80%9a%e7%94%a8%e7%ae%a1%e7%90%86%e5%90%8e%e5%8f%b0" class="header-anchor"></a>【Github】项目名：hyperf – admin：基于Hyperf、Element – UI的通用管理后台 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>Hyperf – Admin是基于Hyperf v1.1开发的前后分离管理后台。它提供了多种功能，如管理员管理、角色管理、菜单管理、参数管理、OSS管理和日志管理等。并且提供了演示地址：http://mrw.so/4I6mCR（账号密码：admin/admin），还有QQ交流群：235816687。在开发运行方面，根目录下有zls – watch（一个技术朋友分享的用go写的插件，可以直接运行，其他命令可查看./zls – watch – H，运行前需执行chmod +x./zls – watch和./zls – watch操作），安装步骤为dockerrun – v/docker/www/hyperf – api:/hyperf – skeleton – p8080:9501 – it — entrypoint/bin/bashhyperf/hyperf:7.2 – alpine – cli – 4.4.7 – v/docker/www/hyperf – api:/hyperf – skeleton（其中/docker/www/hyperf – api是宿主机目录，/hyperf – skeleton是docker目录，8080是本地端口，9501是docker下Hyperf配置文件servers的端口）。</p> https://linkedbus.com/sites/21554.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21554.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post newpanjing/simpleui-基于vue+element-ui的djangoadmin现代化主题" /><p class="site-visit"><a href="https://github.com/newpanjing/simpleui" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名newpanjingsimpleui--基于vueelement--ui的djangoadmin现代化主题"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dnewpanjingsimpleui--%e5%9f%ba%e4%ba%8evueelement--ui%e7%9a%84djangoadmin%e7%8e%b0%e4%bb%a3%e5%8c%96%e4%b8%bb%e9%a2%98" class="header-anchor"></a>【Github】项目名：newpanjing/simpleui – 基于vue+element – ui的djangoadmin现代化主题 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>simpleui是一个用于djangoadmin的主题，它基于vue+element – ui开发，重写和优化了90%以上的页面。全球20000 +网站都在使用。具有内置28款流行主题、pip闪电安装、100%兼容原生admin无需修改代码、多标签页面使模块更清晰、配置简单极速上手（在settings.py中加入simpleui后启动立即生效，效率提升100%）等特点。还新增支持Django3.0，Python3.8、Python3.9。</p> https://linkedbus.com/sites/21951.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21951.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post renren-fast-vue：基于vue等构建的前端解决方案" /><p class="site-visit"><a href="https://github.com/renrenio/renren-fast-vue" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名renren-fast-vue--基于vue等构建的前端解决方案"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8drenren-fast-vue--%e5%9f%ba%e4%ba%8evue%e7%ad%89%e6%9e%84%e5%bb%ba%e7%9a%84%e5%89%8d%e7%ab%af%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88" class="header-anchor"></a>【Github】项目名：renren-fast-vue – 基于vue等构建的前端解决方案 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>renren – fast – vue基于vue、element – ui构建开发，主要用于实现renren – fast后台管理前端功能，为用户提供一套更优的前端解决方案。该项目前后端分离，通过token进行数据交互，可独立部署。并且具备主题定制功能，能通过scss变量统一一站式定制；拥有动态菜单，可通过菜单管理统一管理访问路由；还可以通过mock配置对接口数据／mock模拟数据进行切换。在发布时，能够动态配置CDN静态资源、切换新旧版本。</p> https://linkedbus.com/sites/22222.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22222.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-dynamic-form-component：Vue动态多级表单组件" /><p class="site-visit"><a href="https://github.com/chenquincy/vue-dynamic-form-component" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-dynamic-form-componentvue动态多级表单组件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-dynamic-form-componentvue%e5%8a%a8%e6%80%81%e5%a4%9a%e7%ba%a7%e8%a1%a8%e5%8d%95%e7%bb%84%e4%bb%b6" class="header-anchor"></a>【Github】项目名：vue-dynamic-form-component：Vue动态多级表单组件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue-dynamic-form-component是一个基于element-ui和async-validator的动态表单组件。只需编写想要的数据描述符（参考async-validator），它就能自动生成表单。</p> https://linkedbus.com/sites/22107.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22107.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-ele-form：基于element-ui的数据驱动表单组件" /><p class="site-visit"><a href="https://github.com/dream2023/vue-ele-form" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue--ele--form基于element--ui的数据驱动表单组件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue--ele--form%e5%9f%ba%e4%ba%8eelement--ui%e7%9a%84%e6%95%b0%e6%8d%ae%e9%a9%b1%e5%8a%a8%e8%a1%a8%e5%8d%95%e7%bb%84%e4%bb%b6" class="header-anchor"></a>【Github】项目名：vue – ele – form：基于element – ui的数据驱动表单组件 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue – ele – form是基于element – ui form的二次封装。它有众多的特点，内置20多种表单类型，包含单选、多选等；拥有多种增强型的上传组件以及丰富的第三方扩展，像树形下拉选择框、富文本等；配备可视化生成表单工具、内置表单校验、支持表单布局和响应式表单等多种功能。并且上述功能仅需一行和数据就能实现，兼顾质量与开发速度。不过由于架构问题，项目作者不再维护，也不推荐使用，但在用的用户发现问题可通过PR提交改善，作者也会帮忙发布npm版本。</p> https://linkedbus.com/sites/22209.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22209.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-element-nocode-admin：element-ui的代码可视化编辑" /><p class="site-visit"><a href="https://github.com/Liugq5713/vue-element-nocode-admin" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-element-nocode-adminelement-ui的代码可视化编辑"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-element-nocode-adminelement-ui%e7%9a%84%e4%bb%a3%e7%a0%81%e5%8f%af%e8%a7%86%e5%8c%96%e7%bc%96%e8%be%91" class="header-anchor"></a>【Github】项目名：vue-element-nocode-admin：element-ui的代码可视化编辑 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>这是一个element-ui的代码可视化编辑器，可自动生成表单代码和列表代码，不是可视化解决方案，更像是生成模板的工具。有网页版本在preview分支。安装可使用npminstall-gele-cli，服务端占用3000端口。在表单编辑方面，一份表单有两个编辑点，包括表单属性（如表单对象、表单的Ref用于表单验证）和表单元素。表单元素生成有拖拽和JSON转化两种方式，在处理后端数据生成表单方面也有相关的操作逻辑等。</p> https://linkedbus.com/sites/22182.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22182.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue-llplatform：基于vue、element搭建的后台管理平台" /><p class="site-visit"><a href="https://github.com/linjinze999/vue-llplatform" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue-llplatform基于vueelement搭建的后台管理平台"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue-llplatform%e5%9f%ba%e4%ba%8evueelement%e6%90%ad%e5%bb%ba%e7%9a%84%e5%90%8e%e5%8f%b0%e7%ae%a1%e7%90%86%e5%b9%b3%e5%8f%b0" class="header-anchor"></a>【Github】项目名：vue-llplatform：基于vue、element搭建的后台管理平台 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>vue-llplatform是一个基于vue、element搭建的后台管理平台。其技术栈基于ES6、vue、vue-router、axios和element-ui，所有请求数据使用Mock.js模拟。该平台具有登录（注册、注销、自动登录、密码加密、权限验证等）、全局功能（国际化多语言、自定义主题等）、功能页面（表格、表单、富文本编辑器等）等多种功能。考虑到后台管理一般在电脑端查看，未实现移动端适配。</p> https://linkedbus.com/sites/22139.html Fri, 06 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/22139.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post wl-tree-transfer：基于Vue和element-ui的树形穿梭框组件" /><p class="site-visit"><a href="https://github.com/hql7/wl-tree-transfer" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名wl--tree--transfer基于vue和element--ui的树形穿梭框组件"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dwl--tree--transfer%e5%9f%ba%e4%ba%8evue%e5%92%8celement--ui%e7%9a%84%e6%a0%91%e5%bd%a2%e7%a9%bf%e6%a2%ad%e6%a1%86%e7%bb%84%e4%bb%b6" class="header-anchor"></a>【Github】项目名：wl – tree – transfer：基于Vue和element – ui的树形穿梭框组件 </h2><h3 id="一项目简介"><a href="#%e4%b8%80%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>一、项目简介 </h3><p>wl – tree – transfer是一个基于Vue.js和element – ui的树形穿梭框组件，功能类似于element – ui的transfer组件，但数据为树形结构。它可用于邮件通讯录，具有轻量、易用的特点，无需投入其他学习成本。项目已不再更新，和el – tree – transfer功能一样，也可在weilan – ui中找到它。</p> https://linkedbus.com/sites/21354.html Thu, 05 Dec 2024 00:00:00 +0800 https://linkedbus.com/sites/21354.html <img src="https://linkedbus.com/uploads/linkedbus.com/favicon/1733218100-images.png" alt="Featured image of post vue2-manage：基于vue+element-ui的后台管理系统" /><p class="site-visit"><a href="https://github.com/bailicangdu/vue2-manage" target="_blank" rel="noopener nofollow">访问官网 →</a></p> <h2 id="github项目名vue2--manage基于vueelement--ui的后台管理系统"><a href="#github%e9%a1%b9%e7%9b%ae%e5%90%8dvue2--manage%e5%9f%ba%e4%ba%8evueelement--ui%e7%9a%84%e5%90%8e%e5%8f%b0%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f" class="header-anchor"></a>【Github】项目名：vue2 – manage：基于vue+element – ui的后台管理系统 </h2><h3 id="项目简介"><a href="#%e9%a1%b9%e7%9b%ae%e7%ae%80%e4%bb%8b" class="header-anchor"></a>项目简介 </h3><p>此项目是由vue+element – ui构建的后台管理系统，是后台项目node – elm的管理系统。所有数据从服务器实时获取真实数据，具备真实的注册、登陆、管理数据、权限验证等功能。需注意项目预览地址和接口要使用https访问。</p>