Vue3 企业级项目实战:全新优化升级

news2024/11/17 5:20:39

Vue3 企业级项目实战 - 程序员十三 - 掘金小册Vue3 + Element Plus + Spring Boot 企业级项目开发,升职加薪,快人一步。。「Vue3 企业级项目实战」由程序员十三撰写,2744人购买https://s.juejin.cn/ds/S2RkR9F/

写下这些文字的时候是2022年9月20日,距离当前课程第一次在掘金平台上预售和发布已经整整过去了一年半的时间。《Vue3 企业级项目实战》这个课程是2021年3月30日在掘金平台进行预售,是一个偏实战类的IT课程,主要技术栈为Vue3,该课程最终实现的是一个实用的后台管理系统。

一年多的时间,真的是弹指一挥间。但是,对于一个线上课程来说,尤其是与前端相关的知识点,一年多的变化已经足够使用沧海桑田来形容,是时候以全新的姿态和大家见面了。这篇文章,笔者会谈一谈为什么更新这个课程、更新了哪些内容。

课程更新缘由

课程更新的主要缘由如下:

首先,各位读者应该都在涉足 IT 行业或者与该行业有关的行业,这个行业的更新迭代非常快,与前端开发相关的知识点更快。行业中的人是如此、技术亦是如此,一旦跟不上知识更新的步伐就容易掉队。本课程实战项目vue3-admin于2021年初完成了第一个版本的开发并开源于GitHub网站,近两年里该项目中的代码也做过不少的更新迭代,不过笔者并没有把实战项目的更新迭代同步更新到这个课程中。

另外,本课程的40篇文档是在2020年~2021年初写作和整理的。虽然过程中也优化了一些文档,纠正了一些错别字和错误的表述,难免会有一部分漏网之鱼。因此,趁着实战项目的源码更新,抽时间也重新整理了本课程的教学文档,改正了一些不规范的表述和字词的错误使用。学习如逆水行舟,不进则退。对于一个作品来说亦是如此,如果这个课程的内容不能及时更新迭代,也会慢慢地失去吸引力直至被人忘记。

其次是近期有了一些空闲时间,之前几个月一直非常忙于更新另外一个线上课程的稿件,稿件整理得差不多的时候,就开始计划着更新迭代这个课程。之后就慢慢地开始重新整理本课程中的文档以及对应的章节源码。

同时,作为课程的作者,笔者要对这个课程负责、对掘金平台负责、对每位购买过和想要购买的用户负责。为平台打造更多更好的内容,让大家有更好的学习体验,保证大家学到的知识不过时。最后,笔者也向大家承诺,虽然笔者也在做其他的开源项目,制作上线其它的线上课程,依然会实时的关注这个课程并一直维护这个课程,一旦有比较重要的版本更新都会及时升级这个课程中的内容,请各位读者放心。

更新了哪些内容

本课程主要包括40篇课程文档和20份教学源码压缩包,主要的更新内容都是针对这两个部分。而本课程所讲解的实战项目vue3-admin则是课程文档和教学源码更新的基础,因此本小节主要讲解这三个部分的更新和优化。

实战项目迭代更新

本课程上线时实战源码使用了vue3-admin项目的第一个版本作为基础代码去整理的。

当时的vue3-admin项目刚刚开源,一年半后的今天已经更新迭代了数十个版本。不仅仅是实战项目刚刚开发出来,彼时的Element Plus也是刚刚开源出来没多久,正式版本都没发布,Vue则是使用了Vue 3.0版本。而现在,npm升级了、Element Plus发布正式版本了、Vue发布3.2版本了,不更新就有些跟不上各位卷王的脚步了。

所以主要的更新内容如下:

  1. 项目BUG修复
  2. Vue版本升级,由3.0升级至3.2,部分代码语法也做了更新
  3. Element Plus版本升级,由beta版本升级至稳定版
  4. 其它插件和依赖的版本升级
  5. 代码优化、更新(Vue和Element Plus升级后,有些语法和标签都做了调整,因此也更新了不少源码)

