若依V3 | RuoYi-Vue3-JS Doc

简介: 个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。

若依V3 #


首先明确一个问题,这里不是官方的。我个人并不是若依团队的成员,只是一个开发爱好者。官方请查看


项目文档地址:http://ruoyi-doc.chenliangliang.top/


项目演示地址:http://ruoyi.chenliangliang.top/


项目代码地址:https://github.com/cll123456/rouyi-cloud-vue3

动机 #


个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。


9cc52ea136257b06713dc6a5f5e98854.png


TIP


既然人家现在没有时间,那就我先来试试水。看看会不会存在重大问题,顺便让自己对知识的理解更加深刻!!! 🎉 💯 ``


项目结构 #


本项目的后端是若依的后台,前台使用的是Vite, VUE3.3.20, Vue-router, Vux, element-plus, Scss, axios等。


由于使用了vite作为构建工具,项目在启动和热加载都是非常快的哦!💯


代码规范 #


项目完全采用目前最新语法setup形式来写的:


513191362979c53c64c42d4b03ba5679.png


代码主要改造的是js,其他的都高度还原了原来的成分,主要是为了大家方便使用。代码中的js也都基本写了注释,方便大家理解代码的意思。


项目效果 #


项目目前采用的ui和若依保持高度一致,增加了自定义主题,默认生成warning, info, 和success等


dde0dd29b20b9f714178c8ca16e22035.png

f8232afd681eef427d81c8feab485f6d.png

9017171cc7010bcebaec6e857a926afd.png

b9290d161bc430c0949dc91f561c1001.png

相关文章
|
12月前
|
监控 NoSQL Java
若依RuoYi项目环境搭建教程(RuoYi-Vue + RuoYi-Vue3版本)
若依(RuoYi)是一款基于Spring Boot和Vue.js的开源Java快速开发脚手架,支持OAuth2、JWT鉴权,集成多种安全框架和持久化框架。它提供了系统管理、监控管理、任务调度、代码生成等常用功能模块,适合中小型公司快速搭建Web应用。本文主要介绍若依框架的特点、版本发展、优缺点及项目部署步骤,帮助开发者快速上手并部署若依项目。
13610 3
若依RuoYi项目环境搭建教程(RuoYi-Vue + RuoYi-Vue3版本)
|
C语言 C++ 开发者
软著申请流程详解
软著申请流程详解
4380 2
软著申请流程详解
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
10051 45
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
9月前
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
7805 23
|
人工智能 运维 Serverless
Serverless GPU:助力 AI 推理加速
近年来,AI 技术发展迅猛,企业纷纷寻求将 AI 能力转化为商业价值,然而,在部署 AI 模型推理服务时,却遭遇成本高昂、弹性不足及运维复杂等挑战。本文将探讨云原生 Serverless GPU 如何从根本上解决这些问题,以实现 AI 技术的高效落地。
1056 42
|
数据安全/隐私保护 网络架构
若依框架 -------- vue3+element-plus(一)
若依框架 -------- vue3+element-plus(一)
701 1
|
JavaScript 前端开发
Vue开发必备:$nextTick方法的理解与实战场景
Vue开发必备:$nextTick方法的理解与实战场景
932 1
|
JavaScript 前端开发 API
< 简述 “ 尤大 ” 的 Vue3 相比 Vue 2 的区别 >
vue2 向 vue3 的变更! Vue 3在2018年末开始规划,旨在利用ES6特性,解决Vue 2的性能和架构问题。Vue 3的核心改进包括:更快的速度(重写虚拟DOM,优化编译和组件初始化)、更小的体积(借助tree-shaking优化打包)、更好的维护性(引入组合式API以提高代码复用和可维护性)、拥抱TypeScript以及更接近原生的自定义渲染API。此外,Vue 3还引入了Fragments、Teleport、createRenderer等新功能,同时对全局API、模板指令、组件和渲染函数进行了调整或移除,以提高兼容性和性能。
398 1
< 简述 “ 尤大 ” 的 Vue3 相比 Vue 2 的区别 >
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
Vue3+Vite+Js项目搭建之二:vite.config.js 构建
463 1