/dashboard

A dashboard scaffolding based on Vue.js created by Vue CLI.

Primary LanguageVueMIT LicenseMIT

Dashboard

Actions Status Build Status License Dependency Status devDependency Status Code Style

A dashboard scaffolding based on vue.js created by vuejs/vue-cli.

Preview

WEDN.NET Dashboard Login

WEDN.NET Dashboard List

Online demo

https://dashboard.zce.me

  • username: zce
  • password: wanglei

P.S. For Chinese: https://zce.gitee.io/vue-admin

Usage

Getting Started

# clone repo
$ git clone https://github.com/zce/dashboard.git
$ cd dashboard
# install dependencies
$ npm install # or yarn

Available Scripts

# serve with hot reload at http://localhost:8080
$ npm run serve # or yarn serve

# lint the source files.
$ npm run lint # or yarn lint

# build for production with minification
$ npm run build # or yarn build

# build for production and deploy to gh-pages
$ npm run deploy # or yarn deploy

API Server

https://dashboard-server.now.sh

Source: zce/dashboard-server

Usage

# clone api server
$ git clone https://github.com/zce/dashboard-server.git
# run api server
$ cd dashboard-server
$ npm install # or yarn
$ npm start # or yarn start
# => api server run @ http://localhost:2080

modify VUE_APP_API_BASE in .env.development or .env.prodution:

- VUE_APP_API_BASE=https://dashboard-server.now.sh
+ VUE_APP_API_BASE=http://localhost:3000

Environment

Stacks

  • Vue CLI - Standard Tooling for Vue.js Development
  • Vue - The Progressive JavaScript Framework
  • Vuex - Official state management pattern / library for Vue.js applications
  • Vue Router - Official router for Vue.js applications
  • Vue I18n - Internationalization plugin for Vue.js
  • Vue Resource - RESTful APIs library (instead by axios)
  • Axios - AJAX call library
  • Element UI - UI Framework (Partial use, such as forms, forms, etc)
  • NProgress - For slim progress bars like on YouTube, Medium, etc
  • Webpack - Bundler (within @vue/cli-service)
  • Vue Loader - Bundler (within @vue/cli-service)
  • Babel - JavaScript compiler (within @vue/cli-plugin-babel)
  • ESLint - Linter (within @vue/cli-plugin-eslint)
  • Sass - CSS Preprocessor
  • EditorConfig
  • Travis CI - CI System
  • GitHub Actions - CI System
  • JSON Server - Basic framework of serverside
  • Mock
  • etc.

Todos

  • Restructure config file
  • Remove unused packages
  • Custom Element UI theme
  • All pages structure
  • JSON Server
  • Global state
  • Table demo
  • Login module
  • Restructure libs code
  • vue-resource -> Axios
  • Deploy to GitHub Pages by CI
  • I18n Translation
  • Users module
  • JSDoc supports - https://code.visualstudio.com/Docs/languages/javascript
  • Options module
  • Media module
  • Posts module
  • Terms module
  • Comments module
  • Other module

License

MIT © 汪磊 & WEDN.NET