课程文档更新

课程文档做的调整不大,主要是一些描述、版本号、示例代码的修改。

另外,是关于Vue 3.0这个写法的调整,全局将Vue 3.0修改为Vue3。因为现在使用的是Vue3.2版本,其语法也有一定的调整,因此不再使用Vue 3.0字样,避免产生歧义。

教学代码更新

开源仓库中的代码是本课程中实战项目完整的项目代码,而本课程中每个实战章节都有对应的代码。大家可以这样理解,vue3-admin项目被拆解为一个个独立的知识点,本课程每个章节的代码是对这些独立知识点的逐一实现,最终从零到一开发出最终的实战项目。每个章节对应章节的讲解代码和最终成型的源码包,更适合大家循序渐进的去学习。

这部分代码也全部更新,很多的讲解案例和代码与2021年3月份给到大家的版本有了很大的区别,基本上是重写了一遍。

实战项目 newbee-mall 的开源历程

自2019年10月开源以来,在newbee-mall这个项目上发生了很多让人意想不到的事情。即使作为项目作者,心里也会有些许恍惚。

从 0 个 Star 到 9.6K 个 Star

2019年10月份开源,正式和大家见面。三年多的时间,newbee-mall项目的数据已经非常不错了。

非常感谢大家的支持,今后依然会好好的维护这个项目。

从一个项目到一系列项目

新蜂商城的优化和迭代工作不会停止,不仅仅是功能的优化,在技术栈上也会不断的增加,截止2023年,新蜂商城已经发布了 7 个重要的版本:

  • 新蜂商城 v1 版本,于 2019 年 10 月 9 日开源,主要技术栈为 Spring Boot + MyBatis + Thymeleaf。
  • 新蜂商城 Vue2 版本,于 2020 年 5 月 30 日开源,主要技术栈为 Vue 2.6。
  • 新蜂商城 Vue3 版本,于 2020 年 10 月 28 日开源,主要技术栈为 Vue 3。
  • 新蜂商城后台管理系统 Vue3 版本,于 2021 年 3 月 29 日开源,主要技术栈为 Vue 3 + Element Plus。
  • 新蜂商城升级版本,于 2021 年 6 月 2 日开源,增加了秒杀、优惠券等功能。
  • 新蜂商城 Go 语言版本,于 2022 年 4 月开发完成并于 6 月份开源。
  • 新蜂商城微服务版本,于 2022 年 6 月 13 日开源,主要技术栈为 Spring Cloud Alibaba 及相关微服务技术组件。

新蜂商城版本记录及开发计划如下图所示。

由最初的一个newbee-mall项目,到现在已经“开枝散叶”,成长为一系列的项目集合,如下图所示。想要一个开源作品保持长久而健康的生命力,这也是一个非常不错的办法。

初心不改,砥砺前行。今后当然会继续扩展技术栈,为大家带来更多和更好的实战练手项目。

一些意外的事情、开心的事情

newbee-mall并不是笔者所维护的唯一的开源项目,做了几年开源项目也发生了很多很多或开心或无奈的事情。

有一些比较离谱的事情,比如BUG被漏洞平台收录,比如项目代码在闲鱼、b 站上被倒卖,比如明明文档里把所有信息写得清清楚楚还是被翻来覆去的问,比如测试数据被删等等。有些事情也都写到文章里了,链接如下:

除此之外,分享开源项目和写文章,也让笔者的生活有了很大的变化。变得不那么沉默,眼界也扩展了很多,不再是原来那个闷头写代码的自己。见识到了更多的人,接触到更多的平台。也尝试这做了不少副业,写了一些副业总结,这些文章可以在笔者的文章列表里可以看到,就不多啰嗦了。

以newbee-mall为基础的实体书出版

回顾这三年,像是在做梦一样。

2019年在写下 newbee-mall 项目的第一行代码时,笔者有想过它会在接下来的两年里不断地成长吗?没有。

