GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hzlshen → Vue Project

hzlshen / Vue Project

基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)

Labels

vuewebpackwebsocketvuexvuejs2vue-routeraxiosvue-componentselement-uiecharts

Projects that are alternatives of or similar to Vue Project

Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (-7.31%)
Mutual labels:  webpack, axios, vuex, echarts, vue-router, element-ui
Blog.admin
✨ 基于vue 的管理后台，配合Blog.Core与Blog.Vue等多个项目使用
Stars: ✭ 500 (+66.11%)
Mutual labels:  axios, vuex, echarts, vue-router, element-ui
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+277.08%)
Mutual labels:  axios, vuex, echarts, vue-router, element-ui
Nx Admin
👍 A magical 🐮 ⚔ vue admin，记得star
Stars: ✭ 2,497 (+729.57%)
Mutual labels:  webpack, axios, vuex, vuejs2, element-ui
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-14.95%)
Mutual labels:  webpack, axios, vuex, vuejs2, vue-router
Dokit
基于 Spring Boot2、 Jpa、 Spring Security、JWT、redis、Vue的前后端分离的后台管理系统开发平台， 用户管理、菜单管理、角色管理、字典管理、权限控制的方式为RBAC，操作日志、异常日志、接口限流、项目支持数据权限管理，支持一键生成前后端代码（支持在线预览及打包下载），支持前端菜单动态路由 可一键部署服务器应用，数据库。系统中活跃用户状态监控，监视当前系统CPU、内存、磁盘、堆栈等相关信息,基于Element UI在线表单设计及生成Vue代码。
Stars: ✭ 348 (+15.61%)
Mutual labels:  websocket, axios, vuex, vue-router, element-ui
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-30.9%)
Mutual labels:  webpack, axios, vuex, vue-router, element-ui
Cordovue
A sample Apache Cordova application using VueJS.
Stars: ✭ 66 (-78.07%)
Mutual labels:  webpack, vuex, vue-components, vuejs2, vue-router
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (-17.28%)
Mutual labels:  webpack, axios, vuex, vuejs2, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+142.19%)
Mutual labels:  webpack, axios, vuex, vuejs2, vue-router
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-94.68%)
Mutual labels:  webpack, axios, vuex, vue-router, element-ui
Vue Todos
vue最新实战项目教程，从零开始，一步一个脚印,循序渐进。跟着我一起学习vue吧！
Stars: ✭ 1,659 (+451.16%)
Mutual labels:  webpack, axios, vuex, vue-router, element-ui
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目，一个PC端页面入口，一个移动端页面入口，且有各自的路由， vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-51.83%)
Mutual labels:  webpack, axios, vuex, vue-router
Eleme
restructure..
Stars: ✭ 1,635 (+443.19%)
Mutual labels:  webpack, vuex, vue-router, element-ui
Vue Cnodejs
基于vue.js重写Cnodejs.org社区的webapp
Stars: ✭ 3,065 (+918.27%)
Mutual labels:  webpack, vue-components, vuejs2, vue-router
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+3669.1%)
Mutual labels:  webpack, vuex, vue-router, element-ui
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+552.49%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Shop
VUE移动小商城
Stars: ✭ 148 (-50.83%)
Mutual labels:  webpack, axios, vuex, vue-router
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+3558.47%)
Mutual labels:  webpack, axios, vuex, element-ui
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+588.37%)
Mutual labels:  webpack, vuex, vuejs2, vue-router
View All Similar Projects ➔

#基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)

LICENSE996.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）

git clone https://github.com/hzlshen/vue-project.git

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

npm install

启动服务(http://localhost:8080)

npm run dev

发布代码

npm run build

开发

目录结构

.
├── 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 预编译入口

###项目截图

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].