其他分享
首页 > 其他分享> > 非常漂亮大气的后台基于Vue3.2+ElementPlus2.2+Pinia+Echarts5,使用远程API和Mock数据双接口,Composition api风格

非常漂亮大气的后台基于Vue3.2+ElementPlus2.2+Pinia+Echarts5,使用远程API和Mock数据双接口,Composition api风格

作者:互联网

TodoAdmin-Vue版:是一个集成管理后台端模板解决方案,项目采用TS(TypeScript)脚本语言,基于Vue 3.2+/Vue-cli 5.0+/Vue-router 4.0+、Axios0.2.7、Element-plus 2.2+、Pinia 2.0+、ECharts 5.3.2以及Mockjs等搭建,项目是以Composition api风格编写,采用远程API接口和本地Mock双接口模式加载数据。

体验Demo地址

用户名:guest

密码:123456

 

克隆Github仓库

# 克隆项目

git clone -b  https://github.com/todoadmin-com/vue3-elementPlus-pinia.git

# 安装依赖

npm i

# 本地开发 启动项目

npm run serve

 克隆Gitee码云仓库

# 克隆项目

git clone -b  https://gitee.com/todoadmin-com/vue3-element-plus-pinia.git

# 安装依赖

npm i

# 本地开发 启动项目

npm run serve

 

项目生态插件【依赖】列表

标题名称

版本

描述

vue

3.2+

构建用户界面的渐进式框架

vue-router

4.0+

单页应用程序路由

vue-cli

5+

项目脚手架

axios

0.2.7

基于promise的网络请求库

element-plus

2.2+

基于Vue3的组件库

element-plus-icons

2.2+

基于Vue3的组件图标库

vue-quill

1.0.0.beta.8

可视化在线文本编辑器

quill-image-resize

3.0+

文本编辑器图片重置尺寸

vue-cropper

1.0+

基于Vue3的图片裁剪

pinia

2.0+

状态管理

vue-i18n-next

9.1+

多国语言文字切换

js-md5

0.7.3

MD5加密

nprogress

0.2.0

进度条加载

echarts

5.3.2

多功能图表

项目安装(依赖安装)

npm install   or  yarn install

运行开发环境

npm run serve  or  yarn serve

生产环境打包

npm run build  or  yarn build

修复文件

npm run lint

配置文件

config.js

 

后台效果图预览

以下是截取效果图展示:

 

前后端功能简介

前端

后端

 

 

 

 

标签:npm,vue,Vue,ElementPlus2.2,支持,api,接口,com,Composition
来源: https://www.cnblogs.com/vpanda666/p/16396521.html