2019年在开源 newbee-mall 项目时,笔者有想过两年后它会经历那么多精彩的故事吗?也没有。

未来会怎样,没有人可以预知。前行的路上只能坚持不懈,不断努力,去成为更优秀的自己。回首过去,对曾经的那个自己说:你很棒。与诸君共勉。

总结

本篇文章主要是对2022年这次课程更新工作的一次总结,从规划到确认,之后是具体的去优化和整理,最终呈现到大家的面前。

全新的《Vue3 企业级项目实战》课程,它来了!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/381119.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

无需公网IP,安全稳定实现U8C异地访问

用友是全球领先的企业云服务与软件提供商,在财务、人力、供应链、采购、制造、营销、研发、项目、资产、协同等领域为客户提供数字化、智能化、社会化的企业云服务产品与解决方案。 U8C是用友针对成长型、创新型企业,提供企业级ERP整体解决方案。在系统…

ChunJun 1.16 Release版本即将发布,bug 捉虫活动邀您参与!

亲爱的社区小伙伴们,历时数月,我们很高兴地宣布,ChunJun 即将迎来 1.16 Release 版本的正式发布。在新版本中,ChunJun 新增了一批常用功能,进行了多项功能优化和问题修复,并在用户使用体验上进行了极大地改…

systemctl 启动/停止/重新加载 nginx

systemctl 启动/停止/重新加载 nginx 一、新建nginx.service脚本 sudo vim /usr/lib/systemd/system/nginx.service然后按iii进入编辑模式,粘贴如下内容,其中/usr/local/nginx/是进行make && make install之后的文件夹路径,需要根据…

虚拟地址空间

本节目录1.如何理解区域划分2.为什么一个变量可以存储两个不同的值?3.深入理解虚拟地址空间为什么要有地址空间?4.理解什么是挂起?1.虚拟地址空间究竟是什么?2.映射关系的维护是谁做的?1.如何理解区域划分 所谓的区域…

STM32F1,F4,L1系列禁止JTAG和SW引脚方法

STM32F1系列 程序中在使用到JTAG、SWD的某个IO 时,需要禁用掉相关调试方法后,再配置相应的IO方式。在需要相应的接口配置前使用这些代码。 对于F1系列,调用函数进行专门的禁止。 标准库配置方式: RCC_APB2PeriphClockCmd(RCC_A…

【蓝桥杯嵌入式】LCD屏的原理图解析与代码实现(第十三届省赛为例)——STM32

🎊【蓝桥杯嵌入式】专题正在持续更新中,原理图解析✨,各模块分析✨以及历年真题讲解✨都在这儿哦,欢迎大家前往订阅本专题,获取更多详细信息哦🎏🎏🎏 🪔本系列专栏 - 蓝…

智能家居Homekit系列一智能触摸开关

触摸开关,即通过触摸方式控制的墙壁开关,其感官场景如同我们的触屏手机,只需手指轻轻一点即可达到控制电器的目的,随着人们生活品质的提高,触摸开关将逐渐将换代传统机械按键开关。 触摸开关控制原理 触摸开关我们把…

HNU工训中心: 三人表决器及八人抢答器实验报告

工训中心的牛马实验 三人表决器: 实验目的 1) 辨识数字IC功能说明。 2) 测试数字集成门电路,掌握输出故障排除、使用注意事项。 3) 掌握逻辑函数搭建三人表决器。 2.实验资源 HBE硬件基础电路实验箱、万用表 74LS00与非门、74LS10 三个3输入与非门…

JS 的同步异步、事件循环

js 执行过程:先执行同步代码在执行异步代码案例1: 以下就是 同步代码异步代码,同步代码先执行,异步代码后执行console.log(1); //1 setTimeout(()>{ console.log(3) //2 },10)案例2: 执行顺序console.log(1) //1 setTimeout(()>{ conso…

ChatGTP--事务是否生效?

