44 |
50 | {columns.map((item) => {
51 | return (
52 |
62 |
68 | );
69 | }
70 | }
71 |
72 | const styles = {
73 | pagination: {
74 | margin: '20px 0',
75 | textAlign: 'center',
76 | },
77 | };
78 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/CustomTable/CustomTable.scss:
--------------------------------------------------------------------------------
1 | .custom-table {
2 | .next-table-header {
3 | table th {
4 | background: #f4f4f4;
5 | }
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/CustomTable/index.js:
--------------------------------------------------------------------------------
1 | import CustomTable from './CustomTable';
2 |
3 | export default CustomTable;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/NotFound/NotFound.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link } from 'react-router-dom';
3 | import IceContainer from '@icedesign/container';
4 | import './NotFound.scss';
5 |
6 | export default class NotFound extends Component {
7 | static displayName = 'NotFound';
8 |
9 | render() {
10 | return (
11 |
12 |
13 |
30 |
31 | );
32 | }
33 | }
34 |
35 | const styles = {
36 | exceptionContent: {
37 | display: 'flex',
38 | justifyContent: 'center',
39 | alignItems: 'center',
40 | },
41 | title: {
42 | color: '#333',
43 | },
44 | description: {
45 | color: '#666',
46 | },
47 | };
48 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/NotFound/NotFound.scss:
--------------------------------------------------------------------------------
1 | @media screen and (max-width: 720px) {
2 | .exception-content {
3 | min-height: 200px;
4 | .imgException {
5 | max-width: 100px;
6 | margin-right: 10px;
7 | }
8 | .title {
9 | font-size: 14px;
10 | margin: 10px 0;
11 | }
12 | .description {
13 | font-size: 12px;
14 | }
15 | }
16 | }
17 |
18 | @media screen and (min-width: 721px) and (max-width: 1199px) {
19 | .exception-content {
20 | min-height: 300px;
21 | .imgException {
22 | max-width: 180px;
23 | margin-right: 30px;
24 | }
25 | .title {
26 | font-size: 20px;
27 | margin: 10px 0;
28 | }
29 | .description {
30 | font-size: 14px;
31 | }
32 | }
33 | }
34 |
35 | @media screen and (min-width: 1200px) {
36 | .exception-content {
37 | min-height: 500px;
38 | .imgException {
39 | max-width: 260px;
40 | margin-right: 50px;
41 | }
42 | .title {
43 | font-size: 24px;
44 | margin: 20px 0;
45 | }
46 | .description {
47 | font-size: 16px;
48 | }
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/NotFound/images/notFound.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/RCT-Dashboard/src/main/frontend/src/components/NotFound/images/notFound.png
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/components/NotFound/index.js:
--------------------------------------------------------------------------------
1 | import NotFound from './NotFound';
2 |
3 | export default NotFound;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/index.js:
--------------------------------------------------------------------------------
1 | import ReactDOM from 'react-dom';
2 |
3 | // 载入默认全局样式 normalize 、.clearfix 和一些 mixin 方法等
4 | import '@icedesign/base/reset.scss';
5 | import '../public/images/chart.png';
6 | import '../public/images/client.png';
7 | import '../public/images/fail.jpg';
8 | import '../public/images/statistical.png';
9 | import '../public/images/success.jpg';
10 | import '../public/images/time.png';
11 | import '../public/images/list.png';
12 |
13 | import router from './router';
14 |
15 | const ICE_CONTAINER = document.getElementById('ice-container');
16 |
17 | if (!ICE_CONTAINER) {
18 | throw new Error('当前页面不存在 节点.');
19 | }
20 |
21 | ReactDOM.render(router, ICE_CONTAINER);
22 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/MainRoutes.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Switch, Route, Redirect } from 'react-router-dom';
3 | import NotFound from '../../components/NotFound';
4 | import routerData from '../../routerConfig';
5 |
6 | class MainRoutes extends Component {
7 | /**
8 | * 渲染路由组件
9 | */
10 | renderNormalRoute = (item, index) => {
11 | if (sessionStorage.getItem('user')) {
12 | return item.component ? (
13 |
14 | })
20 |
29 |
20 |
21 |
28 | 22 | 抱歉，你访问的页面不存在 23 |
24 |25 | 您要找的页面没有找到，请返回首页继续浏览 26 |
27 |
22 |
38 | );
39 | };
40 |
41 |
42 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Footer/index.js:
--------------------------------------------------------------------------------
1 | export default from './Footer';
2 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Header/Header.scss:
--------------------------------------------------------------------------------
1 | .header-container {
2 | position: fixed;
3 | left: 0;
4 | right: 0;
5 | z-index: 999;
6 | background: #fff;
7 | min-width: 1280px;
8 | box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
9 | .header-content {
10 | width: 100%;
11 | height: 62px;
12 | padding: 0 20px;
13 | display: flex;
14 | align-items: center;
15 | justify-content: space-between;
16 | }
17 |
18 | .header-navbar {
19 | display: flex;
20 | flex-direction: row;
21 | .ice-menu {
22 | background: transparent;
23 | .ice-menu-submenu-title,
24 | .ice-menu-item {
25 | font-size: 14px;
26 | a:hover {
27 | color: #5e83fb;
28 | }
29 | }
30 | }
31 | }
32 |
33 | .user-avatar {
34 | margin-right: 12px;
35 | border-radius: 4px;
36 | }
37 |
38 | .user-department {
39 | font-size: 12px;
40 | color: #333;
41 | }
42 |
43 | .ice-design-header-userpannel {
44 | margin-left: 20px;
45 | cursor: pointer;
46 | .user-profile {
47 | display: inline-block;
48 | text-align: center;
49 | margin-bottom: 2px;
50 | color: #333;
51 | }
52 | .icon-down {
53 | margin-left: 2px;
54 | color: #333;
55 | }
56 | }
57 | }
58 |
59 | .user-profile-menu {
60 | width: 130px;
61 | border-radius: 6px;
62 | padding: 0 16px;
63 | .user-profile-menu-item {
64 | height: 40px;
65 | line-height: 40px;
66 | font-size: 12px;
67 | color: #666;
68 | cursor: pointer;
69 | a:hover {
70 | color: #2077ff;
71 | }
72 | i {
73 | margin-right: 5px;
74 | }
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Header/images/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Header/images/avatar.png
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Header/index.js:
--------------------------------------------------------------------------------
1 | import Header from './Header';
2 |
3 | export default Header;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Logo/Logo.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | export default class Logo extends Component {
4 | render() {
5 | return (
6 |
23 |
25 |
33 | EC-BigData Team
34 |
35 | © 2019 版权所有 36 |
37 | 35 | © 2019 版权所有 36 |
7 |
8 | RCT
9 |
10 |
11 | );
12 | }
13 | }
14 |
15 | const styles = {
16 | container: {
17 | display: 'flex',
18 | alignItems: 'center',
19 | marginRight: '20px',
20 | },
21 | logoText: {
22 | display: 'block',
23 | maxWidth: '120px',
24 | overflow: 'hidden',
25 | textOverflow: 'ellipsis',
26 | whiteSpace: 'nowrap',
27 | marginLeft: '10px',
28 | fontSize: '22px',
29 | color: '#333',
30 | fontWeight: 'bold',
31 | },
32 | };
33 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Logo/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Logo/images/logo.png
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/components/Logo/index.js:
--------------------------------------------------------------------------------
1 | export default from './Logo';
2 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Layout from '@icedesign/layout';
3 | import Header from './components/Header';
4 | import Footer from './components/Footer';
5 | import MainRoutes from './MainRoutes';
6 | import './index.scss';
7 |
8 | export default class BasicLayout extends Component {
9 | render() {
10 | return (
11 |
12 |
13 |
19 |
20 | );
21 | }
22 | }
23 |
24 | const styles = {
25 | mainContent: {
26 | marginTop: '82px',
27 | padding: '0 20px',
28 | paddingBottom: '50px',
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/BasicLayout/index.scss:
--------------------------------------------------------------------------------
1 | // Global RESET
2 | .ice-layout {
3 | &.basic-layout {
4 | background: #f7f7f7;
5 | min-width: 1280px;
6 | min-height: 100vh;
7 | .next-btn {
8 | border-radius: 4px;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/MainRoutes.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Switch, Route, Redirect } from 'react-router-dom';
3 | import NotFound from '../../components/NotFound';
4 | import routerData from '../../routerConfig';
5 |
6 | class MainRoutes extends Component {
7 | /**
8 | * 渲染路由组件
9 | */
10 | renderNormalRoute = (item, index) => {
11 | if (sessionStorage.getItem('user')) {
12 | return item.component ? (
13 |
15 |
17 |
18 |
20 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Footer/index.js:
--------------------------------------------------------------------------------
1 | export default from './Footer';
2 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Header/Header.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link, withRouter } from 'react-router-dom';
3 | import { Balloon, Icon } from '@icedesign/base';
4 | import FoundationSymbol from 'foundation-symbol';
5 | import IceImg from '@icedesign/img';
6 | import Logo from '../Logo';
7 | import './Header.scss';
8 |
9 | const data = () => {
10 | if (JSON.parse(sessionStorage.getItem('user'))) {
11 | return JSON.parse(sessionStorage.getItem('user')).userName;
12 | }
13 | };
14 |
15 | @withRouter
16 | export default class Header extends Component {
17 | static propTypes = {};
18 |
19 | static defaultProps = {};
20 |
21 | constructor(props) {
22 | super(props);
23 | this.state = {};
24 | }
25 | backup = () =>{
26 | sessionStorage.clear();
27 | }
28 |
29 | render() {
30 | const { location = {} } = this.props;
31 | const { pathname } = location;
32 | return (
33 |
21 |
23 |
31 | EC-BigData Team
32 |
33 | © 2019 版权所有 34 |
35 | 33 | © 2019 版权所有 34 |
34 |
80 |
81 | );
82 | }
83 | }
84 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Header/Header.scss:
--------------------------------------------------------------------------------
1 | .header-container {
2 | position: fixed;
3 | left: 0;
4 | right: 0;
5 | z-index: 999;
6 | background: #fff;
7 | min-width: 1280px;
8 | box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
9 | .header-content {
10 | width: 100%;
11 | height: 62px;
12 | padding: 0 20px;
13 | display: flex;
14 | align-items: center;
15 | justify-content: space-between;
16 | }
17 |
18 | .header-navbar {
19 | display: flex;
20 | flex-direction: row;
21 | .ice-menu {
22 | background: transparent;
23 | .ice-menu-submenu-title,
24 | .ice-menu-item {
25 | font-size: 14px;
26 | a:hover {
27 | color: #5e83fb;
28 | }
29 | }
30 | }
31 | }
32 |
33 | .user-avatar {
34 | margin-right: 12px;
35 | border-radius: 4px;
36 | }
37 |
38 | .user-department {
39 | font-size: 12px;
40 | color: #333;
41 | }
42 |
43 | .ice-design-header-userpannel {
44 | margin-left: 20px;
45 | cursor: pointer;
46 | .user-profile {
47 | display: inline-block;
48 | text-align: center;
49 | margin-bottom: 2px;
50 | color: #333;
51 | }
52 | .icon-down {
53 | margin-left: 2px;
54 | color: #333;
55 | }
56 | }
57 | }
58 |
59 | .user-profile-menu {
60 | width: 130px;
61 | border-radius: 6px;
62 | padding: 0 16px;
63 | .user-profile-menu-item {
64 | height: 40px;
65 | line-height: 40px;
66 | font-size: 12px;
67 | color: #666;
68 | cursor: pointer;
69 | a:hover {
70 | color: #2077ff;
71 | }
72 | i {
73 | margin-right: 5px;
74 | }
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Header/images/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Header/images/avatar.png
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Header/index.js:
--------------------------------------------------------------------------------
1 | import Header from './Header';
2 |
3 | export default Header;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Logo/Logo.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | export default class Logo extends Component {
4 | render() {
5 | return (
6 |
35 |
49 |
66 | }
67 | closable={false}
68 | className="user-profile-menu"
69 | >
70 |
36 |
38 |
39 |
56 |
57 | {data()}
58 |
59 |
60 | -
71 |
- {this.backup(e)}}>
72 |
73 |
74 | 退出 75 | 76 |
77 |
7 |
8 | RCT
9 |
10 |
11 | );
12 | }
13 | }
14 |
15 | const styles = {
16 | container: {
17 | display: 'flex',
18 | alignItems: 'center',
19 | marginRight: '20px',
20 | },
21 | logoText: {
22 | display: 'block',
23 | maxWidth: '120px',
24 | overflow: 'hidden',
25 | textOverflow: 'ellipsis',
26 | whiteSpace: 'nowrap',
27 | marginLeft: '10px',
28 | fontSize: '22px',
29 | color: '#333',
30 | fontWeight: 'bold',
31 | },
32 | };
33 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Logo/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Logo/images/logo.png
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/components/Logo/index.js:
--------------------------------------------------------------------------------
1 | export default from './Logo';
2 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/DashLayout/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import Layout from '@icedesign/layout';
3 | import Header from './components/Header';
4 | import Footer from './components/Footer';
5 | import MainRoutes from './MainRoutes';
6 | import './index.scss';
7 |
8 | export default class BasicLayout extends Component {
9 | render() {
10 | return (
11 |
14 |
16 |
17 |
6 |
8 | );
9 | };
10 |
11 | const styles = {
12 | footer: {
13 | display: 'flex',
14 | flexDirection: 'column',
15 | alignItems: 'center',
16 | justifyContent: 'center',
17 | position: 'fixed',
18 | left: '0',
19 | right: '0',
20 | bottom: '20px',
21 | },
22 | links: {
23 | marginBottom: '8px',
24 | },
25 | link: {
26 | fontSize: '13px',
27 | marginRight: '40px',
28 | color: '#fff',
29 | },
30 | copyright: {
31 | fontSize: '13px',
32 | color: '#fff',
33 | lineHeight: 1.5,
34 | textAlign: 'right',
35 | },
36 | };
37 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/UserLayout/components/Header/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Icon } from '@icedesign/base';
3 | import { Link } from 'react-router-dom';
4 | import './index.scss';
5 |
6 | export default () => {
7 | return (
8 | EC-BigData Team © 2019 版权所有
7 |
9 |
10 | LOGO
11 |
12 |
44 | );
45 | };
46 |
47 | const styles = {
48 | container: {
49 | height: '60px',
50 | borderBottom: '1px solid rgba(255, 255, 255, 0.3)',
51 | display: 'flex',
52 | justifyContent: 'space-between',
53 | },
54 | logoLink: {
55 | display: 'flex',
56 | alignItems: 'center',
57 | fontSize: '24px',
58 | fontWeight: 'bold',
59 | paddingLeft: '20px',
60 | color: '#fff',
61 | },
62 | navs: {
63 | display: 'flex',
64 | },
65 | navMenu: {
66 | position: 'relative',
67 | },
68 | navLink: {
69 | display: 'block',
70 | height: '60px',
71 | lineHeight: '60px',
72 | padding: '0 20px',
73 | fontSize: '15px',
74 | color: '#fff',
75 | textDecoration: 'none',
76 | },
77 | NavIconLink: {
78 | padding: '0 30px',
79 | },
80 | subNavs: {
81 | position: 'absolute',
82 | left: '0',
83 | width: '140px',
84 | background: '#272B2F',
85 | },
86 | subNavMenu: {
87 | height: '38px',
88 | lineHeight: '38px',
89 | },
90 | subNavLink: {
91 | paddingLeft: '12px',
92 | display: 'block',
93 | color: '#fff',
94 | fontSize: '14px',
95 | },
96 | internationalImg: {
97 | width: '16px',
98 | height: '16px',
99 | position: 'absolute',
100 | left: '10px',
101 | top: '22px',
102 | },
103 | };
104 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/UserLayout/components/Header/index.scss:
--------------------------------------------------------------------------------
1 | .nav-menu {
2 | .arrow-up-icon,
3 | .arrow-down-icon {
4 | position: absolute;
5 | right: 15px;
6 | top: 0;
7 | z-index: 1;
8 | transition: 0.3s ease;
9 | }
10 | .sub-navs,
11 | .arrow-up-icon {
12 | display: none;
13 | }
14 | &:hover {
15 | background: #272b2f;
16 | .sub-navs,
17 | .arrow-up-icon {
18 | display: block;
19 | }
20 | .arrow-down-icon {
21 | display: none;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/UserLayout/components/Intro/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const LoginIntro = () => {
4 | return (
5 | -
13 |
-
14 |
15 |
20 | 中国站
21 | 22 | 23 | 24 | -
25 |
- 26 | 27 | International 28 | 29 | 30 |
- 31 | 32 | 日本サイト 33 | 34 | 35 |
37 | - 38 | 39 | 首页 40 | 41 | 42 |
6 |
10 | );
11 | };
12 |
13 | const styles = {
14 | container: {
15 | display: 'flex',
16 | flexDirection: 'column',
17 | alignItems: 'center',
18 | justifyContent: 'center',
19 | position: 'relative',
20 | },
21 | content: {
22 | width: '350px',
23 | color: '#fff',
24 | },
25 | title: {
26 | marginBottom: '20px',
27 | fontWeight: '700',
28 | fontSize: '48px',
29 | lineHeight: '1.5',
30 | },
31 | description: {
32 | margin: '0',
33 | fontSize: '16px',
34 | fontWeight: 'bold',
35 | color: '#fff',
36 | letterSpacing: '0.45px',
37 | lineHeight: '40px',
38 | },
39 | };
40 |
41 | export default LoginIntro;
42 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/layouts/UserLayout/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Switch, Route, Redirect } from 'react-router-dom';
3 | import { Grid } from '@icedesign/base';
4 | import Footer from './components/Footer';
5 | import Intro from './components/Intro';
6 | import routerData from '../../routerConfig';
7 |
8 | const { Row, Col } = Grid;
9 |
10 | export default class UserLayout extends Component {
11 | render() {
12 | return (
13 |
7 |
9 | RCT
8 |
14 |
15 |
16 |
38 |
39 |
40 | );
41 | }
42 | }
43 |
44 | const styles = {
45 | container: {
46 | position: 'relative',
47 | width: '100wh',
48 | minWidth: '1200px',
49 | height: '100vh',
50 | backgroundImage:
51 | 'url(https://img.alicdn.com/tfs/TB1sfq4x7voK1RjSZFNXXcxMVXa-1350-900.jpg)',
52 | backgroundSize: 'cover',
53 | display: 'flex',
54 | flexDirection: 'column',
55 | // zIndex: '9',
56 | },
57 | mask: {
58 | position: 'absolute',
59 | left: '0',
60 | right: '0',
61 | top: '0',
62 | bottom: '0',
63 | background: '#000',
64 | opacity: '0.5',
65 | zIndex: '1',
66 | },
67 | row: {
68 | zIndex: '9',
69 | display: 'flex',
70 | alignItems: 'center',
71 | justifyContent: 'center',
72 | flex: '1',
73 | },
74 | form: {
75 | display: 'flex',
76 | alignItems: 'center',
77 | justifyContent: 'center',
78 | },
79 | };
80 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/menuConfig.js:
--------------------------------------------------------------------------------
1 | // 菜单配置
2 | // headerMenuConfig：头部导航配置
3 | // asideMenuConfig：侧边导航配置
4 |
5 | const asideMenuConfig = [
6 | {
7 | name: 'Chart',
8 | path: '/dashboard',
9 | icon: 'chart',
10 | },
11 | {
12 | name: 'RDB Analyze',
13 | path: '/rdb',
14 | icon: 'content',
15 | },
16 | {
17 | name: 'Slowlog',
18 | path: '/slowlog',
19 | icon: 'ul-list',
20 | },
21 |
22 | {
23 | name: 'Client List',
24 | path: '/client',
25 | icon: 'ul-list',
26 | },
27 | ];
28 |
29 | const headerMenuConfig = asideMenuConfig;
30 |
31 | export default headerMenuConfig;
32 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/ClientList.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import ClientMain from './components/ClientMain';
3 |
4 | export default class ClientList extends Component {
5 | static displayName = 'ClientConAnaylze';
6 |
7 | static propTypes = {};
8 |
9 | static defaultProps = {};
10 |
11 | constructor(props) {
12 | super(props);
13 | this.state = {
14 | };
15 | }
16 |
17 | render() {
18 |
19 | return (
20 |
21 |
22 | {routerData.map((item, index) => {
23 | return item.component ? (
24 |
35 |
36 |
37 |
21 |
23 | );
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/components/ClientList/index.js:
--------------------------------------------------------------------------------
1 | import ClientList from './ClientList';
2 |
3 | export default ClientList;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/components/ClientMain/ClientMain.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { withRouter } from 'react-router-dom';
3 | import { Card } from '@icedesign/base';
4 |
5 | @withRouter
6 | export default class ClientMain extends Component {
7 | constructor(props) {
8 | super(props);
9 |
10 | this.state = {
11 | clientListVisable: false,
12 | chartVisable: false,
13 | jobVisable: false,
14 | disabled: false,
15 | jobstatus: {
16 | Interval: '',
17 | endTime: null,
18 | execute: false,
19 | status: 'NO JOB',
20 | id: this.props.info,
21 | },
22 | };
23 | }
24 |
25 | onChartClose = () => {
26 | this.setState({
27 | chartVisable: false,
28 | });
29 | }
30 | onChartClick = () => {
31 | this.setState({
32 | chartVisable: true,
33 | });
34 | }
35 | onClick = () => {
36 | this.setState({
37 | clientListVisable: true,
38 | });
39 | }
40 |
41 |
42 | onClose = () => {
43 | this.setState({
44 | clientListVisable: false,
45 | chartVisable: false,
46 | });
47 | }
48 |
49 | onClickJob = () => {
50 | this.setState({
51 | jobVisable: true,
52 | });
53 | }
54 |
55 | render() {
56 | if (this.state.clientListVisable) {
57 | this.props.history.push({ pathname: '/client_list' });
58 | }
59 |
60 | if (this.state.chartVisable) {
61 | this.props.history.push({ pathname: '/client_statistics' });
62 | }
63 |
64 | if (this.state.jobVisable) {
65 | this.props.history.push({ pathname: '/client_monitors' });
66 | }
67 |
68 | return (
69 |
70 |
71 | { this.onClick(e); }}
76 | >
77 | 
83 |
84 | { this.onChartClick(e); }}
89 | >
90 | 
95 |
96 | { this.onClickJob(e); }}
101 | >
102 | 
107 |
108 |
109 |
110 | );
111 | }
112 | }
113 |
114 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/components/ClientMain/index.js:
--------------------------------------------------------------------------------
1 | import ClientMain from './ClientMain';
2 |
3 | export default ClientMain;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/components/Monitors/index.js:
--------------------------------------------------------------------------------
1 | import Monitors from './Monitors';
2 |
3 | export default Monitors;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/components/Statistics/index.js:
--------------------------------------------------------------------------------
1 | import Statistics from './Statistics';
2 |
3 | export default Statistics;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/ClientList/index.js:
--------------------------------------------------------------------------------
1 | import ClientList from './ClientList';
2 |
3 | export default ClientList;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/CountRateLineChart/index.js:
--------------------------------------------------------------------------------
1 | import CountRateLineChart from './CountRateLineChart';
2 |
3 | export default CountRateLineChart;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/KeyCountByType/index.js:
--------------------------------------------------------------------------------
1 | import KeyCountByType from './KeyCountByType';
2 |
3 | export default KeyCountByType;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/KeyMemoryByType/index.js:
--------------------------------------------------------------------------------
1 | import KeyMemoryByType from './KeyMemoryByType';
2 |
3 | export default KeyMemoryByType;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/LineChart/index.js:
--------------------------------------------------------------------------------
1 | import LineChart from './LineChart';
2 |
3 | export default LineChart;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/MemoryRateLineChart/index.js:
--------------------------------------------------------------------------------
1 | import MemoryRateLineChart from './MemoryRateLineChart';
2 |
3 | export default MemoryRateLineChart;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/PrefixKeyTable/PrefixKeyTable.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import IceContainer from '@icedesign/container';
3 | import KeyCountTable from './KeyCountTable';
4 |
5 |
6 | export default class PrefixKeyTable extends Component {
7 | static displayName = 'ClientList';
8 |
9 | static propTypes = {};
10 |
11 | static defaultProps = {};
12 |
13 | constructor(props) {
14 | super(props);
15 | this.queryCache = {};
16 | }
17 |
18 | render() {
19 | return (
20 | Client List
78 |
83 | Statistics
91 |
95 | Monitors
103 |
107 |
108 |
21 | Top 1000 Largest Keys By Perfix
22 |
24 |
25 | );
26 | }
27 | }
28 |
29 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/PrefixKeyTable/index.js:
--------------------------------------------------------------------------------
1 | import PrefixKeyTable from './PrefixKeyTable';
2 |
3 | export default PrefixKeyTable;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/PrefixTTL.scss:
--------------------------------------------------------------------------------
1 |
2 | .colClas:hover {
3 | // width: 425px;
4 | // border: 0px solid #ddd;
5 | // overflow: hidden;
6 | // text-align: left;
7 | // text-overflow: ellipsis;
8 | // white-space: nowrap;
9 | color:#696969;
10 | // text-decoration:underline;
11 | cursor:pointer;
12 | }
13 |
14 |
15 | .colClas {
16 | width:'90%';
17 | white-space: nowrap;
18 | overflow: hidden;
19 | text-overflow: ellipsis;
20 |
21 | }
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/PrefixTTLTable/index.js:
--------------------------------------------------------------------------------
1 | import PrefixTTLTable from './PrefixTTLTable';
2 |
3 | export default PrefixTTLTable;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/TopKeyTable/TopKeyTable.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Tab } from '@icedesign/base';
3 | import IceContainer from '@icedesign/container';
4 | import HashTopKey from './HashTopKey';
5 | import ListTopKey from './ListTopKey';
6 | import SetTopKey from './SetTopKey';
7 | import StringTopKey from './StringTopKey';
8 |
9 |
10 | export default class TopKeyTable extends Component {
11 | static displayName = 'TopKeyTable';
12 |
13 | static propTypes = {};
14 |
15 | static defaultProps = {};
16 |
17 | constructor(props) {
18 | super(props);
19 | this.queryCache = {};
20 | this.state = {
21 | value: {},
22 | };
23 | }
24 |
25 | componentWillReceiveProps(nextProps) {
26 | this.setState({ value: nextProps.value }, () => {
27 |
28 | });
29 | }
30 | generateAnalyzeRet() {
31 | const panes = [{ tab: 'Hash', key: 0, content:
37 |
38 | Top 1000 Largest Keys By Type
39 |
40 |
41 | {
42 | panes.map(pane => (
43 |
44 | {pane.content}
45 |
46 | ))
47 | }
48 |
49 |
50 |
51 |
52 | );
53 | }
54 |
55 |
56 | render() {
57 | let analyzeRet = null;
58 | analyzeRet = this.generateAnalyzeRet();
59 | return (
60 |
61 | {analyzeRet}
62 |
63 |
64 | );
65 | }
66 | }
67 |
68 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/components/TopKeyTable/index.js:
--------------------------------------------------------------------------------
1 | import TopKeyTable from './TopKeyTable';
2 |
3 | export default TopKeyTable;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Dashboard/index.js:
--------------------------------------------------------------------------------
1 | import Dashboard from './Dashboard';
2 |
3 | export default Dashboard;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/RDBAnalyze/RDBAnalyze.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import RDBMain from './components/RDBMain';
3 |
4 | export default class RDBAnalyze extends Component {
5 | static displayName = 'RDBAnalyze';
6 |
7 | static propTypes = {};
8 |
9 | static defaultProps = {};
10 |
11 | constructor(props) {
12 | super(props);
13 | this.state = {};
14 | }
15 |
16 | render() {
17 | return (
18 |
19 |
21 | );
22 | }
23 | }
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/RDBAnalyze/components/RDBAnalyzeList/RDBAnalyzeList.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import IceContainer from '@icedesign/container';
3 | import RDBRedisInfo from '../RDBRedisInfo';
4 |
5 | export default class RDBAnalyzeList extends Component {
6 | constructor(props) {
7 | super(props);
8 | const pid = sessionStorage.getItem('pid');
9 | this.state = {
10 | pid,
11 | };
12 | }
13 | render() {
14 | return (
15 |
39 |
59 | );
60 |
61 | return (
62 | Confirm execute？
40 |
51 |
58 |
18 |
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/Slowlog.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import SlowlogMain from './components/SlowlogMain';
3 |
4 | export default class Slowlog extends Component {
5 | static displayName = 'SlowlogAnaylzeList';
6 |
7 | static propTypes = {};
8 |
9 | static defaultProps = {};
10 |
11 | constructor(props) {
12 | super(props);
13 | this.state = {};
14 | }
15 |
16 | render() {
17 | return (
18 |
19 |
21 | );
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogList/SlowlogList.scss:
--------------------------------------------------------------------------------
1 |
2 | .colClas:hover {
3 | // width: 425px;
4 | // border: 0px solid #ddd;
5 | // overflow: hidden;
6 | // text-align: left;
7 | // text-overflow: ellipsis;
8 | // white-space: nowrap;
9 | color:#696969;
10 | // text-decoration:underline;
11 | cursor:pointer;
12 | }
13 |
14 |
15 | .colClas {
16 | width:'90%';
17 | white-space: nowrap;
18 | overflow: hidden;
19 | text-overflow: ellipsis;
20 |
21 | }
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogList/index.js:
--------------------------------------------------------------------------------
1 | import SlowlogList from './SlowlogList';
2 |
3 | export default SlowlogList;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogMain/SlowlogMain.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Card } from '@icedesign/base';
3 | import { withRouter } from 'react-router-dom';
4 |
5 | @withRouter
6 | class SlowlogMain extends Component {
7 | constructor(props) {
8 | super(props);
9 | this.state = {
10 |
11 | };
12 | }
13 |
14 | onSlowList = () => {
15 | this.props.history.push({ pathname: '/slowlog_list' });
16 | };
17 | onSlowlog = () => {
18 | this.props.history.push({ pathname: '/slowlog_statistic' });
19 | };
20 |
21 | onSlowEdit = () => {
22 | this.props.history.push({ pathname: '/slowlog_monitor' });
23 | };
24 | render() {
25 | return (
26 |
27 | {
39 | this.onSlowList(e);
40 | }}
41 | >
42 | 
44 |
45 |
46 | {
58 | this.onSlowlog(e);
59 | }}
60 | >
61 | 
63 |
64 | {
75 | this.onSlowEdit(e);
76 | }}
77 | >
78 |
80 |
81 |
82 | );
83 | }
84 | }
85 | export default SlowlogMain;
86 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogMain/index.js:
--------------------------------------------------------------------------------
1 | import SlowlogMain from './SlowlogMain';
2 |
3 | export default SlowlogMain;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogMonitors/SlowlogMonitors.scss:
--------------------------------------------------------------------------------
1 |
2 | .next-switch-off {
3 | background-color: #9e9898;
4 | border-color: #c3c3c3;
5 | }
6 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogMonitors/index.js:
--------------------------------------------------------------------------------
1 | import SlowlogMonitors from './SlowlogMonitors';
2 |
3 | export default SlowlogMonitors;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogStatis/SlowlogStatis.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import IceContainer from '@icedesign/container';
3 | import { Loading } from '@icedesign/base';
4 | import axiosInstance from '../../../../axios';
5 | import './SlowlogStatis.scss';
6 |
7 | const ReactHighcharts = require('react-highcharts');
8 | const Highcharts = require('highcharts');
9 |
10 | export default class Echartes extends Component {
11 | static displayName = 'Echartes';
12 | constructor(props) {
13 | super(props);
14 | const pid = sessionStorage.getItem('pid');
15 | this.state = {
16 | loadingVisible: false,
17 | analyzeData: {},
18 | pid,
19 | };
20 | }
21 | componentDidMount() {
22 | this.handleLoading();
23 | axiosInstance
24 | .get(`/slowlog/statistics/${this.state.pid}`)
25 | .then((response) => {
26 | this.setState(
27 | { analyzeData: JSON.parse(response.data.data).commondsStatisticsObj },
28 | () => {
29 | this.handleLoading();
30 | }
31 | );
32 | })
33 | .catch((error) => {
34 | console.log(error);
35 | });
36 | }
37 |
38 | handleLoading = () => {
39 | this.setState({
40 | loadingVisible: !this.state.loadingVisible,
41 | });
42 | };
43 |
44 | generateAnalyzeRet() {
45 | const analyzeData = this.state.analyzeData;
46 | if (!analyzeData) {
47 | return null;
48 | }
49 | return (
50 | Slowlog List
43 |
44 | Statistics
62 |
63 | Monitors
79 |
80 |
51 |
52 |
54 |
55 | );
56 | }
57 |
58 | getOptionForPie = (data, scroll = false) => {
59 | const legendData = [];
60 | const seriesData = [];
61 | const selected = {};
62 | Object.keys(data).forEach((key, index) => {
63 | legendData.push(key);
64 | seriesData.push({
65 | name: key,
66 | y: data[key],
67 | });
68 | selected[key] = index < 6;
69 | });
70 | return {
71 | chart: {
72 | height: 300,
73 | plotBackgroundColor: null,
74 | plotBorderWidth: null,
75 | plotShadow: false,
76 | type: 'pie',
77 | },
78 | credits: {
79 | enabled: false,
80 | },
81 | title: {
82 | text: 'Commands Statistics',
83 | },
84 | tooltip: {
85 | pointFormat: '{series.name}: {point.percentage:.1f}%',
86 | },
87 | plotOptions: {
88 | pie: {
89 | allowPointSelect: true,
90 | cursor: 'pointer',
91 | dataLabels: {
92 | enabled: true,
93 | format: '{point.name}: {point.percentage:.1f} %',
94 | style: {
95 | color:
96 | (Highcharts.theme && Highcharts.theme.contrastTextColor) ||
97 | 'black',
98 | },
99 | },
100 | },
101 | },
102 | series: [
103 | {
104 | colorByPoint: true,
105 | data: seriesData,
106 | },
107 | ],
108 | };
109 | };
110 |
111 | render() {
112 | // 分析结果
113 | let analyzeRet = null;
114 | analyzeRet = this.generateAnalyzeRet();
115 | return (
116 |
117 |
122 | {analyzeRet}
123 |
124 |
125 | );
126 | }
127 | }
128 |
129 | const styles = {
130 | container: {
131 | width: '100%',
132 | },
133 | };
134 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogStatis/SlowlogStatis.scss:
--------------------------------------------------------------------------------
1 | .post-list-page {
2 | width: 100%;
3 | }
4 | select.placeholder {
5 | color: #999;
6 | }
7 | .test{
8 | float: right;
9 | }
10 |
11 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/components/SlowlogStatis/index.js:
--------------------------------------------------------------------------------
1 | import SlowlogStatis from "./SlowlogStatis";
2 |
3 | export default SlowlogStatis;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/Slowlog/index.js:
--------------------------------------------------------------------------------
1 | import Slowlog from './Slowlog';
2 |
3 | export default Slowlog;
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/pages/UserLogin/index.js:
--------------------------------------------------------------------------------
1 | import UserLogin from './UserLogin';
2 |
3 | export default UserLogin;
4 |
--------------------------------------------------------------------------------
/RCT-Dashboard/src/main/frontend/src/router.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * 定义应用路由
3 | */
4 | import { HashRouter, Switch, Route } from 'react-router-dom';
5 | import React from 'react';
6 | import UserLayout from './layouts/UserLayout';
7 | import BasicLayout from './layouts/BasicLayout';
8 | import DashLayout from './layouts/DashLayout';
9 |
10 | // 按照 Layout 分组路由
11 | // UserLayout 对应的路由：/user/xxx
12 | // BasicLayout 对应的路由：/xxx
13 | const router = () => {
14 | return (
15 | 23 | * 文档：http://mp.baomidou.com
24 | */ 25 | @Bean 26 | public PaginationInterceptor paginationInterceptor() { 27 | return new PaginationInterceptor(); 28 | } 29 | 30 | 31 | /** 32 | * 注入sql注入器 33 | */ 34 | @Bean 35 | public ISqlInjector sqlInjector() { 36 | return new LogicSqlInjector(); 37 | } 38 | 39 | } 40 | -------------------------------------------------------------------------------- /RCT-Dashboard/src/main/java/org/nesc/ecbd/config/QuartzSchedule.java: -------------------------------------------------------------------------------- 1 | package org.nesc.ecbd.config; 2 | 3 | import java.io.IOException; 4 | 5 | import org.nesc.ecbd.common.JobFactory; 6 | import org.nesc.ecbd.service.RDBScheduleJob; 7 | import org.nesc.ecbd.service.SlowlogScheduleJob; 8 | import org.springframework.beans.factory.annotation.Autowired; 9 | import org.springframework.context.annotation.Bean; 10 | import org.springframework.context.annotation.Configuration; 11 | import org.springframework.scheduling.quartz.JobDetailFactoryBean; 12 | import org.springframework.scheduling.quartz.SchedulerFactoryBean; 13 | 14 | /** 15 | * @author：Truman.P.Du 16 | * @createDate: 2019年1月30日 下午4:39:12 17 | * @version:1.0 18 | * @description: 19 | */ 20 | 21 | @Configuration 22 | public class QuartzSchedule { 23 | 24 | @Autowired 25 | private JobFactory jobFactory; 26 | 27 | @Bean(name = "schedulerFactoryBean") 28 | public SchedulerFactoryBean schedulerFactoryBean() throws IOException { 29 | SchedulerFactoryBean factory = new SchedulerFactoryBean(); 30 | factory.setOverwriteExistingJobs(true); 31 | // 延时启动 32 | factory.setStartupDelay(20); 33 | // 自定义Job Factory，用于Spring注入 34 | factory.setJobFactory(jobFactory); 35 | return factory; 36 | } 37 | 38 | @Bean(name = "slowlogScheduleJob") 39 | public JobDetailFactoryBean slowlogScheduleJob() { 40 | JobDetailFactoryBean jobDetail = new JobDetailFactoryBean(); 41 | jobDetail.setJobClass(SlowlogScheduleJob.class); 42 | return jobDetail; 43 | } 44 | 45 | @Bean(name = "rdbScheduleJob") 46 | public JobDetailFactoryBean rdbScheduleJob() { 47 | JobDetailFactoryBean jobDetail = new JobDetailFactoryBean(); 48 | jobDetail.setJobClass(RDBScheduleJob.class); 49 | return jobDetail; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /RCT-Dashboard/src/main/java/org/nesc/ecbd/config/ResponseConfig.java: -------------------------------------------------------------------------------- 1 | package org.nesc.ecbd.config; 2 | 3 | import java.util.ArrayList; 4 | import java.util.List; 5 | 6 | import org.nesc.ecbd.common.RestResponse; 7 | import org.springframework.beans.factory.InitializingBean; 8 | import org.springframework.beans.factory.annotation.Autowired; 9 | import org.springframework.context.annotation.Bean; 10 | import org.springframework.context.annotation.Configuration; 11 | import org.springframework.core.MethodParameter; 12 | import org.springframework.web.context.request.NativeWebRequest; 13 | import org.springframework.web.method.support.HandlerMethodReturnValueHandler; 14 | import org.springframework.web.method.support.ModelAndViewContainer; 15 | import org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter; 16 | import org.springframework.web.servlet.mvc.method.annotation.RequestResponseBodyMethodProcessor; 17 | 18 | /** 19 | * @author：Truman.P.Du 20 | * @createDate: 2019年1月29日 上午10:27:09 21 | * @version:1.0 22 | * @description: 23 | */ 24 | 25 | @Configuration 26 | public class ResponseConfig { 27 | @Bean 28 | public ResponseBodyWrapFactoryBean getResponseBodyWrap() { 29 | return new ResponseBodyWrapFactoryBean(); 30 | } 31 | 32 | class ResponseBodyWrapFactoryBean implements InitializingBean { 33 | 34 | @Autowired 35 | private RequestMappingHandlerAdapter adapter; 36 | 37 | @SuppressWarnings({ "unchecked", "rawtypes" }) 38 | @Override 39 | public void afterPropertiesSet() throws Exception { 40 | 41 | List
Language: :us:
2 | :cn:
3 |
4 |
5 | # RCT(Redis Computed Tomography)
6 |
7 |   
8 |
9 | RCT 是一个通过解析rdb文件对redis内存结构分析的一站式平台。 支持对非集群/集群rdb文件分析、Slowlog查询与监控、ClientList查询与监控。
10 |
11 | [GitHub](https://github.com/xaecbd/RCT) 第一时间更新，请移步查看！
12 | ## 功能
13 | - 内存分析
14 |
15 | >通过对rdb文件解析，分析Redis内存使用情况，支持多维度、多报表方式。支持手动、自动多种方式！
16 | >提供生成报表、Redis key 导出等功能！
17 |
18 | - slowlog
19 |
20 | >slowlog模块可以定时收集slowlog信息，多维度报表汇总，便捷查看集群当前slowlog详细信息。
21 |
22 | - clientList
23 |
24 | >clientList模块可以便捷、高效分析查看客户端连接情况！
25 |
26 |
27 | ## 产品预览
28 | 截屏部分主要介绍了rct的主要功能,一系列的流程，您可以了解到我们平台主要功能和适用场景。
29 |
30 | 
31 |
32 | ## 快速开始
33 |
34 | ### jre（linux和windows）
35 | 在开始之前，首先确保安装jre1.8+,在release中下载**最新版本**发布包。
36 | 如点击RCT-Dashboard-2.0.0-release.tar.gz下载，解压(windows下可用winRAR软件解压，linux下可用命令```tar xvf RCT-Dashboard-2.0.0-release.tar.gz ```)
37 |
38 | 如点击RCT-Analyze-2.0.0-release.tar.gz下载，解压(windows下可用winRAR软件解压，linux下可用命令
39 | ```tar xvf RCT-Analyze-2.0.0-release.tar.gz```)
40 | 1. 首选启动控制中心RCT-Dashboard
41 | ```
42 | java -jar RCT-Dashboard-2.0.0.jar
43 | ```
44 | 2. 启动分析器RCT-Analyze
45 | ```
46 | java -jar -Xmx1024m -Xms300m RCT-Analyze-2.0.0.jar
47 | ```
48 | 根据rdb文件大小，适当调整最大堆大小（**请务必限制堆大小，以免对线上机器产生性能影响**）,RCT-Analyze部署在rdb生成的机器，即redis安装机器，每个机器部署一个实例。
49 | 3. 进入系统
50 | 在浏览器中访问```http://127.0.0.1:8080```,输入账号与密码，默认账号密码为**rct/rct**
51 | ### docker（仅限linux平台）
52 | 1. 首选启动控制中心RCT-Dashboard
53 | - 默认配置
54 | ```
55 | docker run -d --net=host xaecbd/rct-dashboard:latest
56 | ```
57 | - 自定义配置(在执行之前，请先在宿主机上放置config/application.properties db/data.db)
58 | ```
59 | docker run -d -v /opt/app/rct/rct-dashboard/config:/opt/app/rct/rct-dashboard/config -v /opt/app/rct/rct-dashboard/db:/opt/app/rct/rct-dashboard/db --net=host xaecbd/rct-dashboard:latest
60 | ```
61 | 2. 启动分析器RCT-Analyze
62 | - 默认配置
63 | ```
64 | docker run -d -e "JAVA_OPTIONS=-Xmx1024m -Xms300m" --net=host xaecbd/rct-analyze:latest
65 | ```
66 | - 自定义配置(在执行之前，请先在宿主机上放置config/application.properties)
67 | ```
68 | docker run -d -e "JAVA_OPTIONS=-Xmx1024m -Xms300m" -v /opt/app/rct/rct-analyze/config:/opt/app/rct/rct-analyze/config -v /data/redis/redis_cluster:/data/redis/redis_cluster --net=host xaecbd/rct-analyze:latest
69 | ```
70 | 根据RDB大小，适当调整最大堆大小
71 | 3. 进入系统
72 | 在浏览器中访问```http://127.0.0.1:8080```,输入账号与密码，默认账号密码为**rct/rct**
73 | ## 版本声明
74 | 目前仅限于支持以下版本，关于更高版本，正在开发中，敬请期待!
75 |
76 | redis version|rct version
77 | ---|---
78 | [2.6-5.0.3]|2.X
79 | ## 用户手册
80 | > 用户手册主要介绍RCT各模块的主要功能
81 |
82 | 1. [Chart模块介绍](./doc/zh-CN/Chart模块介绍.md)
83 | 2. [RDB分析模块介绍](./doc/zh-CN/如何使用RDB分析工具.md)
84 | 3. [SlowLog模块介绍](./doc/zh-CN/如何使用slowlog分析工具.md)
85 | 4. [ClientList模块介绍](./doc/zh-CN/如何使用clientList分析工具.md)
86 |
87 | > RCT使用教程
88 | 1. [使用rdb分析工具快速分析](./doc/zh-CN/如何快速使用RDB分析工具进行分析.md)
89 | 2. [如何添加redis实例](./doc/zh-CN/如何增加redis实例.md)
90 |
91 |
92 | ## 产品设计
93 | > 设计文档主要介绍 RCT 架构设计、框架设计
94 |
95 | 1. [代码结构介绍](./doc/zh-CN/代码结构介绍.md)
96 | 2. [设计方案](./doc/zh-CN/设计方案.md)
97 |
98 |
99 | ## TODO
100 | If you want to know more things,please see [TODO](./doc/zh-CN/TODO.md) document.
--------------------------------------------------------------------------------
/doc/Chart_module.md:
--------------------------------------------------------------------------------
1 | # Chart module introduction
2 |
3 | Chart module is used for RCT to display the analysis results of RDB visually
4 |
5 |
6 | In this module, the latest Redis data analysis results are displayed, and the results of 7 times of analysis are retained in time. By changing the time, you can switch to view the data reports analyzed at different times.
7 |
8 | 
9 |
10 | ## 1.Key Count By Type
11 | Statistical summary of the number of different types of data
12 | ## 2.Key Memory By Type
13 | Different types of data memory bytes estimated statistical summary
14 | ## 3.Prefix Keys Count
15 | Count the number of key prefixes according to the corresponding rule
16 | ## 4.Prefix Keys Memory
17 | The memory byte information of the key prefix is counted according to the corresponding rule
18 | ## 5.Top 1000 Largest Keys By Perfix
19 | Count the Top 1000 prefix key according to the prefix rule
20 | ## 6.Keys TTL Info
21 | The prefixes tell you how much data is set to TTL or not set to TTL
22 | ## 7.Top 1000 Largest Keys By Type
23 | According to different data structures, top Count and Bytes are the largest 1000 pieces of data
--------------------------------------------------------------------------------
/doc/Code_structure_introduction.md:
--------------------------------------------------------------------------------
1 | ```
2 | ├── README.MD
3 | ├── RCT // 文档目录
4 | │ └── RCT-Analyze //RCT分析
5 | └── src
6 | └── main
7 | └── java/org/nesc/ecbd
8 | └── cache //缓存相关
9 | └── config //配置相关
10 | └── contronller //控制器类
11 | └── service
12 | └── utils //工具类
13 | └── worker
14 | └── Analyzer.java //分析器启动器类
15 | └── test/java/org/nesc/ecbd
16 | └── resources
17 | └── docker //docker相关
18 | └── application.properties //配置文件
19 | └── logback.xml //日志配置文件
20 | └── pom.xml
21 | └── RCT-Base
22 | └── src
23 | └── main
24 | └── java/org/nesc/ecbd
25 | └── entity //entity相关
26 | └── utils //工具相关
27 | └── test/java/org/nesc/ecbd
28 | └── resources
29 | └── logback.xml //日志配置文件
30 | └── RCT-Dashboard
31 | └── db //数据库相关
32 | └── src
33 | └── main
34 | └── frontend
35 | └── java/org/nesc/ecbd
36 | └── cache //缓存相关
37 | └── common
38 | └── config //配置相关
39 | └── contronller //控制器类
40 | └── entity
41 | └── mapper
42 | └── report //报表相关
43 | └── service
44 | └── utils //工具类
45 | └── thread //线程相关
46 | └── StartApp.java //dashboard启动器类
47 | └── test/java/org/nesc/ecbd
48 | └── test //test相关
49 | └── RedisTest.java //reids测试相关
50 | └── SqliteTest.java //数据库测试文件
51 | └── template
52 | └── .gitignore
53 | └── package.xml
54 | └── pom.xml
55 | └── .gitignore
56 | └── mvnw
57 | └── mvnw.cmd
58 | └── pom.xml
59 |
60 | ```
--------------------------------------------------------------------------------
/doc/Introduction_to_clientList_module.md:
--------------------------------------------------------------------------------
1 | ## Introduction to Client List module
2 |
3 | ### Client List
4 | Shows the duration of the ClientIP and IP connection to the Redis client, the last command executed, and the idle time of the Redis client.
5 |
6 | ### Statistics
7 | The number of Redis connections was calculated from the two dimensions of server side and client side respectively.
8 |
9 | ### Monitors
10 | This module writes the statistical information of the clientList module into Elasticsearch to facilitate secondary analysis.
11 |
12 | #### Page parameter description
13 | 1. Interval：A frequency of statistical information
14 | 2. Exetime:The number entered in the first input box and the unit of time in the second selection box indicate a time period during which the task was collected
15 | 3. Status：The state of the task execution
16 |
17 | Click Execute to schedule the execution of the job after confirmation, and click Cancel to Cancel the running job.
18 |
19 |
--------------------------------------------------------------------------------
/doc/Introduction_to_rdb_analysis_module.md:
--------------------------------------------------------------------------------
1 | ## Add a New RDB analysis configuration
2 | Only after you have created the Redis node can you go to the RCT tool navigation page.
3 | 1. Click to navigate RDB Analyze.
4 | 2. If no RDB information has been added, the information can be improved in the box that pops up on the page, or click the Add button below to Add.
5 | 3. Click edit to modify the RDB information.
6 | 4. If the RDB information has been improved, click to open the switch, then the RDB is directly on and off the timing task.
7 | 5. Click Analyze, then it will Analyze the RDB information manually. The status of the analysis can be viewed in status, and the progress status of the RDB analysis task can be viewed in real time through the link after status.
8 |
9 | ## RDB Add page parameters
10 | 1. **Automatic Analyze**：Whether to turn on timed tasks
11 | 2. **Schedule**：Cron expression (after completion, you can click the icon on the right side to check the execution time of the timed expression)
12 | 3. **Analyzer**:Profiler (report generation, filter key, prefix key)
13 | 4. **Data Path**:RDB file directory (eg: / opt/app/redis/9002/dump.rdb, data path for/opt/app/redis)
14 | 5. **Prefixes**:The prefix for a key can be null, but prefixes must be filled in when the prefix key in the analyzer is selected
15 | 6. **Report**：Generate report or not
16 | 7. **Mail**：The recipient after the report is generated, the platform will send the report as an attachment to the recipient. If there are multiple recipients, please use. separated
17 | ## RDB home page parameters
18 | The parameters of the RDB home page are basically the same as those of the add page. I won't repeat them here. The only difference is:
19 | Status：Analyze the progress status of the RDB file, including success, the analysis in progress and failure. When the status is the status being analyzed, click the following link to enter the real-time analysis page to view the real-time status.
20 |
21 | ## Introduction to analyzer
22 | 1.Generate reports：Analyze the data in the RDB file and write the results to the database. If the Report is configured, the results will be sent to the user in the form of an Excel Report.
23 | 2.According to the filter key：When analyzing the RDB file, export the corresponding key according to the filter and write the data to EleasticSearch.
24 | 3.According to the prefix key：When analyzing the RDB file, the corresponding key was exported according to the prefixed key, and the data was written to EleasticSearch.
--------------------------------------------------------------------------------
/doc/SlowLog_module_introduction.md:
--------------------------------------------------------------------------------
1 | ## Slowlog module introduction
2 |
3 | ### Slowlog List
4 | It is used for statistics of what commands were executed by each Redis client at what time and when.
5 | ### Statistics
6 | I count the percentage of commands executed by slowlog
7 | ### Monitors
8 | This module collects slowlog information and writes the data to Eleasticsearch
9 | #### Page parameter description：
10 | 1. **Address**:Displays the Address of the corresponding cluster
11 | 2. **Schedule**:Cron expression for task scheduling
12 | 3. **Status**：Schedule the status of task execution (NORMAL: the task is running; NONE: the task has been canceled)
13 | Only after filling in the schedule cron expression, turn on the switch and the task can be scheduled for execution. Click the switch again to cancel the timed task.
--------------------------------------------------------------------------------
/doc/TODO.md:
--------------------------------------------------------------------------------
1 | 1. ~~[upgrate redis-replicator version](https://github.com/xaecbd/RCT/issues/2)~~
2 | 2. ~~rebuild **PrefixAnalyzer** prefix matching algorithm.~~
3 | 3. develop rct-lite
4 | 4. add new analyze feature
5 | 5. update history report size to user-defined
--------------------------------------------------------------------------------
/doc/Use_rdb_analysis_tool_for_quick_analysis.md:
--------------------------------------------------------------------------------
1 | ### Rapid use of RDB analysis tools for RDB analysis
2 |
3 | Rct-analyze analyzer needs to be deployed on Redis machine when RDB analysis tool is used for RDB analysis
4 | ### Deploy RCT-Anaylze
5 | Whether deployed via docker or jar, the analyzer program should be deployed on all machines of the Redis cluster or Redis instance that you want to analyze. Since our architecture USES springCloud's Eureka(registration and discovery of services), all the analyzer programs have only one central node, namely rct-dashboard program.
6 |
7 | After the deployment is completed, the RDB file of Redis can be analyzed. The deployment steps are as follows:
8 |
9 | First, navigate into the Analyze module of RDB
10 | #### 1.Perfect RDB analysis configuration information
11 | 如If the RDB analysis configuration information has not been added before, the page will pop up in the add page to improve the RDB information. Page specific parameters[To See More Details](./如何使用RDB分析工具.md)
12 | #### 2.Perform RDB analysis
13 | After completing the RDB analysis configuration information, click the Analyze button at the bottom right and click ok. After that, the center node (RCT-dashboard) starts to distribute tasks to the rct-analyze analysis program deployed by each Redis node. The analysis program starts to Analyze the RDB files generated by the native Redis node and feedback the status and progress of analysis to the center node. After the distribution of the center node (RCT-dashboard) is successful, the analysis success dialog box will pop up and click the view Progress button in the box to check the analysis Progress of each node.
14 | If you accidentally quit the analysis progress page, you can also click the view progress button in the status information of the Analyze module in RDB to enter the progress page again.
15 | #### 3.View analysis results
16 | After the RDB file analysis is successful, the analysis results are written to the database rdb_analyze_result table, and if the report is configured in the RDB analysis information, the analysis results will be sent to the configured recipients after the analysis is completed.
17 | The analysis results are also presented to the user in a visual form, as detailed in the following sections[Chart module](./Chart模块介绍.md)
18 |
19 | At this point, a simple RDB analysis is complete.
20 |
21 | #### Attention
22 |
23 | ##### 1.Analyze RDB files on a regular basis
24 | When timing analysis is performed on the RDB file, the correct cron expression must be filled in; if not, or if corn is wrong, the timing task will fail.
25 | ##### 2.The waiting time of Loading during RDB analysis is relatively long
26 | After clicking on the analysis, the Loading process is that the server is distributing the analysis task to the Redis node. If the RDB persistence is not opened,
27 | Then the first step is to generate the RDB file. The long process time to generate the RDB file leads to a long waiting time in loading. (the Loading timeout is 40 minutes).
28 | ##### 3.How does RDB analysis work if the cluster does not open RDB persistence
29 | First, you need to in the application configuration file. The properties of a modified configuration for ``` rct.rdb.generate.enable=true```
30 | If the cluster does not start RDB persistence, after clicking on the analysis, the program will select the slave node to automatically generate the RDB file. The directory to generate the file follows the path configured in redis. RDB is generated and analyzed.
31 |
32 | **RDB file generation is serial, and only execute in the slave**, this ensures that only one instance of the whole cluster is doing persistence, we have reduced the performance impact to the minimum, after testing, online business is not aware.
33 |
--------------------------------------------------------------------------------
/doc/add_an_instance_of_redis.md:
--------------------------------------------------------------------------------
1 | ## Add an instance of Redis
2 | 1. Start the RCT - dashboard
3 | 2. Enter the user name and password, both of which are RCT, and enter the redis node management interface
4 | 3. Click the Add New Redis card and Add the Redis address and password. After the addition, it will automatically recognize whether Redis is a standalone class and cluster
5 | 4. Click the icon on each card to edit and delete the corresponding redis node
6 | 5. Click the area of Address and mode to enter the home page
7 |
8 | ## Redis instance add and edit page parameter description
9 | 1. Redis Name：redis name
10 | 2. Redis Address：Generally, it is the IP +port of redis (eg:127.0.0.1:6379).
11 | 1. Redis password, the password must be filled in, no password can be ignored this option
--------------------------------------------------------------------------------
/doc/screenshots/chart模块可视化功能介绍.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/doc/screenshots/chart模块可视化功能介绍.jpg
--------------------------------------------------------------------------------
/doc/screenshots/rct.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/doc/screenshots/rct.jpg
--------------------------------------------------------------------------------
/doc/screenshots/数据流.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/doc/screenshots/数据流.png
--------------------------------------------------------------------------------
/doc/screenshots/系统架构.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xaecbd/RCT/19e97c4c2c33e0af50712fedd8c1c933e7b8044d/doc/screenshots/系统架构.jpg
--------------------------------------------------------------------------------
/doc/zh-CN/Chart模块介绍.md:
--------------------------------------------------------------------------------
1 | # Chart模块介绍
2 |
3 | Chart模块主要是对RDB分析结果进行可视化展示
4 |
5 | 在该模块中，显示最新redis中数据分析结果，在time中会保留7次分析结果，通过更改时间，可以切换查看不同时间分析的数据报表。
6 |
7 | 
8 |
9 | ## 1.Key Count By Type
10 | 不同类型的数据数量统计汇总
11 | ## 2.Key Memory By Type
12 | 不同类型的数据内存字节预估统计汇总
13 | ## 3.Prefix Keys Count
14 | 根据相应的规则统计key前缀的数量信息
15 | ## 4.Prefix Keys Memory
16 | 根据相应的规则统计key前缀的内存字节信息
17 | ## 5.Top 1000 Largest Keys By Perfix
18 | 根据前缀规则统计Top 1000 前缀key
19 | ## 6.Keys TTL Info
20 | 根据前缀统计出设置了TTL和没有设置TTL的数据有多少
21 | ## 7.Top 1000 Largest Keys By Type
22 | 根据不同的数据结构top出Count和Bytes最大的1000条数据
--------------------------------------------------------------------------------
/doc/zh-CN/TODO.md:
--------------------------------------------------------------------------------
1 | 1. ~~[upgrate redis-replicator version](https://github.com/xaecbd/RCT/issues/2)~~
2 | 2. ~~rebuild **PrefixAnalyzer** prefix matching algorithm.~~
3 | 3. develop rct-lite
4 | 4. add new analyze feature
5 | 5. update history report size to user-defined
--------------------------------------------------------------------------------
/doc/zh-CN/代码结构介绍.md:
--------------------------------------------------------------------------------
1 | ```
2 | ├── README.MD
3 | ├── RCT // 文档目录
4 | │ └── RCT-Analyze //RCT分析
5 | └── src
6 | └── main
7 | └── java/org/nesc/ecbd
8 | └── cache //缓存相关
9 | └── config //配置相关
10 | └── contronller //控制器类
11 | └── service
12 | └── utils //工具类
13 | └── worker
14 | └── Analyzer.java //分析器启动器类
15 | └── test/java/org/nesc/ecbd
16 | └── resources
17 | └── docker //docker相关
18 | └── application.properties //配置文件
19 | └── logback.xml //日志配置文件
20 | └── pom.xml
21 | └── RCT-Base
22 | └── src
23 | └── main
24 | └── java/org/nesc/ecbd
25 | └── entity //entity相关
26 | └── utils //工具相关
27 | └── test/java/org/nesc/ecbd
28 | └── resources
29 | └── logback.xml //日志配置文件
30 | └── RCT-Dashboard
31 | └── db //数据库相关
32 | └── src
33 | └── main
34 | └── frontend
35 | └── java/org/nesc/ecbd
36 | └── cache //缓存相关
37 | └── common
38 | └── config //配置相关
39 | └── contronller //控制器类
40 | └── entity
41 | └── mapper
42 | └── report //报表相关
43 | └── service
44 | └── utils //工具类
45 | └── thread //线程相关
46 | └── StartApp.java //dashboard启动器类
47 | └── test/java/org/nesc/ecbd
48 | └── test //test相关
49 | └── RedisTest.java //reids测试相关
50 | └── SqliteTest.java //数据库测试文件
51 | └── template
52 | └── .gitignore
53 | └── package.xml
54 | └── pom.xml
55 | └── .gitignore
56 | └── mvnw
57 | └── mvnw.cmd
58 | └── pom.xml
59 |
60 | ```
--------------------------------------------------------------------------------
/doc/zh-CN/如何使用RDB分析工具.md:
--------------------------------------------------------------------------------
1 | ## 新增RDB分析配置
2 | 只有先创建了redis节点之后，才能进入到RCT工具导航页面。
3 | 1. 点击导航RDB Analyze
4 | 2. 如若一直没有添加过RDB信息，则可在页面弹出的框中进行完善信息，或者点击下方的Add按钮进行添加
5 | 3. 点击edit则可以对RDB 信息进行修改
6 | 4. 如若已经完善了RDB信息，则点击打开switch开关，则是对RDB直接进行定时任务的开启和关闭
7 | 5. 点击Analyze，则是对RDB信息进行手动分析，分析进行的状态可在status中查看，可以通过status后面的链接进入到实时查看rdb分析任务的进度状态
8 |
9 | ## RDB Add页面参数说明
10 | 1. **Automatic Analyze**：是否开启定时任务
11 | 2. **Schedule**：cron 表达式（填写完成之后，可以点击右侧的图标进行查看定时表达式执行的时间）
12 | 3. **Analyzer**:分析器 （依次是生成报表，根据filter导key，根据preix导key）
13 | 4. **Data Path**:rdb文件的目录（eg:/opt/app/redis/9002/dump.rdb,data path应为/opt/app/redis）
14 | 5. **Prefixes**:key的前缀，可为空，但是在选择了分析器中的根据preix导key，则必须填写prefixes
15 | 6. **Report**：是否生成报表
16 | 7. **Mail**：生成报表之后的收件人，平台将会将报表做为附件发送给收件人，如果收件人有多个，请用;隔开
17 | ## RDB 主页面参数说明
18 | RDB主页面参数与add页面参数基本相同，在此不再做赘述，唯一有区别的是：
19 | Status：分析RDB文件的进度状态，分为成功，正在分析，失败三种状态，status为正在分析状态时，可通过点击后面的链接进入到实时分析页面，查看实时状态。
20 |
21 | ##分析器介绍
22 | 1.生成报表：对rdb文件的数据进行分析并将结果写入数据库中，如果配置了Report，结果会以excel报表的形式发送邮件给用户
23 | 2.根据filter导key：在对rdb文件分析的时候，根据过滤器导出相应的key，将数据写入到EleasticSearch中
24 | 3.根据prefix导key：在对rdb文件分析的时候，根据制定的前缀key导出相应的key，将数据写入到EleasticSearch中
--------------------------------------------------------------------------------
/doc/zh-CN/如何使用clientList分析工具.md:
--------------------------------------------------------------------------------
1 | ## Client List模块介绍
2 |
3 | ### Client List
4 | 展示连接redis客户端的ClientIP以及IP连接的时长，最后一次执行的命令以及redis客户端的空闲时间。
5 |
6 | ### Statistics
7 | 分别从server端和client端两个维度对redis连接数的统计
8 |
9 | ### Monitors
10 | 该模块将clientList模块统计的信息写入Eleasticsearch中，方便二次分析
11 |
12 | #### 页面参数说明
13 | 1. Interval：统计信息的频率
14 | 2. Exetime:第一个输入框输入的数字，第二个选择框可选时间单位，表示任务执行收集的一个时间段
15 | 3. Status：任务执行的状态
16 |
17 | 点击Execute,确认之后job即可调度执行，点击Cancel,可将正在运行的job取消掉
18 |
19 |
--------------------------------------------------------------------------------
/doc/zh-CN/如何使用slowlog分析工具.md:
--------------------------------------------------------------------------------
1 | ## Slowlog模块介绍
2 |
3 | ### Slowlog List
4 | 用于统计各个redis客户端在什么时间执行了什么命令以及执行的时间等信息。
5 | ### Statistics
6 | 统计了slowlog执行的命令的占比
7 | ### Monitors
8 | 该模块对slowlog的信息进行收集将数据写入Eleasticsearch中
9 | #### 页面参数说明：
10 | 1. **Address**:显示对应集群的Address
11 | 2. **Schedule**:任务调度的cron表达式
12 | 3. **Status**：调度任务执行的状态（NORMAL:任务正在运行;NONE:任务已经被取消）
13 | 只有在填写了schedule cron表达式后，打开switch开关，任务便可调度执行，再次点击switch可取消掉该定时任务
14 |
--------------------------------------------------------------------------------
/doc/zh-CN/如何增加redis实例.md:
--------------------------------------------------------------------------------
1 | ## 添加Redis 实例
2 | 1. 启动RCT-dashboard
3 | 2. 输入用户名和密码，均为rct，进入redis节点管理界面
4 | 3. 点击Add New Redis 卡片,添加redis地址和密码，添加成功后自动识别redis是否为standalone和cluster
5 | 4. 点击每个卡片上面的图标可对对应的redis节点进行编辑和删除
6 | 5. 点击Address和mode所在的区域可进入主页面
7 |
8 | ## redis实例添加和编辑页面参数说明
9 | 1. Redis Name：redis name
10 | 2. Redis Address：一般是redis的ip+port(例如 127.0.0.1:6379)
11 | 1. Password:redis的密码，有密码必须填写，无密码可忽略这个选项
--------------------------------------------------------------------------------
/doc/zh-CN/如何快速使用RDB分析工具进行分析.md:
--------------------------------------------------------------------------------
1 | ### 快速使用RDB分析工具进行RDB分析
2 |
3 | 在使用RDB分析工具进行RDB分析时，需要在redis机器上部署好分析器
4 | ### Deploy RCT-Anaylze
5 | 不管是通过docker还是jar部署，都要将分析器程序部署在你要分析的redis集群或者redis实例的所有机器上，由于我们的架构采用springCloud的Eureka(服务的注册与发现)，所有的分析器都只有一个中心节点，即RCT-DashBoard程序。
6 |
7 | 部署完成后，即可对redis的RDB文件进行分析，部署步骤如下:
8 |
9 | 首先通过导航进入到RDB Analyze模块
10 | #### 1.完善RDB分析配置信息
11 | 如果之前没有添加过RDB分析配置信息，在页面弹出的添加页面中，完善rdb信息。页面具体参数[详见](./如何使用RDB分析工具.md)
12 | #### 2.进行RDB分析
13 | 完善成功RDB分析配置信息之后，点击右下方的Analyze按钮，点击确认之后，中心节点(RCT-DashBoard)开始将任务分发各redis节点部署的RCT-Anaylze分析程序中，分析程序开始对本机redis节点生成的rdb文件进行分析，并将分析的状态与进度反馈给中心节点。中心节点(RCT-DashBoard)分发成功之后，弹出分析成功对话框，点击框内的view Progress按钮，可以查看到各个节点的分析进度。
14 | 如果不慎退出分析进度页面，也可以在RDB Analyze模块的status信息中，点击view progress按钮就可以再次进入到进度页面。
15 | #### 3.查看分析结果
16 | RDB文件分析成功之后，分析结果会写入到数据库rdb_analyze_result表中，如若RDB分析信息中配置了report，则分析完成之后会将分析结果发送邮件给配置的收件人。
17 | 分析结果也会以可视化的形式展示给用户，具体详见[chart模块](./Chart模块介绍.md)
18 |
19 | 至此，一次简单的rdb分析就结束了。
20 |
21 | #### 注意
22 |
23 | ##### 1.定时对RDB文件进行分析
24 | 对rdb文件进行定时分析时，必须填写正确的cron表达式，如果不填写或者cron为错误，则定时任务会失败。
25 | ##### 2.RDB分析时Loading等待时间较长
26 | 在点击分析之后，Loading的过程是服务器在向redis节点分发分析任务，如若没有打开rdb持久化，
27 | 则会先去生成rdb文件，生成rdb文件的过程时间较长导致loading的等待时间较长。(Loading的超时时间为40分钟)。
28 | ##### 3.如果集群没有打开rdb持久化，rdb分析怎么使用
29 | 首先需要在配置文件application.properties 中修改配置为```rct.rdb.generate.enable=true```
30 | 如果集群没有开启rdb的持久化，则点击分析之后，程序会选择salve节点自动生成rdb文件，生成文件的目录遵循redis中配置的路径。生成rdb之后进行分析。
31 |
32 | **rdb文件的生成是串行的，并且只在slave中执行**，这样确保整个集群只有一个实例在做持久化，我们已经将性能影响降到最低，经测试，线上业务无感知。
33 |
--------------------------------------------------------------------------------
/doc/zh-CN/设计方案.md:
--------------------------------------------------------------------------------
1 | ## 项目背景
2 | Redis 是互联网产品开发中不可缺少的常备武器，它性能高、数据结构丰富、简单易用，但同时也是因为太容易用了，我们的开发同学不管什么数据、不管这数据有多大、不管数据有 多少通通塞进去，最后导致的问题就是 Redis 内存使用持续上升，但是又不知道里面的数据是不是有用，是否可以拆分和清理。为了更好地使用 Redis，除了对 Redis 做一些使用规 范，还需要对线上使用的 Redis 有充分的了解。那么问题来了：一个 Redis 的实例用了那么大的内存，里边到底存了啥？都有哪些 key？每个 key 占用了多少空间？
3 |
4 | 目前我们EC Bigdata team 运维公司 4个 Redis 集群，300+ Redis 实例，500G+ 的内存数据，我们想要分析业务是否有误用，以提高资源利用率。伴随着业务team的广泛使用，近期数据增 长比较快，我们紧迫需要一个工具分析一下各种业务存储的数据有多大，是否存入僵死数据浪费资源；同时E4 WWW redis 集群有业务方反馈近期有比较明显的慢查询发生，所以 我们需要针对 slow log 和存入的常用数据类型Hash,
5 |
6 | List,Set分析，是否有big key引起慢查询,是否有team存在超大的 big key和不合理设置ttl的情况
7 |
8 | 那有没有什么办法让我们安全高效的看到 Redis 内存消耗的详细报表呢？办法总比问题多，有需求就有解决方案。EC Bigdata team针对这个问题实现了一个 Redis 数据可视化平台 RCT (Redis Computed Tomography)。
9 |
10 | RCT可以非常方便的对 Reids 的内存进行分析，了解一个 Redis 实例里都有哪些 key，哪类 key 占用的空间是多少，最耗内存的 key 有哪些，占比如何，非常直观,除此之外，我们还可以针对Redis 慢查询进行分钟级别监控，直观监控集群效应状况。
11 |
12 | ## 项目设计
13 | ### Redis数据分析方案
14 | 1. ~~先通过 keys * 命令，拿到所有的 key，然后根据 key 再获取所有的内容。~~
15 |
16 | 优点：可以不使用 Redis 机器的硬盘，直接网络传输
17 |
18 | 缺点：如果 key 数量特别多，keys 命令可能会导致 Redis 卡住影响业务；需要对 Redis 请求非常多次，资源消耗多；遍历数据太慢
19 |
20 | 2. ~~开启 aof，通过 aof 文件获取到所有数据。~~
21 |
22 | 优点：无需影响 Redis 服务，完全离线操作，足够安全；
23 |
24 | 缺点：有一些 Redis 实例写入频繁，不适合开启 aof，普适性不强；aof 文件有可能特别大，传输、解析起来太慢，效率低。
25 |
26 | 3. 使用 bgsave，获取 rdb 文件，解析后获取数据。
27 |
28 | 优点：机制成熟，可靠性好；文件相对小，传输、解析效率高；
29 |
30 | 缺点：bgsave 虽然会 fork 子进程，但还是有可能导致主进程卡住一段时间，对业务有产生影响的风险；
31 |
32 | 以上几种方式我们评估之后，决定采用**低峰期在从节点做 bgsave 获取 rdb 文件**，相对安全可靠，也可以覆盖所有业务的 Redis 集群。拿到了 rdb 文件就相当于拿到了 Redis 实例的所有数据，接下来就是生成报表的过程了：
33 |
34 | 解析 rdb 文件，获取到 Key 和 Value 的内容；根据相对应的数据结构及内容，估算内存消耗等;统计并生成报表；逻辑很简单，所以设计思路很清晰。
35 | ### 数据流图
36 | 
37 | ### 系统架构
38 | 
--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |