Vue前端项目简单分享

qq_61992662119.42KB需要积分:1

资源文件列表:

vue3-admin-plus-main.zip 大约有109个文件

vue3-admin-plus-main/
vue3-admin-plus-main/.env.development 176B
vue3-admin-plus-main/.env.production 263B
vue3-admin-plus-main/.env.staging 261B
vue3-admin-plus-main/.eslintignore 246B
vue3-admin-plus-main/.gitignore 256B
vue3-admin-plus-main/README.md 2.49KB
vue3-admin-plus-main/index.html 337B
vue3-admin-plus-main/package.json 1.03KB
vue3-admin-plus-main/public/
vue3-admin-plus-main/public/favicon.ico 4.19KB
vue3-admin-plus-main/src/
vue3-admin-plus-main/src/App.vue 253B
vue3-admin-plus-main/src/api/
vue3-admin-plus-main/src/api/dept.js 1.21KB
vue3-admin-plus-main/src/api/index.js 941B
vue3-admin-plus-main/src/assets/
vue3-admin-plus-main/src/assets/logo.png 6.69KB
vue3-admin-plus-main/src/components/
vue3-admin-plus-main/src/components/btnList/
vue3-admin-plus-main/src/components/btnList/btnList.vue 4.08KB
vue3-admin-plus-main/src/components/filterBox/
vue3-admin-plus-main/src/components/filterBox/batchAudit.vue 3.49KB
vue3-admin-plus-main/src/components/filterBox/batchDelete.vue 3.36KB
vue3-admin-plus-main/src/components/filterBox/batchDifferences.vue 3.65KB
vue3-admin-plus-main/src/components/filterBox/batchStatement.vue 4.39KB
vue3-admin-plus-main/src/components/filterBox/batchUnAudit.vue 3.35KB
vue3-admin-plus-main/src/components/getWebSocket/
vue3-admin-plus-main/src/components/getWebSocket/getWebSocket.vue 4.86KB
vue3-admin-plus-main/src/components/head/
vue3-admin-plus-main/src/components/head/head.vue 3.76KB
vue3-admin-plus-main/src/components/search/
vue3-admin-plus-main/src/components/search/Search.vue 29.05KB
vue3-admin-plus-main/src/components/sidebar/
vue3-admin-plus-main/src/components/sidebar/sidebar.vue 3.39KB
vue3-admin-plus-main/src/components/tabs/
vue3-admin-plus-main/src/components/tabs/Tabs.vue 1.16KB
vue3-admin-plus-main/src/components/tags/
vue3-admin-plus-main/src/components/tags/tags.vue 3.05KB
vue3-admin-plus-main/src/components/template/
vue3-admin-plus-main/src/components/template/hzlDialog.vue 915B
vue3-admin-plus-main/src/components/template/hzlInput.vue 1.19KB
vue3-admin-plus-main/src/components/template/hzlPage.vue 842B
vue3-admin-plus-main/src/components/template/hzlSelect.vue 729B
vue3-admin-plus-main/src/components/template/hzlTable.vue 1.03KB
vue3-admin-plus-main/src/components/template/index.js 403B
vue3-admin-plus-main/src/components/templateOne.vue 737B
vue3-admin-plus-main/src/env.d.ts 281B
vue3-admin-plus-main/src/images/
vue3-admin-plus-main/src/images/captcha.png 1.71KB
vue3-admin-plus-main/src/images/login-bg .png 24.77KB
vue3-admin-plus-main/src/locales/
vue3-admin-plus-main/src/locales/en.ts 550B
vue3-admin-plus-main/src/locales/index.ts 634B
vue3-admin-plus-main/src/locales/zh.ts 501B
vue3-admin-plus-main/src/main.ts 1.18KB
vue3-admin-plus-main/src/mock/
vue3-admin-plus-main/src/mock/index.ts 341B
vue3-admin-plus-main/src/router/
vue3-admin-plus-main/src/router/index.ts 4.22KB
vue3-admin-plus-main/src/store/
vue3-admin-plus-main/src/store/index.ts 277B
vue3-admin-plus-main/src/style/
vue3-admin-plus-main/src/style/main.css 6.79KB
vue3-admin-plus-main/src/utils/
vue3-admin-plus-main/src/utils/auth.js 270B
vue3-admin-plus-main/src/utils/errorCode.js 199B
vue3-admin-plus-main/src/utils/hzl.js 6.15KB
vue3-admin-plus-main/src/utils/request.js 5.36KB
vue3-admin-plus-main/src/views/
vue3-admin-plus-main/src/views/chart/
vue3-admin-plus-main/src/views/chart/index.vue 2.01KB
vue3-admin-plus-main/src/views/home/
vue3-admin-plus-main/src/views/home/index.vue 1.17KB
vue3-admin-plus-main/src/views/inquiry/
vue3-admin-plus-main/src/views/inquiry/BankFlow.vue 8.36KB
vue3-admin-plus-main/src/views/inquiry/OrderReceivable.vue 7.23KB
vue3-admin-plus-main/src/views/inquiry/SystemStatement.vue 10.59KB
vue3-admin-plus-main/src/views/inquiry/TransactionFlow.vue 10.48KB
vue3-admin-plus-main/src/views/inquiry/children/
vue3-admin-plus-main/src/views/inquiry/children/orderAdd.vue 43.69KB
vue3-admin-plus-main/src/views/inquiry/children/orderDetail.vue 46.19KB
vue3-admin-plus-main/src/views/login/
vue3-admin-plus-main/src/views/login/index.vue 4.7KB
vue3-admin-plus-main/src/views/reportForms/
vue3-admin-plus-main/src/views/reportForms/OrderSummary.vue 10.8KB
vue3-admin-plus-main/src/views/reportForms/ReceivablesBalance.vue 10.8KB
vue3-admin-plus-main/src/views/set/
vue3-admin-plus-main/src/views/set/structure.vue 4.37KB
vue3-admin-plus-main/src/views/set/updatePWD.vue 2.98KB
vue3-admin-plus-main/src/views/upload/
vue3-admin-plus-main/src/views/upload/upload.vue 1.5KB
vue3-admin-plus-main/src/views/verifyPlatform/
vue3-admin-plus-main/src/views/verifyPlatform/VerifyBankStatement.vue 227B
vue3-admin-plus-main/src/views/verifyPlatform/VerifyReceivables.vue 247B
vue3-admin-plus-main/src/views/verifyPlatform/verifyAutomate.vue 6.42KB
vue3-admin-plus-main/src/views/verifyRecord/
vue3-admin-plus-main/src/views/verifyRecord/VerifyBankStatementRecord.vue 239B
vue3-admin-plus-main/src/views/verifyRecord/VerifyReceivablesRecord.vue 10.43KB
vue3-admin-plus-main/tsconfig.json 465B
vue3-admin-plus-main/tsconfig.node.json 142B
vue3-admin-plus-main/vite.config.ts 1.87KB
vue3-admin-plus-main/vite/
vue3-admin-plus-main/vite/plugins/
vue3-admin-plus-main/vite/plugins/auto-import.js 303B
vue3-admin-plus-main/vite/plugins/compression.js 889B
vue3-admin-plus-main/vite/plugins/index.js 675B
vue3-admin-plus-main/vite/plugins/setup-extend.js 134B
vue3-admin-plus-main/vite/plugins/svg-icon.js 293B