项目场景: 由于最近在做一个项目的cola代码改造,所以由于cola需要在 service 和 dao层中间加一层>>> gateway,和springcloud中的gateway不一样,这个仅仅是抽象了一层; 思考: 现在我的事务 依然在service中开启,那么我的事务经过了一个gateway后,再次调用d…

死锁/资源分配/银行家算法

一、死锁 1、原因 竞争资源/程序推进顺序不当 2、必要条件 1、互斥条件 2、请求和保持条件 3、不剥夺条件 4、环路等待条件 3、处理死锁基本方法 1、预防死锁(摒弃除1以外的条件) 2、避免死锁(银行家算法) 3、检测死锁(资源分配图) …

机器学习:图神经网络graph neural network

图神经网络 graph neural networks Neural network Graph GNN应用 关系是否可以提供一些额外信息,不止是考虑entity的特征,还可以考虑关系。 基于近朱者赤 近墨者黑的假设 用邻居更新利用信号系统中,先转到频域,再做基于频域的…

I - 太阳轰炸(组合数学Cnk n固定)

2023河南省赛组队训练赛(二) - Virtual Judge (vjudge.net) 背景:阿塔尼斯,达拉姆的大主教,在艾尔又一次沦陷之后指挥着星灵的最后一艘方舟舰:亚顿之矛。作为艾尔星灵数千年来的智慧结晶,亚顿之…

数据分享|ESA_WorldCover_10m_2020: 2020年的10米土地覆盖数据(WorldCover v100)

2021年10月,欧洲航空局(ESA)发布了2020年的10米土地覆盖数据(WorldCover v100),该数据基于哨兵1号和哨兵2号的数据,包含11个土地覆盖类别,整体精度达到了74.4%,目前在公开可获取的同类型数据产品里具有一定的优势。那么这份数据具体是什么样子,又该如何获取呢?让我们…

ffmpeg.dll丢失怎么办,有什么修复ffmpeg.dll的方法

如果你在运行某些音视频软件或游戏时遇到了“ffmpeg.dll丢失”的错误消息,这意味着你的Windows系统中缺少了ffmpeg.dll文件,这是一个必要的动态链接库(DLL)文件,用于支持许多音视频软件和游戏的运行。在这篇文章中&…

Ep_计网面试题-本地IP地址怎么一层层向上转换?

将数据加上报头打包在一起形成新的数据包继续往下一层传递。拆包的时候就是把数据包去掉包头作为新数据传给上一层 视频讲解: https://edu.csdn.net/course/detail/38090 点我进入 面试宝典 很多人不知道面试问什么,或者其他的XXGuide,那里边的太多没用的,也没有源码解析,都…

windows go基本环境安装

一.设置go环境变量 sysdm.cpl //go的安装路径 GOROOT=D:\Go //GOPATH 是 Go语言中使用的一个环境变量,它使用绝对路径提供项目的工作目录 GOPATH=D:\Go\gogopath// golang install 我这里选择D:/Go https://golang.google.cn/dl/

uniapp:3分钟搞定在线推送uni.createPushMessage,uni.onPushMessage

安卓端 在线推送功能演示: 1、dcloud后台申请开通uniPush dcloud后台 (1):找到我的应用 (2):点进去后,各平台信息,点击新增 (3):填…

Web前端学习:五 - 练习

四二-四八&#xff1a;baidu糯米 44-48 1、写法1 &#xff08;1&#xff09;a.movie1 .Navigation .recommend .listbanner a.movie1{background: url(img/h_1.jpg) no-repeat 63px 9px;}表示a标签且class为movie1的元素 如&#xff1a; <a href"#" class&quo…

智能家居项目(七)之Libcurl库与HTTPS协议实现人脸识别

目录 一、前言 二、编译openssl支持libcurl的https访问 三、编写人脸识别代码 四、编程实现人脸识别第二次加入图片base64编码 五、总结 一、前言 上一篇文章我们调用libcurl库去访问了百度&#xff0c;访问的是http协议的百度云主页。那么现在我们要基于翔云人工智能平台…