diff --git a/web/src/common/ApiUtil.js b/web/src/common/ApiUtil.js
index 7405e23..ab227b7 100644
--- a/web/src/common/ApiUtil.js
+++ b/web/src/common/ApiUtil.js
@@ -1,7 +1,7 @@
 /**
 * AJAX操作工具类
 */
-import PromiseUtil from './PromiseUtil';
+import PromiseUtil from './promiseUtil';
 export function getJSON(url, data) {
     const d = PromiseUtil.defer();
     fetch(url + serializeQuery(data))
diff --git a/web/src/common/Constant.js b/web/src/common/Constant.js
index 07fee10..e66df69 100644
--- a/web/src/common/Constant.js
+++ b/web/src/common/Constant.js
@@ -1,5 +1,5 @@
 /**
-* define all Constant variables here
+* define all constant variables here
 */
 
 module.exports.MenuKeyMap = {
diff --git a/web/src/component/download-root-ca.jsx b/web/src/component/download-root-ca.jsx
index 40c1913..22b855e 100644
--- a/web/src/component/download-root-ca.jsx
+++ b/web/src/component/download-root-ca.jsx
@@ -10,7 +10,7 @@ import { connect } from 'react-redux';
 import { message, Button, Spin } from 'antd';
 import ResizablePanel from 'component/resizable-panel';
 import { hideRootCA, updateIsRootCAExists } from 'action/globalStatusAction';
-import { MenuKeyMap } from 'common/Constant';
+import { MenuKeyMap } from 'common/constant';
 import { getJSON, ajaxGet, postJSON } from 'common/ApiUtil';
 
 import Style from './download-root-ca.less';
diff --git a/web/src/component/header-menu.jsx b/web/src/component/header-menu.jsx
index ad41b59..48d51c4 100644
--- a/web/src/component/header-menu.jsx
+++ b/web/src/component/header-menu.jsx
@@ -7,8 +7,8 @@ import ClassBind from 'classnames/bind';
 import { connect } from 'react-redux';
 import InlineSVG from 'svg-inline-react';
 import { message, Modal, Popover, Button } from 'antd';
-import { getQueryParameter } from 'common/CommonUtil';
-import { MenuKeyMap } from 'common/Constant';
+import { getQueryParameter } from 'common/commonUtil';
+import { MenuKeyMap } from 'common/constant';
 
 import {
   resumeRecording,
diff --git a/web/src/component/left-menu.jsx b/web/src/component/left-menu.jsx
index 14edc6d..52f1459 100644
--- a/web/src/component/left-menu.jsx
+++ b/web/src/component/left-menu.jsx
@@ -5,7 +5,7 @@
 import React, { PropTypes } from 'react';
 import { connect } from 'react-redux';
 import InlineSVG from 'svg-inline-react';
-import { getQueryParameter } from 'common/CommonUtil';
+import { getQueryParameter } from 'common/commonUtil';
 
 import Style from './left-menu.less';
 import ClassBind from 'classnames/bind';
@@ -15,7 +15,7 @@ import {
   showRootCA
 } from 'action/globalStatusAction';
 
-import { MenuKeyMap } from 'common/Constant';
+import { MenuKeyMap } from 'common/constant';
 
 const StyleBind = ClassBind.bind(Style);
 const {
diff --git a/web/src/component/map-local.jsx b/web/src/component/map-local.jsx
index bf1c356..31cd1a2 100644
--- a/web/src/component/map-local.jsx
+++ b/web/src/component/map-local.jsx
@@ -4,14 +4,12 @@
  */
 
 import React, { PropTypes } from 'react';
-import ReactDOM from 'react-dom';
-import ClassBind from 'classnames/bind';
 import { connect } from 'react-redux';
 import { Tree, Form, Input, Button } from 'antd';
 import ResizablePanel from 'component/resizable-panel';
-import PromiseUtil from 'common/PromiseUtil';
+import PromiseUtil from 'common/promiseUtil';
 import { fetchDirectory, hideMapLocal, fetchMappedConfig, updateRemoteMappedConfig } from 'action/globalStatusAction';
-import { MenuKeyMap } from 'common/Constant';
+import { MenuKeyMap } from 'common/constant';
 
 import Style from './map-local.less';
 import CommonStyle from '../style/common.less';
diff --git a/web/src/component/record-filter.jsx b/web/src/component/record-filter.jsx
index 84cb7c3..2d33150 100644
--- a/web/src/component/record-filter.jsx
+++ b/web/src/component/record-filter.jsx
@@ -10,7 +10,7 @@ import { connect } from 'react-redux';
 import { Input, Alert } from 'antd';
 import ResizablePanel from 'component/resizable-panel';
 import { hideFilter, updateFilter } from 'action/globalStatusAction';
-import { MenuKeyMap } from 'common/Constant';
+import { MenuKeyMap } from 'common/constant';
 
 import Style from './record-filter.less';
 import CommonStyle from '../style/common.less';
diff --git a/web/src/component/record-request-detail.jsx b/web/src/component/record-request-detail.jsx
index f700c29..b12377a 100644
--- a/web/src/component/record-request-detail.jsx
+++ b/web/src/component/record-request-detail.jsx
@@ -10,7 +10,7 @@ import clipboard from 'clipboard-js'
 import JsonViewer from 'component/json-viewer';
 import ModalPanel from 'component/modal-panel';
 import { hideRecordDetail } from 'action/recordAction';
-import { selectText } from 'common/CommonUtil';
+import { selectText } from 'common/commonUtil';
 import { curlify } from 'common/curlUtil';
 
 import Style from './record-detail.less';
diff --git a/web/src/component/record-row.jsx b/web/src/component/record-row.jsx
index 8f3e657..cbc508f 100644
--- a/web/src/component/record-row.jsx
+++ b/web/src/component/record-row.jsx
@@ -3,7 +3,7 @@
 */
 
 import React, { PropTypes } from 'react';
-import { formatDate } from 'common/CommonUtil';
+import { formatDate } from 'common/commonUtil';
 
 import Style from './record-row.less';
 import CommonStyle from '../style/common.less';
diff --git a/web/src/component/record-ws-message-detail.jsx b/web/src/component/record-ws-message-detail.jsx
index f816e52..b253fd5 100644
--- a/web/src/component/record-ws-message-detail.jsx
+++ b/web/src/component/record-ws-message-detail.jsx
@@ -5,7 +5,7 @@
 
 import React, { PropTypes } from 'react';
 import { message, Button, Icon } from 'antd';
-import { formatDate } from 'common/CommonUtil';
+import { formatDate } from 'common/commonUtil';
 import { initWs } from 'common/WsUtil';
 import ClassBind from 'classnames/bind';
 
diff --git a/web/src/component/table-panel.jsx b/web/src/component/table-panel.jsx
index b592822..96c83ec 100644
--- a/web/src/component/table-panel.jsx
+++ b/web/src/component/table-panel.jsx
@@ -5,7 +5,7 @@
 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';
 import { Table } from 'antd';
-import { formatDate } from 'common/CommonUtil';
+import { formatDate } from 'common/commonUtil';
 
 import Style from './table-panel.less';
 import ClassBind from 'classnames/bind';
diff --git a/web/src/component/title-bar.jsx b/web/src/component/title-bar.jsx
index 125d1ca..6bc6c30 100644
--- a/web/src/component/title-bar.jsx
+++ b/web/src/component/title-bar.jsx
@@ -5,7 +5,7 @@
 
 import React, { PropTypes } from 'react';
 import { Icon } from 'antd';
-import { getQueryParameter } from 'common/CommonUtil';
+import { getQueryParameter } from 'common/commonUtil';
 
 import Style from './title-bar.less';
 
diff --git a/web/src/index.jsx b/web/src/index.jsx
index 85903ca..599d2b0 100644
--- a/web/src/index.jsx
+++ b/web/src/index.jsx
@@ -6,8 +6,8 @@ import { LocaleProvider } from 'antd';
 import enUS from 'antd/lib/locale-provider/en_US';
 import createSagaMiddleware from 'redux-saga';
 import rootSaga from 'saga/rootSaga';
-import { MenuKeyMap } from 'common/Constant';
-import { getQueryParameter } from 'common/CommonUtil';
+import { MenuKeyMap } from 'common/constant';
+import { getQueryParameter } from 'common/commonUtil';
 
 import reducer from 'reducer/rootReducer';
 import HeaderMenu from 'component/header-menu';
diff --git a/web/src/reducer/globalStatusReducer.js b/web/src/reducer/globalStatusReducer.js
index 3f59496..11122da 100644
--- a/web/src/reducer/globalStatusReducer.js
+++ b/web/src/reducer/globalStatusReducer.js
@@ -21,7 +21,7 @@ const defaultStatus = {
   mappedConfig:[] // configured map config
 };
 
-import { MenuKeyMap } from 'common/Constant';
+import { MenuKeyMap } from 'common/constant';
 
 import {
   STOP_RECORDING,