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

vue3+element-plus+登录逻辑token环境搭建 安装脚手架工具 1 npm i @vue/cli@4.5.13 -g 验证是否安装成功 1 vue -V # 输出 @vue/cli 4.5.13 脚手架初始化目录结构 1 vue create jd-shop-manager 手动配置需要的功能 进入到项目目录 1 cd jd-shop-manager 附加其他依赖 1 npm i axios element-plus pinia -S 运行项目 1 npm run serve 浏

Vue-Element-Faster 基于最新版vue.js 3.x与element-plus2.x实现的一套前台展示系统.后台管理系统模板,自带权限管理模块. API接口基于SpringBoot2.6.*, 技术栈包含SpringSecurity.Mybatis.Mysql5.7.Redis.RabbitMq.Swagger3.0+Knife4j.JWT等. 基于企业级实践总结,项目代码都是日常一行行敲出来的,请支持关注.目前该模板已用于日常小项目实践中. 功能列表 登录 登出 修改密码 主题

本文主要是对如何做开源项目的一些思考. 前文回顾: <Vue3 来了,Vue3 开源商城项目重构计划正式启动!> <一个基于 Vue 3 + Vant 3 的开源商城项目> 关于 newbee-mall-vue3-app 这个开源项目的开发背景和详细介绍之前都已经介绍过,可以在上述两篇文章中查看. 仓库 Star 数量破千,记录一下 新蜂商城 Vue3 版本已经开源了 3 个多月左右的时间,在 2020 年 11 月 9 日把所有源码放到开源仓库,2021 年 2 月 8 日,仓库

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

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

我打算用 Vue3 写一个商城项目,目前已经开始着手开发,测试完成后正式开源到 GitHub,让大家也可以用现成的 Vue3 大型商城项目源码来练练手. Vue 3.0 来了,我们该做些什么? Vue3实战系列:结合 Ant-Design-of-Vue 实践 Composition API 正文 今年上半年,我用 Vue 写了一个商城项目并开源到 GitHub 网站,项目的预览图如下: 主要用到的技术栈为 Vue 和 Vant,版本分别为 Vue2.6.10 和 Vant 2.5.0,至今为止,

一.项目简介 基于vue3.x+vuex+vue-router+element-plus+v3layer+v3scroll等技术构建的仿微信web桌面端聊天实战项目Vue3-Webchat.基本上实现发送消息+emoj表情.图片/视频查看.链接预览.粘贴截图/拖拽发送图片.红包/朋友圈等功能. 二.使用技术 编码器:Vscode 技术框架:Vue3.0.5+Vuex4+VueRouter@4 UI组件库:Element-Plus (饿了么桌面端vue3组件库) 弹窗组件:V3Layer(基于vu

缺少 Vue3 和 Spring Boot 的实战项目经验?缺少学习项目和练手项目?我这儿有啊! 从 2019 年到 2021 年,空闲时间里陆陆续续做了一些开源项目,推荐给大家啊!记得点赞和收藏噢!借着这次机会,也盘点一下近期维护的开源项目. 实战项目盘点之 newbee-mall (Spring Boot ) newbee-mall 项目的开源地址: in GitHub:https://github.com/newbee-ltd/newbee-mall in Gitee:https://gi

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://dzone.com/articles/build-a-tesla-battery-range-calculator-yourself-it 今天,我们给大家带来的是一个基于vue3的开源项目:电动车电池范围计算器.这是一个workshop,通过完成该项目,我们可以直观的感受到vue3的强大,了解一些项目最佳实践. 项目的背景是当前备受关注的电动车.经历了近6年的发展,电动车在市场

前情回顾 基于 el-form 封装一个依赖 json 动态渲染的表单控件 Vue3 封装第三方组件(一)做一个合格的传声筒 功能 使用 vue3 + element-plus 封装了一个查询控件,专为管理后台量身打造,支持各种查询需求: 多种查询方式 快捷查询 更多查询 自定义查询 支持防抖 清空每个查询条件 依赖 json 动态创建 有些控件自带清空功能,有些没有自带清空功能,那么就需求我们手动加上清空的功能. 技术栈 Vite2 Vue3 element-plus 查询控件设计 [自我感觉

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

| 在日常的移动端开发中,经常会遇到列表的展示,以及数据量变多的情况下还会有上拉和下拉的操作.进入新公司后发现移动端好多列表,但是在看代码的时候发现,每个列表都是单独的代码,没有任何的封装,都是通过vant组件,里面充满了过多的重复代码,在有bug或者有需求变更的时候,每次的改动都要对很多个相同逻辑的页面组件进行修改,于是花了一点时间,将其进行封装,发现还是节省了很多的时间.自己做一个记录. 前端提升生产力系列文章 1.前端提升生产力系列一(vue3 element-plus 配置json快速生

前一溜时间有给大家分享一个 electron+vite跨端短视频 项目.这次分享的是vite2.x和electron实现跨平台后台框架,支持国际化多语言配置.导航菜单+树形菜单两种路由菜单模式.展开/收缩路由菜单等功能. vite2-electron-system 后台模板框架使用到的版本:vite2.1.51.vue3.0.5.electron12.0.4 vite2.x|vue3-i18n国际化多语言 项目支持如下图3种语言切换[中文/英文/繁体],使用Vue I18n国际化vue3版本.

Vue官网对于插槽的介绍比较简略,插槽本身也比较"烧脑",很容易看晕,我就一直没看懂,直到 使用了element-plus的组件的插槽. 其实我们可以换一个角度来理解插槽,就会豁然开朗了. 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp + emit 来实现,虽然 props 可以传递各种类型,但是却不能传递组件(包括HTML),这样灵活度就差了一些. 那么怎么办呢?为了提高灵活性,Vue 提供了插槽功能. 插槽可以分为:插

在 vite 出现以前,vuepress 是搭建组件库文档不错的工具,支持以 Markdown 方式编写文档.伴随着 vite 的发展,vitepress 已经到了 1.0.0-alpha.22 版本,很多博客还是基于 0.x 版本,1.0.0 与 0.22 配置略有差别,尤其是一些 vitepress 插件不支持 1.0.0 版本,如 vitepress-theme-demo(用它可以方便的编写组件 demo).虽然现在 1.0.0 还是 alpha 版本,咱也可以尝试使用,反正遇到什么坑就去

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

前言 不会 webpack,遇到报错就一头雾水,完全不知道怎么办,而且体积还大速度还慢. 所以尤雨溪做了 vite 后就很向往,只是知道自己水平有限还是等大佬先趟趟坑,等差不多了在跳. 现在vite2发布了,官网也有了,网上也能找到大佬写的相关资料,时机应该成熟可以往里跳了. 所以打算做个开源博客,一边做这个小项目,一边学习 vite2 和vue3,还有相关知识. 为啥选择博客呢?因为功能相对比较简单,不考虑皮肤等功能的话. 而且大家都比较熟悉,没写过博客总看过博文吧. 所以呢,业务需求方面一说

之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家,完成啦!开源啦! 由于正常上班的缘故,所以只能抽出空闲时间来做,适逢几次加班,导致比预估的工时推迟了一些时间,2020 年 11 月 3 日把项目开发的差不多了,之后一直处于自测和修改小问题的阶段. 我发现大家对这个项目的热情也挺高,所以在上周末也把项目部署到线上,让大家帮忙测试了一波.不过时间匆促

我们再来看一下管理类的设计. Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了. 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm, blogList, articleList, discuss, discussList } from './blogModel' impo