#基于vue-cli构建的财务后台管理系统(`vue2`+`vuex`+`axios`+`vue-router`+`element-ui`+`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、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar
#### 安装
#### 项目地址:
(`git clone`)
```shell
git clone https://github.com/hzlshen/vue-project.git
```
#### 通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/))
```
npm install
```
#### 启动服务(http://localhost:8080)
```
npm run dev
```
#### 发布代码
```
npm run build
```
#### 开发
#### 目录结构
<pre>
.
├── README.md
├── build // 构建服务和webpack配置
├── config // 项目不同环境的配置
├── dist // 项目build目录
├── index.html // 项目入口文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── assets // css js 和图片资源
│ ├── axios // ajax url 放置
│ ├── components // 各种组件
│ ├── images // 图片文件夹
│ ├── i18n // 国际化文件夹
│ ├── page // 各种页面
│ ├── router // 页面路由
│ ├── store // vuex状态管理器
│ ├── style // 样式文件
│ └── main.js // Webpack 预编译入口
</pre>
###项目截图
<br/>
![](https://github.com/hzlshen/Imgage_box/blob/master/vue-project1.png)
![](https://github.com/hzlshen/Imgage_box/blob/master/vue-project2.png)
没有合适的资源?快使用搜索试试~ 我知道了~
基于vuecli构建的财务后台管理系统
共77个文件
vue:38个
js:24个
png:4个
5星 · 超过95%的资源 需积分: 41 19 下载量 107 浏览量
2019-08-09
18:42:40
上传
评论
收藏 204KB ZIP 举报
温馨提示
基于vue-cli构建的财务后台管理系统(vue2 vuex axios vue-router element-ui echarts websocket vue-i18n)
资源推荐
资源详情
资源评论
收起资源包目录
基于vuecli构建的财务后台管理系统.zip (77个子文件)
vue-project-master
index.html 291B
.postcssrc.js 246B
src
router
index.js 5KB
style
main.css 7KB
main.js 1KB
i18n
lan
en.js 549B
zh.js 500B
index.js 354B
store
modules
mutations.js 1KB
mutation-type.js 726B
actions.js 1KB
index.js 973B
axios
url.js 969B
fetch.js 864B
api.js 2KB
images
login-bg .png 25KB
captcha.png 2KB
components
head
head.vue 4KB
templateOne.vue 737B
filterBox
batchStatement.vue 4KB
batchAudit.vue 3KB
batchDelete.vue 3KB
batchDifferences.vue 4KB
batchUnAudit.vue 3KB
search
Search.vue 29KB
getWebSocket
getWebSocket.vue 5KB
tags
tags.vue 3KB
sidebar
sidebar.vue 5KB
template
hzlTable.vue 1KB
hzlPage.vue 857B
hzlInput.vue 764B
hzlSelect.vue 784B
hzlDialog.vue 915B
index.js 403B
btnList
btnList.vue 4KB
tabs
Tabs.vue 1KB
App.vue 295B
assets
logo.png 7KB
page
verifyRecord
VerifyBankStatementRecord.vue 239B
VerifyReceivablesRecord.vue 10KB
upload
upload.vue 2KB
verifyPlatform
verifyAutomate.vue 6KB
VerifyReceivables.vue 247B
VerifyBankStatement.vue 227B
set
updatePWD.vue 3KB
structure.vue 4KB
inquiry
BankFlow.vue 8KB
TransactionFlow.vue 10KB
SystemStatement.vue 11KB
children
orderAdd.vue 44KB
orderDetail.vue 46KB
OrderReceivable.vue 6KB
chart
chart.vue 2KB
home
home.vue 1KB
reportForms
OrderSummary.vue 11KB
ReceivablesBalance.vue 11KB
login
login.vue 5KB
.babelrc 230B
config
dev.env.js 156B
prod.env.js 61B
index.js 2KB
build
vue-loader.conf.js 553B
build.js 1KB
webpack.dev.conf.js 3KB
utils.js 3KB
webpack.prod.conf.js 5KB
logo.png 7KB
check-versions.js 1KB
webpack.base.conf.js 2KB
README.md 2KB
.editorconfig 147B
.gitignore 154B
package-lock.json 378KB
package.json 2KB
static
.gitkeep 0B
data
tableCols.json 2KB
localData.json 89KB
共 77 条
- 1
资源评论
- gefford2020-09-24不错,内容完成!
weixin_39840924
- 粉丝: 492
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功