# [Vuetify Material Dashboard](https://www.creative-tim.com/vuetify-material-dashboard) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/home?status=Vuetify%20Material%20Dashboard%20-%20Admin%20Template%20for%20Vue.js%20https%3A//www.creative-tim.com/product/vuetify-material-dashboard%20%23vuejs%20%23vuex%20%23dashboard%20%23vuetify%20%23vuetify%20material%20%20%40creativetim)
![version](https://img.shields.io/badge/version-1.0.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/vuetify-material-dashboard.svg)](https://github.com/creativetimofficial/vuetify-material-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/creativetimofficial/vuetify-material-dashboard.svg?maxAge=259200)](https://github.com/creativetimofficial/vuetify-material-dashboard/issues?q=is%3Aissue+is%3Aclosed) [![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg)](https://gitter.im/creative-tim/material-dashboard) [![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://discord.gg/E4aHAQy)
![Product Gif](./public/img/vuetify-material-dashboard.gif)
Vuetify Material Dashboard is a beautiful resource built over [Vuetify](https://vuetifyjs.com/en/) and [Vuex](https://vuex.vuejs.org/installation.html). It will help you get started developing dashboards in no time. Vuetify Material Dashboard is the official Vuejs version of the Original [Material Dashboard](https://www.creative-tim.com/product/material-dashboard). Using the Dashboard is pretty simple but requires basic knowledge of Javascript, [Vue](https://vuejs.org/v2/guide/), [Vuex](https://vuex.vuejs.org/installation.html) and [Vue-Router](https://router.vuejs.org/en/).
## Getting Started
- Install Nodejs from [Nodejs Official Page](https://nodejs.org/en/)
- Open your terminal
- Navigate to the project
- Run `npm install` or `yarn install` if you use [Yarn](https://yarnpkg.com/en/)
- Run `npm run dev` or `yarn serve` to start a local development server
- A new tab will be opened in your browser
You can also run additional npm tasks such as
- `npm run build` to build your app for production
- `npm run lint` to run linting.
## Vuetify
Vuetify is developed exactly according to Material Design spec. Every component is hand crafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy.
## Vuex
Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official [devtools](https://github.com/vuejs/vue-devtools) extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.
## Vue-cli
We used the latest 3.x [Vue CLI](https://github.com/vuejs/vue-cli) which aims to reduce project configuration
to as little as possible. Almost everything is inside `package.json` + some other related files such as
`.babel.config.js`, `.eslintrc.js` and `.postcssrc.js`
## Element-UI
Vuetify Material Dashboard also uses [element-ui](https://vuetifyjs.com/en/components/api-explorer) components and restyles them to achieve consistent and homogenous interface with the existing custom components and general UI of the dashboard.
Let us know what you think and what we can improve below. And good luck with development!
#### Special thanks
During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:
- [Vuetify](https://vuetifyjs.com/en/) for the wonderful framework
Let us know your thoughts below. And good luck with development!
## Table of Contents
* [Versions](#versions)
* [Demo](#demo)
* [Quick Start](#quick-start)
* [Documentation](#documentation)
* [File Structure](#file-structure)
* [Browser Support](#browser-support)
* [Resources](#resources)
* [Reporting Issues](#reporting-issues)
* [Technical Support or Questions](#technical-support-or-questions)
* [Licensing](#licensing)
* [Useful Links](#useful-links)
## Versions
[<img src="https://pbs.twimg.com/profile_images/900908683927982080/GWykKJ7r_400x400.jpg" width="60" height="60" />](https://www.creative-tim.com/product/vuetify-material-dashboard)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/html.png" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/react.svg" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro-react)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/vuejs.png" width="60" height="60" />](https://www.creative-tim.com/product/vue-material-dashboard-pro)
[<img src="https://s3.amazonaws.com/creativetim_bucket/github/angular.png" width="60" height="60" />](https://www.creative-tim.com/product/material-dashboard-pro-angular2)
Vuetify | Vue | React | Angular | HTML |
| --- | --- | --- | --- | --- |
| [![Vuetify Material Dashboard](https://s3.amazonaws.com/creativetim_bucket/products/100/original/opt_md_vuetify_thumbnail.jpg)](https://www.creative-tim.com/product/vuetify-material-dashboard-pro) | [![Vue Material Dashboard](https://s3.amazonaws.com/creativetim_bucket/products/81/original/opt_md_vue_thumbnail.jpg)](https://www.creative-tim.com/product/vue-material-dashboard) | [![Material Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/71/original/opt_mdr_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-react) | [![Material Dashboard Angular](https://s3.amazonaws.com/creativetim_bucket/products/53/original/opt_md_angular_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-angular2) | [![Material Dashboard HTML](https://s3.amazonaws.com/creativetim_bucket/products/50/original/opt_md_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard)
## Demo
- [Start page](https://demos.creative-tim.com/vuetify-material-dashboard)
- [Notifications page](https://demos.creative-tim.com/vuetify-material-dashboard/#/notifications)
[View More](https://demos.creative-tim.com/vue-material-dashboard-pro).
## Quick start
Quick start options:
- Download from [Creative Tim](https://www.creative-tim.com/product/vuetify-material-dashboard)
## Documentation
The documentation for the Vuetify Material Dashboard is hosted at our [website](https://demos.creative-tim.com/vuetify-material-dashboard/documentation).
## File Structure
Within the download you'll find the following directories and files:
```
vuetify-material-dashboard
├── README.md
├── babel.config.js
├── package.json
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.vue
│ ├── assets
│ ├── components
│ │ ├── core
│ │ │ ├── Drawer.vue
│ │ │ ├── Filter.vue
│ │ │ ├── Footer.vue
│ │ │ ├── Toolbar.vue
│ │ │ └── View.vue
│ │ ├── helper
│ │ │ └── Offset.vue
│ │ ├── index.js
│ │ └── material
│ │ ├── Card.vue
│ │ ├── ChartCard.vue
│ │ ├── Notification.vue
│ │ └── StatsCard.vue
│ ├── i18n
│ │ └── index.js
│ ├── lang
│ │ ├── en
│ │ │
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 基于百度识别API的客流分析统计系统源码+全部资料齐全.zip基于百度识别API的客流分析统计系统源码+全部资料齐全.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于百度识别API的客流分析统计系统源码+全部资料齐全.zip (189个子文件)
.babelrc 229B
.browserslistrc 32B
videojs.css 44KB
.editorconfig 243B
.eslintignore 34B
.gitignore 296B
.gitkeep 0B
index.html 534B
index.html 280B
favicon.ico 66KB
favicon.ico 15KB
2.jpeg 7KB
3.jpeg 7KB
4.jpeg 6KB
1.jpeg 6KB
videojs-contrib-hls.min.js 227KB
video.min.js 179KB
db_sql.js 11KB
videojs-flash.min.js 8KB
routes.js 6KB
webpack.prod.conf.js 5KB
index_bak.js 5KB
.eslintrc.js 5KB
index.js 5KB
index.js 4KB
helpers.js 4KB
index.js 3KB
face_controller.js 3KB
index.js 3KB
index.js 3KB
webpack.dev.conf.js 3KB
webpack.base.conf.js 3KB
utils.js 3KB
routes-admin.js 2KB
chart_options.js 2KB
baiduAPI.js 2KB
store_controller.js 2KB
auth_controller.js 2KB
request.js 2KB
paths.js 1KB
check-versions.js 1KB
user.js 1KB
task_sql.js 1KB
db_helper.js 1KB
build.js 1KB
app.js 1KB
ResizeHandler.js 976B
check_token.js 924B
axios.js 921B
app.js 876B
index.js 874B
permission.js 858B
task_controller.js 813B
main.js 763B
index.js 516B
main.js 500B
index.js 471B
index.js 458B
.eslintrc.js 345B
index.js 285B
every-day-history.js 272B
auth.js 271B
index.js 262B
getters.js 262B
validate.js 256B
.postcssrc.js 246B
vuetify.js 215B
mutations.js 206B
dev.env.js 202B
theme.js 191B
vuex.js 160B
vue.config.js 160B
table.js 152B
login.js 151B
index.js 139B
mutations.js 134B
prod.env.js 111B
vue-loader.conf.js 93B
state.js 83B
state.js 72B
actions.js 67B
getters.js 67B
.postcssrc.js 59B
babel.config.js 53B
utils.js 23B
index.js 19B
service.js 0B
package.json 3KB
package.json 2KB
package.json 1KB
nodemon.json 258B
package.json 58B
LICENSE 1KB
README.md 12KB
README-zh.md 5KB
README.md 4KB
README.md 1KB
nohup.out 23B
404.png 96KB
noimg.png 86KB
共 189 条
- 1
- 2
资源评论
不走小道
- 粉丝: 3221
- 资源: 5113
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 2406011243520696.mp4
- sql语句及应用场景.zip
- 疯狂吃月饼游戏小程序前端源码
- 硬件工程师+电子类工程师岗位简历模板
- 知识领域: 人工智能 技术关键词: TensorFlow、Keras、深度学习、神经网络
- 知识领域: 自动化测试 技术关键词: pytest、unittest、自动化测试、测试框架
- 知识领域: 数据库管理 技术关键词: SQLAlchemy、数据库、ORM、SQL 内容关键词: 数据库连接、数据查询、数据操作
- 知识领域: 网络编程 技术关键词: socket、网络编程、异步IO、TCP/IP 内容关键词: 客户端、服务器、网络协议
- 知识领域: 自然语言处理 技术关键词: NLTK、spaCy、文本处理、语言模型
- ubuntu20.04安装教程.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功