Code Monkey home page Code Monkey logo

aivisual's Introduction

ICE

赋能企业中后台建设

简介

Moonstone AI 可视化分析平台前端应用,基于阿里飞冰开发。

特性

  • 多场景应用: 高效便捷满足多种需求
  • 算法模块化: 定制个性化数据分析流程
  • API: 调用算法的支持和保障

技术点

  • icedesign
  • react
  • redux
  • redux-thunk
  • react-router-dom v4
  • axios
  • webpack v4
  • mockjs
  • etc...

页面

按照 Dashboard 综合页和 Block 分类进行展示

- 介绍页
- OCR识别
- 人脸识别
- 图片识别
- 声音识别
- 客流预测
- 声音识别
- 电信反欺诈
- 历史记录
- 个人中心

目录结构

AIVisual
├── coverage              // 测试代码覆盖率
├── Dockerfile            // Dockerfile
├── Jenkinsfile           // Jenkinsfile 
├── karma.conf.coffee     // karma 配置文件
├── karma.conf.js
├── karma.conf.ts
├── lib               
│   └── jasmine_examples  // jasmine 测试示例
├── package.json          // package.json
├── public
│   ├── favicon.png
│   └── index.html        // 设置 title
├── README.md
├── spec                  // jasmine 测试文件
├── src
│   ├── api               // 用户登录
│   │   ├── index.js
│   │   └── user.js
│   ├── components        // 系统页
│   │   ├── Authorized
│   │   ├── Exception
│   │   ├── LocaleProvider
│   │   ├── NotFound
│   │   ├── PageLoading
│   │   └── SelectLang
│   ├── configureStore.js  // Redux Store
│   ├── index.jsx          // 首页
│   ├── layouts           
│   │   ├── BasicLayout    // 控制台页
│   │   └── UserLayout     // 用户登录页
│   ├── locales            // 语言设置
│   │   ├── en-US
│   │   └── zh-CN
│   ├── menuConfig.js      // 控制台侧栏目录
│   ├── pages
│   │   ├── Dashboard      // 个人中心->历史记录
│   │   │   ├── components
│   │   │   │   ├── EditableTable         // 项目管理
│   │   │   │   └── ModelCards            // 数据管理
│   │   │   └── index.jsx
│   │   ├── Exception      // 错误页
│   │   ├── Introduction   // 平台介绍->新特性
│   │   │   ├── components
│   │   │   │   └── AbilityIntroduction   // 功能展示页
│   │   │   └── index.js
│   │   ├── ModelFace      // 应用场景->人脸识别
│   │   │   ├── components
│   │   │   │   ├── BasicTab              // 导航栏
│   │   │   │   ├── CameraAPI             // 摄像头
│   │   │   │   └── ImgBlock              // 识别结果
│   │   │   └── index.js
│   │   ├── ModelImg       // 应用场景->图片识别
│   │   │   ├── components
│   │   │   │   ├── BasicTab              // 导航栏
│   │   │   │   ├── CameraAPI             // 摄像头
│   │   │   │   └── ImgBlock              // 识别结果
│   │   │   └── index.js
│   │   ├── ModelOcr       // 应用场景->OCR
│   │   │   ├── api
│   │   │   │   └── post_carplate.js      // 车牌识别上传组件
│   │   │   ├── components
│   │   │   │   ├── BasicTab              // 导航栏
│   │   │   │   ├── CameraAPI             // 摄像头
│   │   │   │   └── ImgBlock              // 识别结果
│   │   │   └── index.js
│   │   ├── ModelSound     // 应用场景->声音识别
│   │   │   ├── components
│   │   │   │   ├── BasicTab              // 导航栏与识别结果
│   │   │   │   └── MicAPI                // 录音模块
│   │   │   └── index.js
│   │   ├── ProjectFraud   // 应用场景->电信反欺诈
│   │   │   ├── components
│   │   │   │   └── SimpleFluencyForm     // 流程图
│   │   │   └── index.js
│   │   ├── ProjectKl      // 应用场景->客流预测
│   │   │   ├── components
│   │   │   │   ├── BizchartsHeatmapImage // 识别结果->热力图
│   │   │   │   ├── LineBarChart          // 识别结果->折线图
│   │   │   │   └── SimpleFluencyForm     // 流程图
│   │   │   └── index.js
│   │   ├── Setting        // 个人中心->基本设置
│   │   │   ├── components
│   │   │   │   ├── BaseSetting           // 基本设置
│   │   │   │   └── ChangePasswordForm    // 修改密码
│   │   │   └── index.jsx
│   │   ├── UserLogin      // 登陆页
│   │   └── UserRegister   // 注册页
│   ├── reducers.js        // Redux Reducer
│   ├── routerConfig.js    // 路由配置
│   ├── router.jsx         // React Router
│   ├── store
│   │   ├── userLogout     // Redux 用户登陆
│   │   └── userProfile    // Redux 用户数据
│   └── utils
├── static                 // HTTP Request 接口文档
│   ├── face_tab.json      // 人脸识别测试数据
│   ├── img_tab.json       // 图片识别测试数据
│   └── ocr_tab.json       // OCR 测试数据
└── webpack.config.js      // webpack

使用

  1. 项目发布在: http://192.168.108.3:31714

  2. 下载:

$ git clone http://192.168.6.126/moonstone/moonstone-fe.git
  1. 使用:
$ npm start      // 启动预览服务器
$ npm run build  // 构建 dist

相关文档

aivisual's People

Contributors

oliviawyq avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

keyzf

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.