️本文为博客园社区首发文章,未获授权禁止转载 大家好,我是aehyok,一个住在深圳城市的佛系码农‍♀️,如果你喜欢我的文章,可以通过点赞帮我聚集灵力️. 个人github仓库地址: https:github.com/aehyok 本文讲解代码仓库地址 : https:github.com/aehyok/vue-qiankun 目前基于dev分支进行开发和测试 本demo已部署腾讯云 http://vue.tuokecat.com(服务器配置较低,如有访问比较慢,请耐心等待) table封装路径

Vue3 + Element ui  后台管理系统 概述:这是一个用vue3.0和element搭建的后台管理系统界面. 项目git地址: https://github.com/whiskyma/vue3-elementui 技术栈: vue3.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element ui:基于vue2.0的ui组件库.(本项目中此组件按需加载,减少打包体积大小). vue-router:一般单页面应用spa都要用到的前端路由. vuex

最近,有不少朋友问我:"十三,看你写了几个Vue3的项目,你觉得Vue3能用到生产环境了吗?"结合自己的想法和尤大直播说的话,给一点建议. 别问我!没结果,除非花手摇过我. 我不是一个专业前端哈,只能说一点点不成熟的个人建议哈,说错了的话大家多担待. Vue3能用到生产环境了嘛? 文中的观点都是我这个菜鸡的个人观点,不代表任何官方或者权威观点. Vue3能否用到生产环境?答案是肯定能,而且一定能. 但是,你如果问,是不是所有项目都要升级到Vue3,这个就有待商榷了. 目前,我自己也写了

项目简介 vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,是 有来技术团队 继 youlai-mall 全栈开源商城项目的又一开源力作. 项目使用 Vue3 + Vite2 + TypeScript + Element-Plus + Vue Router + Pinia + Volar 等前端主流技术栈,基于此项目模板完成有来商城管理前端的 Vue3 版本. 本篇先对本项目功能.技术栈进

Vue3.0 发布第一个版本至今有一段时间了,到现在一直在更新优化,在性能方面,对比 Vue2.x ,性能的提升比较明显,打包后体积更小 来看下 Vue3.x 新增了哪些功能和特性. Performance:性能优化 Tree-shaking support:支持摇树优化 Composition API:组合API Fragment,Teleport,Suspense:新增的组件 Better TypeScript support:更好的TypeScript支持 Custom Renderer

前言: 为.NET开源者提供的一个推荐自己优秀框架的地址,大家可以把自己的一些优秀的框架,或者项目链接地址存到在这里,提供给广大.NET开发者们学习(排名不分先后). Github项目仓库收集地址:https://github.com/YSGStudyHards/DotNetGuide/issues/5 填写格式如下: 项目or框架名称+访问链接地址+项目描述: NPOI-ExportWordAndExcel-ImportExcelData 一个简单,易懂的通用ASP.NET Core NPOI

缘起于开源项目 从 2017 年开始,陆陆续续写了一些开源项目放到开源网站里,都是一些实战项目,给大家练练手.有基础整合的demo,有 Spring Boot 博客项目,有 Spring Boot 商城项目,也有前后端分离项目,用 Vue 2.6 和 Vue 3.0 也写了几个项目,因为项目比较多,所以创建了两个 GitHub 账号,仓库如下所示: zhenfeng13 开源项目地址:https://github.com/zhenfeng13 newbee-mall 开源项目地址:https:/

最近是非常非常非常忙,一方面是公司的事情比较多,另外⼀点是最近在准备诉讼材料.⾄于诉讼的是谁,⼤家可以去看我之前写的几篇文章,所以本来这周是不打算更新文章的.不过,昨天慕课网的法务联系我的律师了,终于有反应了.为了让大家知道事件的最新进展,就整理了这篇文章. 这篇文章主要是讲两件事: 新蜂商城升级版本newbee-mall-plus开源啦! 向⼤家同步⼀下慕课网涉嫌抄袭newbee-mall项目事件的最新进展. DuangDuangDuang!newbee-mall-plus 开源啦! 历经半年

GFast V3.0 平台简介 基于全新Go Frame 2.0+Vue3+Element Plus开发的全栈前后端分离的管理系统 前端采用vue-next-admin .Vue.Element UI. 本项目由奇讯科技团队开发. 特征 高生产率:几分钟即可搭建一个后台管理系统 模块化:单应用多系统的模式,将一个完整的应用拆分为多个系统,后续扩展更加便捷,增加代码复用性. 插件化: 可通过插件的方式扩展系统功能 认证机制:采用gtoken的用户状态认证及casbin的权限认证 路由模式:得利于g

在实际项目开发中,我们可能会碰到各种各样的项目环境,有些项目需要一个大而全的整体框架来支撑开发,有些中小项目这需要一些简单便捷的系统框架灵活开发.目前大型一点的框架,可以采用ABP或者ABP VNext的框架,两者整体思路和基础设计类似,不过ABP侧重于一个独立完整的项目框架,开发的时候统一整合处理:而ABP VNext则是以微服务架构为基础,各个模块独立开发,既可以整合在一个项目中,也可以以微服务进行单独发布,并统一通过网关处理进行交流.不管ABP或者ABP VNext框架,都集合了.NET

