- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
作为Java程序员,vue3还是有必要学的,毕竟是国内最受欢迎的前端JS框架,你现在接手的项目,前端部分几乎都会和vue沾边,尤其是中小企业.
vue3作为新的大版本,相较于vue2改动还是很多的,目前企业中很多新项目的前端实际上已经是以vue3为主了.
比如我所在的互联网公司,前端人员均已经在用vue3来搭建所有的新项目.
vue3中的 Composition Api 实际上很多地方可以用Java的思维来理解,所以Java程序员学习vue3还是挺适合的.
我推荐学会了vue3基础的Java工程师,尝试搭建自己的后台管理模板,这是提高vue3熟练度最快的方式.
为什么单独讲下这个,主要是我自己作为多年的Java工程师,学习TypeScript的一点感受,不吐不快.
这语言看着真的很难受,就像是刻意拼凑的四不像语言,也许前端人员看着挺好,但作为Java工程师,实在是学的如鲠在喉.
另外,我们公司的前端今年也没有在新项目中使用TS了,用他的话说,一些中小项目用了反而添麻烦,不如不用.
所以纯粹是我个人对Java工程师的建议,TypeScript就先别花那么多时间学了,了解下就好,姑且学学vue3就够了.
我去年学习vue3,在学会了基础语法后,就尝试搭建一个后台管理模板,选用的是Naive-UI.
因为公司本身前端用的都是ElementPlus,所以自己学习就想换个口味.
我把模板大体分为几个部分:外层架子,菜单组件,头部组件,标签页组件.
后台模板的架子大概是这样,包含了菜单、头部、主体内容,这就是架子的基本结构,主体内容也就是根据路由动态加载的页面.
左侧菜单组件,使用 Composition Api 的方式来搭建,其实没那么难,按照Java的方式来理解就行.
如图所示,那么组件中引入的类又是长什么样呢?
其实拆解来看,就是Java类一样,包含变量、方法、初始化操作等等.
最后,把获取的结果return出去,是不是理解起来清晰多了.
头部组件,其实和菜单组件的做法没啥区别了,直接往里套就行.
头部组件,主要实现了面包屑功能,以及路由跳转.
标签页是属于头部组件的一部分,但是也拆解为一个小组件.
这里面,实现了用cookie来缓存标签页列表.
实现了新增标签的方法 。
实现了关闭标签的方法 。
实现了选中标签的触发事件,以及选中菜单后路由的监听事件,目的是切换菜单时标签跟着变化,切换标签时菜单也跟着变化的效果.
这个是我觉得挺常用的功能,前置守卫和后置守卫.
用Spring的方式理解,就是AOP里面的切面.
一开始搭的架子里面,主体内容的router-view中其实就是要加载的页面,如图所示.
其实我就是单纯搭建了一个后台管理的模板,很多功能都没有实现.
比如退出、表单表格等常用组件的展示、标签页的优化等等,都没做,因为我觉得单纯学习vue3,到这一步也就够了.
至于做的更完美,那就纯看个人兴趣了.
我主要想以Java工程师的角度来讲述如何学习前端的一些东西,希望对后端程序员尤其是Java程序员学习前端有所启发.
至于模板的代码,都在git上,直接去下载了自己练习即可,想继续完善也可以.
Gitee: https://gitee.com/fangfuji/java-share 。
如果喜欢,↓↓↓可以点赞关注下哦,持续分享干货! 。
最后此篇关于Java程序员学vue3最好的方式就是搭建后台管理模板的文章就讲到这里了,如果你想了解更多关于Java程序员学vue3最好的方式就是搭建后台管理模板的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
为了构建 CentOS 6.5 OSM 切片服务器,我正在寻找一些文档和/或教程。 我试过this one正如我在我的 previous post 中所说的那样但它适用于 Ubuntu 14.04,而
我正在寻找可用于集成任何源代码控制管理系统的通用 git 桥(如 git-svn、git-p4、git-tfs)模板。 如果没有这样的模板,至少有一些关于如何在 git 端集成基本操作的说明(对于其他
1、前言 redis在我们企业级开发中是很常见的,但是单个redis不能保证我们的稳定使用,所以我们要建立一个集群。 redis有两种高可用的方案: High availabilit
简介 前提条件: 确保本机已经安装 VS Code。 确保本机已安装 SSH client, 并且确保远程主机已安装 SSH server。 VSCode 已经安装了插件 C/
为什么要用ELK ELK实际上是三个工具,Elastricsearch + Logstash + Kibana,通过ELK,用来收集日志还有进行日志分析,最后通过可视化UI进行展示。一开始业务量比
在日常办公当中,经常会需要一个共享文件夹来存放一些大家共享的资料,为了保证文件数据的安全,最佳的方式是公司内部服务器搭建FTP服务器,然后分配多个用户给相应的人员。今天给大家分享FileZilla搭
最近由于业务需要,开始进行 Flutter 的研究,由于 Flutter 的环境搭建在官网上有些细节不是很清楚,笔者重新整理输出 1. 配置镜像 由于在国内访问 Flutter
目录 1. 安装go软件包 2. 配置系统变量 3. 安装git 4. 设置go代理 5. 下载gin框架 6. 创建项目 7.
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任
上篇文章给大家介绍了使用docker compose安装FastDfs文件服务器的实例详解 今天给大家介绍如何使用 docker compose 搭建 fastDFS文件服务器,内容详情如下所示:
目录 1.创建Maven 2.Maven目录和porm.xml配置 3.配置Tomcat服务器 1.创建Maven
laravel 官方提供 homestead 和 valet 作为本地开发环境,homestead 是一个官方预封装的 vagrant box,也就是一个虚拟机,但是跟 docker 比,它占用体积
这个tutorial显示了 Razor Pages 在 Asp.Net Core 2 中的实现。但是,当我运行 CLI 命令时: dotnet aspnet-codegenerator razorp
我创建了一个单独的类库项目来存储数据库上下文和模型类。在同一解决方案中,我创建了一个 ASP.NET MVC 项目并引用了类库项目,并在项目的 Web.config 文件中包含了数据库上下文的连接字符
关于代码托管,公司是基于Gitlab自建的,它功能全而强大,但是也比较重,我个人偏向于开源、小巧、轻便、实用,所以就排除了Github,在Gogs和Gitea中选者。Gogs在Github有38
目录 1、高可用简介 1.1 高可用整体架构 1.2 基于 QJM 的共享存储系统的数据同步机制分析 1.3 NameNode 主
Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,它已经在该站点运行超过两年半了。Igor 将源代码以类BSD许可证的形式发布。 在高并发连接的情况
对于我们的 ASP.NET Core 项目,我们使用包管理器控制台中的 Scaffold-DbContext 搭建现有数据库。 每次我们做脚手架时,上下文类与所有实体一起生成,它包含调用 option
我正在使用 .net 核心 2.0。我已经安装了以下 nuget 包:1: Microsoft.AspNetCore.All2: Microsoft.EntityFrameworkCore.Tools
我正在使用 NetBeans 及其 RAD 开发功能开发 JEE6 JSF 应用程序。我想使用脚手架来节省更新 Controller 和模型 View 的时间。 OneToMany 关联在 View
我是一名优秀的程序员,十分优秀!