# Verulia-App

**Repository Path**: hopper/verulia-app

## Basic Information

- **Project Name**: Verulia-App
- **Description**: uniapp+vue3+vite+vue-cli+uvui开发脚手架
后端采用Ruoyi-Vue-Plus进行对接，可以直接食用
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 21
- **Created**: 2024-06-06
- **Last Updated**: 2024-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Verulia-App</h1>
<p align="center">基于Vue3 + Uniapp + uvui的移动开发框架</p>
<p align="center">
  <img src="https://img.shields.io/badge/Version%20App-1.0.0-red" alt="Downloads"/>
  <img src="https://img.shields.io/badge/Vue-3.x-blue" alt="Downloads"/>
  <img src="https://img.shields.io/badge/vite-5.x-green" alt="Downloads"/>
  <img src="https://img.shields.io/badge/Uniapp-3.0.0-7e527f" alt="Downloads"/>
  <img src="https://img.shields.io/badge/LINCENSE-MIT-yellow" alt="Downloads"/>
</p>

## 项目介绍

Verulia-App 采用vue-cli的方式构建项目，与传统的Uniapp应用结构上略有不同，Uniapp限制了开发工具只能使用HBuilder，
对于依赖管理也不是很方便，所以采用了vue-cli的方式进行项目构建，也可以使用vscode、webstorm进行移动应用开发。

- 本框架以<a href="https://gitee.com/JavaLionLi">疯狂的狮子Li</a>的Ruoyi-Vue-Plus为后台进行深度开发
- 使用<a href="https://gitee.com/climblee/uv-ui">uv-ui</a>为主做主要ui框架
- 使用<a href="https://miren.lovemi.ren/colorui-document/pages/basics/layout/">colorui</a>做扩展样式库
- ts开发为主，严格遵守eslint
- 初步分包
- 通过echarts + LEchart组件实现统计图表（不使用可以删掉）

> 主要通过vite进行项目构建, 通过配置将src下的文件编译成多端项目

`还有一个最主要的作者不是专门搞前端的，所以可能很多地方不够合理，有问题请多多指正。 ^_^`


## 界面预览
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514223858.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514223925.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224020.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224055.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224110.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224134.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224150.png" width="380"/>
<img height="750" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/verulia-app/20240514224206.png" width="380"/>

## 项目规划
目前只是最初的一个程度，很多接口和功能都处于未完成状态。后续会慢慢完善...

## 项目使用
- 首先配置请求地址与plus-ui一致，在.env.xxx文件中进行配置(由于h5必须使用代理所以需要单独配置)
- appConfig.ts 可以配置应用的基本信息
- core/plugins/auth.ts ===>>> 权限验证插件
- core/plugins/modal.ts ===>>>  弹窗插件
- core/plugins/tab.ts ===>>> 页面路由插件

## 意见反馈
请提iss, 或者通过联系我获取作者联系方式进行沟通

## 联系我
小伙伴们添加时请注明来意(不然一律当缅甸诈骗QAQ)

<img height="650" src="https://gitee.com/yanzhenyu_shower/images_wh/raw/master/fed6fb0c788d8850237193118e7efdc.jpg" width="500"/>

## 特别鸣谢
<a href="https://gitee.com/JavaLionLi">疯狂的狮子Li</a> <br/>
<a href="https://gitee.com/dromara/RuoYi-Vue-Plus">Ruoyi-Vue-Plus</a> <br/>
<a href="https://gitee.com/climblee/uv-ui">uv-ui</a> <br/>
<a href="https://miren.lovemi.ren/colorui-document/pages/basics/layout/">colorui</a> <br/>