Element UI 表单设计及代码生成器,可将生成的代码直接运行在基于 Element 的 vue 项目中. github仓库   https://github.com/JakHuang/form-generator 特点 可视化设计表单 一键生成原生的vue单页表单代码,100%拓展性 在线编辑器修改生成的代码,并实时预览 表单栅格化布局 支持表单校验 快速查阅组件的官方文档

2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术. 本文主要记录了使用 Vue CLI 来完成项目搭建的过程. 安装升级最新的 Vue CLI 4.x npm install -g @vue/cli 输入vue -V (大写的V) 查看版本 @vue/cli 4.5.9,一定要安装新版,不然使用不了 Vue 3. 创建 Vue 3.0 版本的项目 如图,使用 vue cre

之前发布过一篇文章<Vue3教程:开发一个 Vue 3 + element-plus 的后台管理系统>,文中提到会开发并开源一个 Vue 3 + Element Plus 的项目供大家练手和学习,随后也一直有收到留言和反馈,问我什么时候开源之类的问题,今天终于可以通知大家,完成啦!开源啦! 如果觉得我写得还行的话,请献上你宝贵的一赞,这将是我持续写作的动力!感谢大家啦. vue3-admin 开源地址 所有的代码.文件全部都开源到 GitHub 仓库中,前后端代码全部都在仓库里. 并没有任何藏

背景 使用 Element+ Layout 布局: <el-row> <el-col :span="12"><div class="grid-content bg-purple"></div></el-col> <el-col :span="12"><div class="grid-content bg-purple-light"></d

通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https://github.com/MrZHLF/vue-admin 自己需要搭建vue3.0的脚手架,在这里就不用讲关于vue3.0的脚手架怎么搭建.vue3.0脚手架需要node版本10以上,这样的话,可以使

在日常的开发工作中,表单开发是较为繁琐且重复的.本文介绍一个我自己写的,提高开发效率的小工具. 1 可视化设计器 设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库   https://github.com/JakHuang/form-generator 码云仓库  https://gitee.com/mrhj/form-generator 演示地址 https://mrhj.gitee

本文分别使用 SFC(模板方式)和 tsx 方式对 Element Plus el-menu 组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单. 1 数据结构定义 1.1 菜单项数据结构 使用 element-plus el-menu 组件实现菜单,主要包括三个组件: el-menu:整个菜单: el-sub-menu:含有子菜单的菜单项: el-sub-menu:没有子菜单的菜单项(最末级): 结合菜单的属性和展示效果,可以得到每个菜单项包括:菜单名称.菜单

XML代码生成器——XMLFACTORY 简介(一) 软件开发中经常要和第三方应用交互数据,特别是在银行.电信行业,这种需求更是必不可少,往往一个系统要和三五个其它系统交互数据,而数据交换的报文经常采用Xml格式. Xml结构严谨,利于人的阅读,但格式较复杂,用代码解析和拼装有些繁琐.无论是把Xml转化成内存中的实体类对象,还是把实体类对象序列化为XML,都是个力气活,而且耗费时间. 还好,问题总是有解决的办法,这里向大家介绍一款在线代码生成器:XmlFactary.如果你有现成的Xml文档,那

XML代码生成器——XMLFACTORY 简介(二)      因为春节和项目上线的原因,离写上一篇文章的时间已经好久了. 不知道是事情太多了,还是自已效率太低了.总之是时间不够用. 哎,苦逼的程序员.希望我写的东西能帮大家节省时间.     如果,你没看过这个系列的第一篇文章,请先去看一下这篇文章,否则你指定看不懂这篇.    XML代码生成器——XMLFACTORY 简介(一) 上篇文章利用RSS格式的XML,简介了一下如何利用XmlFactory生成实体类与XML序列化和反序列化代码.但是

一.前言 作为一个码农这么多年,一直在想怎么提高我们的编码效率,关于如何提高编码效率,我自己的几点体会 1.清晰的项目结构,要编写代码的地方集中 2.实现相同功能的代码量少并且清晰易懂 3.重复或有规律的代码应该自动生成 在这里我就讨论下代码生成的问题. 二.关于代码生成器 刚毕业时我也非常迷信代码生成器,喜欢在网上找一些代码生成器及相关的源码,喜欢在和网友讨论哪款生成器最好用,但实际上很少真正用这些东西来开发项目,原因很简单: 1.生成出来的代码不是我们要的代码 2.生成后的代码再修修改改,其

花了两天的时间研究了下mybatis的generator大体了解了其生成原理以及实现过程.感觉generator做的非常不错,给开发者也留足了空间.看完之后在generator的基础上实现了自定义的生成器.代码start..... 建立了一个maven工程(common)项目结构:     ----------------------------------------------------------------pom.xml---------------------------------