资源介绍:

Vue前端项目简单分享

#基于 vue2 element-ui 升级为 vue3 + vite 构建的财务后台管理系统(`vue3`+`vuex`+`axios`+`vue-router`+`element-plus`+`echarts`+`websocket`+`vue-i18n`) [![LICENSE](https://img.shields.io/badge/license-Anti%20996-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu) --- ### 本项目可以学到: 1、学会使用vue2升级vue3构建项目. 2、vue+vite构建，移除webpack。 3、基于(pomise)封装axios的get、post等http请求. 4、学会使用vue-router实现页面跳转带参. 5、学会使用vuex状态管理. 6、配套element-plus(主要对table的操作多) 7、对element plus进行二次封装组件,提高复用性 8、略微涉及echarts作图标分析 9、使用websocket监听ele进度条状态 10、使用vue-i18n实现国际化--中英文切换 11、使用Ngprogress做加载,类似github loading bar #### 安装 #### 项目地址：（`git clone`） ```shell git clone https://github.com/hzlshen/vue3-admin-plus.git ``` #### 通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/)) ``` yarn ``` #### 启动服务(http://localhost:8080) ``` yarn dev ``` #### 发布代码 ``` yarn build ``` #### 开发 #### 目录结构

.
├── README.md           
├── build              // 构建服务和webpack配置
├── config             // 项目不同环境的配置
├── dist               // 项目build目录
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src                // 生产目录
│   ├── assets         // css js 和图片资源
│   ├── api            // ajax url 放置
│   ├── components     // 各种组件
│   ├── images         // 图片文件夹
│   ├── locales        // 国际化文件夹
│   ├── mock           // mock数据
│   ├── utils          // 通用方法封装
│   ├── views          // view页面
│   ├── router         // 页面路由
│   ├── store          // vuex状态管理器
│   ├── vite           // vite插件配置
│   ├── style          // 样式文件
│   └── main.js        // Webpack 预编译入口

###项目截图
![](https://github.com/hzlshen/Imgage_box/blob/master/vue-project1.png) ![](https://github.com/hzlshen/Imgage_box/blob/master/vue-project2.png)

Vue前端项目简单分享

资源文件列表:

资源介绍: