# RuoYi-App-Vue3

**Repository Path**: figsprite/ruo-yi-app-vue3

## Basic Information

- **Project Name**: RuoYi-App-Vue3
- **Description**: 把若依移动端的代码改成vue3的版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 1
- **Created**: 2023-11-29
- **Last Updated**: 2025-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img alt="logo" src="https://oscimg.oschina.net/oscnet/up-d3d0a9303e11d522a06cd263f3079027715.png">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">RuoYi-App-Vue3</h1>
<h4 align="center"></h4>


## 平台简介

* 本仓库为前端技术栈 [Vue3](https://v3.cn.vuejs.org) + [uv-ui](https://www.uvui.cn/components/intro.html) + [pinia](https://pinia.vuejs.org/zh/) 版本。
* 若依框架原版的配套后端代码仓库地址[RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue)。
* 做这个项目的目的主要是目前若依框架的App板块使用的是Vue2，网上扩展的大多数是Vue3+ts版本，平常自己用的多是Vue3+js的模式
* 目前将原版的登入模块的代码改为Vue3的版本，将Vuex替换成pinia
## 前端运行
1. 首先访问`HBuilderX`的官网网址：(https://www.dcloud.io/hbuilderx.html)

2. 打开上面的`HBuilderX`下载网址后点击页面上download，在弹出的对话框里选择适合自己电脑的HBuilderX版本下载。

3. 点击`HBuilderx`，菜单 文件 -> 打开目录，然后选择`RuoYi-App-Vue3`项目，点击选择文件夹按钮，即可成功导入。

## 未来计划
1. 将剩余的页面改写成Vue3
2. 将ui库换成uv-ui

## 注意事项
1. 除了登录页面以外的代码都还没更改，会报错
2. 如果全部页面是自己重写的话，可以套用，如果想套用原先Ruoyi-App的工作页面，暂时还没改
3. 水平有限，代码写的不好，请谅解