[TOC]



# 蜻蜓H5版本前端介绍

## 介绍

独立H5版本：独立H5版本将对应蜻蜓系统的一体化功能，独立研发的版本不仅可以独立运营也可以和蜻蜓对接数据公共。

## 产品截图

![](https://songshu.youyacao.com/images/h5/%E9%A6%96%E9%A1%B5.PNG)

![](https://songshu.youyacao.com/images/h5/%E8%AF%84%E8%AE%BA.PNG)

![](https://doc.youyacao.com/server/index.php?s=/api/attachment/visitFile/sign/3f38d97d26eebc893f785905d3b13ee1)

![](https://doc.youyacao.com/server/index.php?s=/api/attachment/visitFile/sign/fdf6f2add93d1465951fb38f99cd5e8f)

## 蜻蜓系列软件架构

vue + nuve +uniapp +flutter + java + php +laravel +c 

node.js +springboot2.2+springmvc+druid+mybatis+mangoDB+mysql+shiro-redis+redis+activemq

蜻蜓系列系统分别有APP，小程序，桌面客户端，严格的MVVC架构前后端完全分离，不同的后端版本可以对接不同的前端版本，快速搭建，高效专业，目前优雅草于10月9日正式与hifive音乐成为合作伙伴，优雅草将在2021年底前推出名为qingting-music-Native的蜻蜓M音乐播放软件产品系列，由hifive音乐提供音乐版权服务，敬请期待。

此库为蜻蜓H5版本，主要技术html5+vue
 
 
其他版本请关注松鼠/蜻蜓系统官网-需要用PC端打开才能完整了解

[松鼠短视频https://songshu.youyacao.com/video.html](https://songshu.youyacao.com/video.html)
[蜻蜓系统https://songshu.youyacao.com/qingting.html](https://songshu.youyacao.com/qingting.html)

## 安装教程

[蜻蜓系统整体安装教程https://doc.youyacao.com/web/#/8?page_id=51](https://doc.youyacao.com/web/#/8?page_id=51)




# 蜻蜓系统关联仓库

## PHP后端

[蜻蜓服务端qingting-api](https://gitee.com/youyacao/qingting-api)

[蜻蜓后台管理端qingting-admmin](https://gitee.com/youyacao/qingting-admin)

## JAVA后端

[蜻蜓服务端qingtingjava-s-severhttps://gitee.com/youyacao/qingtingjava-s-sever](https://gitee.com/youyacao/qingtingjava-s-sever)

[蜻蜓后台管理端qingting-java-manager-clienthttps://gitee.com/youyacao/qingting-java-manager-client](https://gitee.com/youyacao/qingting-java-manager-client)

## 前端后端

### 蜻蜓v

[蜻蜓v系统前端https://gitee.com/youyacao/qingting-valley-flutter](https://gitee.com/youyacao/qingting-valley-flutter)

### 蜻蜓s

[蜻蜓s系统前端https://gitee.com/youyacao/qingting-s-uniapp](https://gitee.com/youyacao/qingting-s-uniapp)

### 蜻蜓s对接java版


[蜻蜓s系统java前端https://gitee.com/youyacao/qingtingjava-s-uniapp](https://gitee.com/youyacao/qingtingjava-s-uniapp)

### 蜻蜓t

[蜻蜓T系统前端https://gitee.com/youyacao/qingting-team-flutter](https://gitee.com/youyacao/qingting-team-flutter)

### 蜻蜓Q

[蜻蜓q系统前端https://gitee.com/youyacao/qingting-queen-uniapp](https://gitee.com/youyacao/qingting-queen-uniapp)

### 蜻蜓f

[蜻蜓f系统前端https://gitee.com/youyacao/qingting-f-uniapp](https://gitee.com/youyacao/qingting-f-uniapp)

### 蜻蜓H5版本

[蜻蜓f系统前端https://gitee.com/youyacao/qingting-h5](https://gitee.com/youyacao/qingting-h5)


## 文件目录说明

[蜻蜓系统官方目录说明https://doc.youyacao.com/web/#/8?page_id=649](https://doc.youyacao.com/web/#/8?page_id=649)



## API接口文档

### PHP后端版本接口

[点击查看API接口文档https://doc.youyacao.com/web/#/16?page_id=93](https://doc.youyacao.com/web/#/16?page_id=93)

### java后端版本接口

[点击查看JAVA版API接口文档https://doc.youyacao.com/web/#/18?page_id=226](https://doc.youyacao.com/web/#/18?page_id=226)




## 购买授权或技术支持

正版授权管网查询：

[点击查询授权以及购买其他技术支持服务https://zhengban.youyacao.com](https://zhengban.youyacao.com)


官方QQ交流群：929353806