GithubHelp home page GithubHelp logo

andy521 / vuejs-admin Goto Github PK

View Code? Open in Web Editor NEW

This project forked from caiya/vuejs-admin

0.0 2.0 0.0 1.14 MB

基于eggjs、vuejs的设备管理系统,有帮助的话麻烦给个star谢谢

JavaScript 73.19% HTML 14.39% Vue 11.13% CSS 1.29%

vuejs-admin's Introduction

vuejs-admin(基于eggjs、vuejs、mqtt开发的设备管理系统)

服务端接口地址:https://github.com/caiya/vuejs-admin-server

  • 用户模块(用户管理)
  • 设备模块(设备管理、设备实时监控、设备参数记录、设备类别管理、参数管理等)
  • 授权模块(引入OAuth2.0授权服务,方便将接口以OAuth提供第三方)
  • 消息模块(用户申请帮助消息、设备参数告警消息)

技术栈

关键字

  • 前端:vuejs、vue-router、vuex、axios、element-ui、iconfont、mqttjs
  • 后端:eggjs、mysql、OAuth2.0、restful、nginx、mqtt(负责前端所有消息推送&设备实时参数接收)

目前进展

已完成

  • 用户登录、退出
  • 用户模块:用户列表(带分页)、新增、删除、编辑、头像上传等
  • 个人资料编辑设置
  • 设备模块:设备列表(带分页)、新增、删除、编辑等
  • 设备实时参数图表展现

TODO

  • 设备参数告警、参数管理等
  • OAuth2授权管理模块
  • 消息管理模块

构建

# 安装依赖
npm install

# 测试运行
npm run dev

# 构建发布包
npm run build

# 构建并导出report
npm run build --report

测试账号

[email protected]/admin

ps: 大家别乱搞啊,要不服务就关停了

效果图

登录

主页(登录后)

用户列表页

用户新增&编辑

设备列表

设备新增&编辑

设备类型

设备监控

实时展现

vuejs-admin's People

Contributors

caiya avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.