<div align="center">
<img src="https://github.com/PandaGoAdmin/PandaUi/blob/master/src/assets/logo.png">
<p align="center">
<a href="https://v3.vuejs.org/" target="_blank">
<img src="https://img.shields.io/badge/vue.js-vue3.x-green" alt="vue">
</a>
<a href="https://element-plus.gitee.io/#/zh-CN/component/changelog" target="_blank">
<img src="https://img.shields.io/badge/element--plus-%3E1.0.0-blue" alt="element plus">
</a>
<a href="https://www.tslang.cn/" target="_blank">
<img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript">
</a>
<a href="https://vitejs.dev/" target="_blank">
<img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite">
</a>
<a href="https://github.com/PandaGoAdmin/PandaUi/blob/master/LICENSE" target="_blank">
<img src="https://img.shields.io/badge/license-MIT-success" alt="license">
</a>
</p>
<p> </p>
</div>
#### 🌈 介绍
基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。
#### ⛱️ 线上预览
#### 💒 代码仓库
- PandaX 微服务版本 <a href="https://gitee.com/PandaGoAdmin/PandaX" target="_blank">https://gitee.com/PandaGoAdmin/PandaX</a>
- Panda 单节点版本 <a href="https://gitee.com/PandaGoAdmin/Panda" target="_blank">https://gitee.com/PandaGoAdmin/Panda</a>
#### 🚧 安装 cnpm、yarn
- 复制代码(桌面 cmd 运行) `npm install -g yarn --registry=https://registry.npm.taobao.org`
- 复制代码(桌面 cmd 运行) `npm install -g yarn`
#### 🏭 环境支持
| Edge | last 2 versions | last 2 versions | last 2 versions |
| ------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ |
| ![Edge](https://cdn.jsdelivr.net/npm/@browser-logos/edge/edge_32x32.png) | ![Firefox](https://cdn.jsdelivr.net/npm/@browser-logos/firefox/firefox_32x32.png) | ![Chrome](https://cdn.jsdelivr.net/npm/@browser-logos/chrome/chrome_32x32.png) | ![Safari](https://cdn.jsdelivr.net/npm/@browser-logos/safari/safari_32x32.png) |
> 由于 Vue3 不再支持 IE11,故而 ElementPlus 也不支持 IE11 及之前版本。
#### ⚡ 使用说明
建议<a href="http://nodejs.cn/" target="_blank">node 版本 > 17.0.0</a>
```bash
# 克隆项目
git clone https://github.com/PandaGoAdmin/PandaUi.git
# 进入项目
cd PandaUi
# 安装依赖
yarn
# 运行项目
yarn dev
# 打包发布
yarn build
```
#### 🍉 git 命令
- 在本地新建一个分支:`git branch newBranch`
- 切换到你的新分支:`git checkout newBranch`
- 将新分支发布在 github、gitee 上:`git push origin newBranch`
- 在本地删除一个分支:`git branch -d newBranch`
- 在 github 远程端删除一个分支:`git push origin :newBranch (分支名前的冒号代表删除)`
- 注意删除远程分支后,如果有对应的本地分支,本地分支并不会同步删除!
#### 💯 学习交流加 QQ 群
- 若加群了没同意(一般不会超过一天),那就是群满了,请换一个群试试
- 查看开发文档、<a href="" target="_blank">PandaUi</a> 开发文档正在编写中...
#### ❤️ 鸣谢列表
- <a href="https://github.com/vuejs/vue" target="_blank">vue</a>
- <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a>
- <a href="https://github.com/ElemeFE/element" target="_blank">element-ui</a>
- <a href="https://github.com/element-plus/element-plus" target="_blank">element-plus</a>
- <a href="https://github.com/vuejs/vue-router-next" target="_blank">vue-router-nex</a>
- <a href="https://github.com/vuejs/vuex" target="_blank">vuex</a>
- <a href="https://github.com/apache/echarts" target="_blank">echarts</a>
- <a href="https://github.com/axios/axios" target="_blank">axios</a>
- <a href="https://github.com/zenorocha/clipboard.js" target="_blank">clipboard</a>
- <a href="https://github.com/inorganik/countUp.js" target="_blank">countUp</a>
- <a href="https://github.com/developit/mitt" target="_blank">mitt</a>
- <a href="https://github.com/rstacruz/nprogress" target="_blank">nprogress</a>
- <a href="https://github.com/sindresorhus/screenfull.js" target="_blank">screenfull</a>
- <a href="https://github.com/SortableJS/Sortable" target="_blank">sortablejs</a>
- <a href="https://github.com/sass/sass" target="_blank">sass</a>
- <a href="https://github.com/microsoft/TypeScript" target="_blank">typescript</a>
- <a href="https://github.com/vitejs/vite" target="_blank">vite</a>
- <a href="https://github.com/wangeditor-team/wangEditor" target="_blank">wangeditor</a>
- <a href="https://github.com/fengyuanchen/cropperjs" target="_blank">cropperjs</a>
- <a href="https://github.com/davidshimjs/qrcodejs" target="_blank">qrcodejs</a>
- <a href="https://github.com/crabbly/Print.js" target="_blank">print-js</a>
- <a href="https://github.com/likaia/screen-shot" target="_blank">vue-web-screen-shot</a>
- <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a>
- <a href="https://github.com/antoniandre/splitpanes" target="_blank">splitpanes</a>
- <a href="https://github.com/yimijianfang/vue-drag-verify" target="_blank">vue-drag-verify</a>
- <a href="https://github.com/jsplumb/jsplumb" target="_blank">jsplumb</a>
#### 💌 支持作者
如果觉得框架不错,或者已经在使用了,希望你可以去 <a target="_blank" href="https://github.com/PandaGoAdmin/PandaUi">Github</a> 或者
<a target="_blank" href="https://gitee.com/PandaAdmin/PandaUi">Gitee</a> 帮我点个 ⭐ Star,这将是对我极大的鼓励与支持。
基于gozero + Vue3 + TypeScript + AntDesignVue的前后端分离企业级系统开发脚手架.zip
需积分: 0 111 浏览量
更新于2023-12-31
收藏 1.78MB ZIP 举报
PandaUi 是PandaX的前端框架,PandaX 是golang(go)语言微服务开发架构, 基于go-zero(gozero) + Vue3.0 + TypeScript + vite2 + Ant-Design-Vue的前后端分离企业级系统开发脚手架
Vue3,springboot,element-ui使用技巧,实战应用开发小系统参考资料,源码参考。
Vue3,springboot,element-ui使用技巧,实战应用开发小系统参考资料,源码参考。
Vue3,springboot,element-ui使用技巧,实战应用开发小系统参考资料,源码参考。
白话Learning
- 粉丝: 4742
- 资源: 3147
最新资源
- libiptcdata-devel-1.0.4-11.el7.x64-86.rpm.tar.gz
- Simulink仿真逆变器:多电平调制方式下的SPWM与SVPWM调制及电压电流双闭环PI控制策略探究,Simulink仿真逆变器,两电平三电平,有正弦脉宽(spwm)调制和矢量脉宽(svpwm)调制
- libiptcdata-python-1.0.4-11.el7.x64-86.rpm.tar.gz
- 轮毂电机分布式驱动车辆状态估计:基于无迹与扩展卡尔曼滤波的7自由度模型分析,车辆状态估计,扩展卡尔曼滤波EKF,无迹卡尔曼滤波UKF 角阶跃输入+整车7自由度模型+UKF状态估计模型+附送EKF状态估
- libiscsi-1.9.0-7.el7.x64-86.rpm.tar.gz
- 三菱PLC大型自动化控制项目:QCPU与QD77MS一体化电气开发系统,高效程序结构助力自动化设备控制程序开发,三菱PlC程序大型项目QCPU+QD77MS16 项目说明如下: 1.包含一套完整的电
- libiscsi-devel-1.9.0-7.el7.x64-86.rpm.tar.gz
- 西门子PLC与KUKA机器人协同工作:安全控制、信号交互与多车型运行策略,西门子PLC配KUKA机器人程序 程序为西门子S7-1500PLC博途调试: 西门子与KUKA机器人通讯; PLC控制KU
- libiscsi-utils-1.9.0-7.el7.x64-86.rpm.tar.gz
- 台达触摸屏直接通信控制多台变频器及与第三方MODBUS产品(含温控器)的通信实现与接线指南,台达触摸屏与多台变频器485通信 温控器通信 1,不用通过PLC,直接由触摸屏的com口进行通信控制 2
- libisofs-1.2.8-4.el7.x64-86.rpm.tar.gz
- libisofs-devel-1.2.8-4.el7.x64-86.rpm.tar.gz
- 欧姆龙CP1H+CIF11与3台E5CC温控通讯程序:稳定可靠的串口网关通讯,实现3台温控器设定与监控,功能丰富,可扩展,附送威纶通触摸屏程序 ,欧姆龙CP1H+CIF11与3台欧姆龙E5CC温控通讯
- libitm-4.8.5-44.el7.x64-86.rpm.tar.gz
- libitm-devel-4.8.5-44.el7.x64-86.rpm.tar.gz
- 激光水平仪全面解决方案:原理图解析、PCB布局与源代码集成,激光水平仪整体方案 原理图 PCB 源代码 ,核心关键词:激光水平仪整体方案; 原理图; PCB; 源代码;,"激光水平仪综合方案:原理图