Skip to content

W
Web_Log_Test
提交 9f41382d 作者: 潘亚楠
操作

button测试200完成

上级 07fa1bbf
正在显示 包含 411 行增加 和 85 行删除
README.md
# web_log_test # 用户操作日志对接文档
## 说明
目前整个mis平台的日志系统，没有将前后端的日志串联起来，基于全链路追踪日志的设计，需要设计出一款适用于整个平台的日志系统。
## 日志形成及流向
+ 用户的交互操作(如按钮点击),会由组件库(或插件)生成统一的唯一key(时间戳+账号信息)；
+ 组件库(或插件)将该key + 用户交互信息发送到日志服务, 写入数据库；
+ 因该次操作所产生的业务请求,也会携带key, 发送到业务服务;
+ 标准库中的拦截器将key + 业务服务的正常/异常响应,通过MQ发送到日志服务,日志服务消费之后，通过key形成用户操作到服务响应的闭环
> 测试用户交互操作的日志收集 ## 前端对接
## Build Setup
### 安装依赖
``` bash ``` bash
# install dependencies 1. 设置npm源
npm install npm config set registry http://39.106.145.141:9000/repository/node-public/
2. 安装
# serve with hot reload at localhost:8080 npm install wb_notebook-test1 -S
npm run dev ```
### 指令使用 项目入口文件 main.js
# build for production with minification ``` bash
npm run build // 操作收集指令
import collect from 'web_notebook-test1';
Vue.use(collect);
```
### axios替换
将axios替换为web_notebook-test1模块的Request, 该Request为[web标准库](https://git.allhome.com.cn/NetWorksDatas/Public/standard/blob/master/%E5%8D%83%E5%AE%B6Web%E6%A0%87%E5%87%86%E5%BA%93%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3.md)中封装的
#### 由easy-mock-cli生成的的api, 修改instance.js;
``` bash
import config from '../config';
import { Request } from 'web_notebook-test1';
const baseURL = {
mock: 'http://mock.allhome.com.cn/mock/5db2630933901100102f2e2f/javaLog',
development : 'http://192.168.10.12:8991',
lan: `http://192.168.10.200:8009/projectName`,
pred: `https://dtgateway.allhome.com.cn/projectName`,
production: `https://gateway.allhome.com.cn/projectName`
}['development'];
# build for production and view the bundle analyzer report const request = new Request({
npm run build --report baseURL,
timeout: 60000,
}, 'development', 'yourWebAppName');
# run unit tests const devToken = 'tokenString';
npm run unit const token = window.token? window.token: (window.token = devToken);
# run e2e tests // 设置拦截器
npm run e2e request.interceptors({
request: config => {
config.headers.token = token;
return config
},
response: res => {
let {message, result, statusCode} = res.data
// 退出登录状态码
let logoutCodes = new Set([435001, 435011, 436050])
if (statusCode === 1000) {
// 更新全局token
let {pragma} = res.headers
if (pragma) window.token = pragma
// 返回数据
return result
} else if (logoutCodes.has(statusCode)) {
setTimeout(() => window.logout(), 1000)
return Promise.reject({message})
} else {
return Promise.reject({message,statusCode})
}
},
error: error => Promise.reject(error.response.data),
})
export default request.axios;
# run all tests
npm test
``` ```
#### 未使用easy-mock-cli的项目可直接直接参考[web标准库](https://git.allhome.com.cn/NetWorksDatas/Public/standard/blob/master/%E5%8D%83%E5%AE%B6Web%E6%A0%87%E5%87%86%E5%BA%93%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3.md)替换
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). \ No newline at end of file
build/webpack.base.conf.js
...@@ -78,7 +78,11 @@ module.exports = { ...@@ -78,7 +78,11 @@ module.exports = {
limit: 10000, limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
} }
} },
{
test: /.md$/,
loader: 'text-loader'
},
] ]
}, },
node: { node: {
......
package-lock.json
...@@ -433,7 +433,6 @@ ...@@ -433,7 +433,6 @@
"version": "1.0.10", "version": "1.0.10",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
"dev": true,
"requires": { "requires": {
"sprintf-js": "~1.0.2" "sprintf-js": "~1.0.2"
} }
...@@ -4352,8 +4351,7 @@ ...@@ -4352,8 +4351,7 @@
"entities": { "entities": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
"integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
"dev": true
}, },
"errno": { "errno": {
"version": "0.1.7", "version": "0.1.7",
...@@ -6887,6 +6885,16 @@ ...@@ -6887,6 +6885,16 @@
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
"dev": true "dev": true
}, },
"highlight.js": {
"version": "9.15.10",
"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.10.tgz",
"integrity": "sha512-RoV7OkQm0T3os3Dd2VHLNMoaoDVx77Wygln3n9l5YV172XonWG6rgQD3XnF/BuFFZw9A0TJgmMSO8FEWQgvcXw=="
},
"highlight.js-async-webpack": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/highlight.js-async-webpack/-/highlight.js-async-webpack-1.0.4.tgz",
"integrity": "sha1-wGtnv5nwSQRdYrdW5YVbCRLsYWw="
},
"hmac-drbg": { "hmac-drbg": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
...@@ -8379,6 +8387,14 @@ ...@@ -8379,6 +8387,14 @@
} }
} }
}, },
"katex": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/katex/-/katex-0.6.0.tgz",
"integrity": "sha1-EkGOCRIcBckgQbazuftrqyE8tvM=",
"requires": {
"match-at": "^0.1.0"
}
},
"kew": { "kew": {
"version": "0.7.0", "version": "0.7.0",
"resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz", "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz",
...@@ -8450,6 +8466,14 @@ ...@@ -8450,6 +8466,14 @@
"type-check": "~0.3.2" "type-check": "~0.3.2"
} }
}, },
"linkify-it": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-1.2.4.tgz",
"integrity": "sha1-B3NSbDF8j9E71TTuHRgP+Iq/iBo=",
"requires": {
"uc.micro": "^1.0.1"
}
},
"load-json-file": { "load-json-file": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
...@@ -8911,6 +8935,92 @@ ...@@ -8911,6 +8935,92 @@
"object-visit": "^1.0.0" "object-visit": "^1.0.0"
} }
}, },
"markdown-it": {
"version": "6.1.1",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-6.1.1.tgz",
"integrity": "sha1-ztA39Ec+6fUVOsQU933IPJG6knw=",
"requires": {
"argparse": "^1.0.7",
"entities": "~1.1.1",
"linkify-it": "~1.2.2",
"mdurl": "~1.0.1",
"uc.micro": "^1.0.1"
}
},
"markdown-it-abbr": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/markdown-it-abbr/-/markdown-it-abbr-1.0.4.tgz",
"integrity": "sha1-1mtTZFIcuz3Yqlna37ovtoZcj9g="
},
"markdown-it-deflist": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/markdown-it-deflist/-/markdown-it-deflist-2.0.3.tgz",
"integrity": "sha512-/BNZ8ksW42bflm1qQLnRI09oqU2847Z7MVavrR0MORyKLtiUYOMpwtlAfMSZAQU9UCvaUZMpgVAqoS3vpToJxw=="
},
"markdown-it-emoji": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-1.4.0.tgz",
"integrity": "sha1-m+4OmpkKljupbfaYDE/dsF37Tcw="
},
"markdown-it-footnote": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/markdown-it-footnote/-/markdown-it-footnote-2.0.0.tgz",
"integrity": "sha1-FOnE9o/xLPNU+jZa43gnboEEypQ="
},
"markdown-it-ins": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/markdown-it-ins/-/markdown-it-ins-2.0.0.tgz",
"integrity": "sha1-papqMPHi9x6Ul1Z8/f9A8f3mdIM="
},
"markdown-it-katex": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/markdown-it-katex/-/markdown-it-katex-2.0.3.tgz",
"integrity": "sha1-17hqGuoLnWSW+rTnkZoY/e9YnDk=",
"requires": {
"katex": "^0.6.0"
}
},
"markdown-it-mark": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/markdown-it-mark/-/markdown-it-mark-2.0.0.tgz",
"integrity": "sha1-RqGqlHEFrtgYiXjgoBYXnkBPQsc="
},
"markdown-it-sub": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/markdown-it-sub/-/markdown-it-sub-1.0.0.tgz",
"integrity": "sha1-N1/WAm6ufdywEkl/ZBEZXqHjr+g="
},
"markdown-it-sup": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/markdown-it-sup/-/markdown-it-sup-1.0.0.tgz",
"integrity": "sha1-y5yf+RpSVawI8/09YyhuFd8KH8M="
},
"markdown-it-task-lists": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/markdown-it-task-lists/-/markdown-it-task-lists-2.1.1.tgz",
"integrity": "sha512-TxFAc76Jnhb2OUu+n3yz9RMu4CwGfaT788br6HhEDlvWfdeJcLUsxk1Hgw2yJio0OXsxv7pyIPmvECY7bMbluA=="
},
"markdown-it-toc-and-anchor": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/markdown-it-toc-and-anchor/-/markdown-it-toc-and-anchor-4.2.0.tgz",
"integrity": "sha512-DusSbKtg8CwZ92ztN7bOojDpP4h0+w7BVOPuA3PHDIaabMsERYpwsazLYSP/UlKedoQjOz21mwlai36TQ04EpA==",
"requires": {
"clone": "^2.1.0",
"uslug": "^1.0.4"
},
"dependencies": {
"clone": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
"integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18="
}
}
},
"match-at": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/match-at/-/match-at-0.1.1.tgz",
"integrity": "sha512-h4Yd392z9mST+dzc+yjuybOGFNOZjmXIPKWjxBd1Bb23r4SmDOsk2NYCU2BMUBGbSpZqwVsZYNq26QS3xfaT3Q=="
},
"math-expression-evaluator": { "math-expression-evaluator": {
"version": "1.2.17", "version": "1.2.17",
"resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz", "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz",
...@@ -8923,6 +9033,15 @@ ...@@ -8923,6 +9033,15 @@
"integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==", "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==",
"dev": true "dev": true
}, },
"mavon-editor": {
"version": "2.7.7",
"resolved": "https://registry.npmjs.org/mavon-editor/-/mavon-editor-2.7.7.tgz",
"integrity": "sha512-lXnYe+dztKepbv8bi2nedRqG/AwyUDF8gmkv9lHD3fpVJ1+pzAS6YILRIryKCvO9qPIOPEThHsda2DxtlzRsZA==",
"requires": {
"highlight.js": "^9.11.0",
"highlight.js-async-webpack": "^1.0.4"
}
},
"md5.js": { "md5.js": {
"version": "1.3.5", "version": "1.3.5",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
...@@ -8934,6 +9053,11 @@ ...@@ -8934,6 +9053,11 @@
"safe-buffer": "^5.1.2" "safe-buffer": "^5.1.2"
} }
}, },
"mdurl": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
"integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
},
"media-typer": { "media-typer": {
"version": "0.3.0", "version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
...@@ -9443,6 +9567,11 @@ ...@@ -9443,6 +9567,11 @@
} }
} }
}, },
"moment": {
"version": "2.24.0",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.24.0.tgz",
"integrity": "sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg=="
},
"move-concurrently": { "move-concurrently": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz", "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
...@@ -14880,8 +15009,7 @@ ...@@ -14880,8 +15009,7 @@
"sprintf-js": { "sprintf-js": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
"dev": true
}, },
"sshpk": { "sshpk": {
"version": "1.16.1", "version": "1.16.1",
...@@ -15246,6 +15374,11 @@ ...@@ -15246,6 +15374,11 @@
"require-main-filename": "^1.0.1" "require-main-filename": "^1.0.1"
} }
}, },
"text-loader": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/text-loader/-/text-loader-0.0.1.tgz",
"integrity": "sha1-i/dddJt8BXnJOZIAUcaepXLr3cE="
},
"text-table": { "text-table": {
"version": "0.2.0", "version": "0.2.0",
"resolved": "https://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz", "resolved": "https://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz",
...@@ -15524,6 +15657,11 @@ ...@@ -15524,6 +15657,11 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=", "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true "dev": true
}, },
"uc.micro": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
"integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
},
"uglify-js": { "uglify-js": {
"version": "3.4.10", "version": "3.4.10",
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
...@@ -15692,6 +15830,11 @@ ...@@ -15692,6 +15830,11 @@
"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
"dev": true "dev": true
}, },
"unorm": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/unorm/-/unorm-1.6.0.tgz",
"integrity": "sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA=="
},
"unpipe": { "unpipe": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
...@@ -15890,6 +16033,14 @@ ...@@ -15890,6 +16033,14 @@
"tmp": "0.0.x" "tmp": "0.0.x"
} }
}, },
"uslug": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/uslug/-/uslug-1.0.4.tgz",
"integrity": "sha1-uaIvCRTgqGFAYz2swwLl9PpFBnc=",
"requires": {
"unorm": ">= 1.0.0"
}
},
"util": { "util": {
"version": "0.11.1", "version": "0.11.1",
"resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz", "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
...@@ -16070,6 +16221,26 @@ ...@@ -16070,6 +16221,26 @@
} }
} }
}, },
"vue-markdown": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/vue-markdown/-/vue-markdown-2.2.4.tgz",
"integrity": "sha512-hoTX/W1UIdHZrp/b0vpHSsJXAEfWsafaQLgtE2VX4gY8O/C3L2Gabqu95gyG429rL4ML1SwGv+xsPABX7yfFIQ==",
"requires": {
"highlight.js": "^9.12.0",
"markdown-it": "^6.0.1",
"markdown-it-abbr": "^1.0.3",
"markdown-it-deflist": "^2.0.1",
"markdown-it-emoji": "^1.1.1",
"markdown-it-footnote": "^2.0.0",
"markdown-it-ins": "^2.0.0",
"markdown-it-katex": "^2.0.3",
"markdown-it-mark": "^2.0.0",
"markdown-it-sub": "^1.0.0",
"markdown-it-sup": "^1.0.0",
"markdown-it-task-lists": "^2.0.1",
"markdown-it-toc-and-anchor": "^4.1.2"
}
},
"vue-router": { "vue-router": {
"version": "3.0.6", "version": "3.0.6",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz",
......
package.json
...@@ -15,6 +15,10 @@ ...@@ -15,6 +15,10 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.18.0", "axios": "^0.18.0",
"mavon-editor": "^2.7.7",
"moment": "^2.24.0",
"text-loader": "0.0.1",
"vue-markdown": "^2.2.4",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vuex": "^3.1.0", "vuex": "^3.1.0",
"web_notebook-test1": "^1.2.4" "web_notebook-test1": "^1.2.4"
......
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<el-container> <el-container>
<el-header> <el-header>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-button @click="$router.back()">返回</el-button> <el-button @click="$router.back()">返回</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-header> </el-header>
<el-main> <el-main>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<router-view></router-view> <router-view @get-log="getLog">
</el-col> <el-card class="box-card">
</el-row> <div>
</el-main> <div class='title'>交互日志</div>
<el-footer></el-footer> <div v-for="(o) in interactionLog" :key="o._id" class="text item" style="word-break: break-all">
</el-container> {{ JSON.stringify(o) }}
</div> </div>
<div class='title'>服务日志</div>
<div v-for="(o, index) in serverLog" :key="o._id" class="text item" style="word-break: break-all">
<i style="padding-right: 20px;">{{ index + 1 }}</i>{{ JSON.stringify(o) }}
</div>
</div>
</el-card>
</router-view>
</el-col>
</el-row>
</el-main>
<el-footer></el-footer>
</el-container>
</div>
</template> </template>
<script> <script>
import bus from "@/assets/js/bus";
import axios from "axios";
import moment from 'moment';
export default { export default {
name: "App" name: "App",
data() {
return {
token: "",
interactionTimestamp: 0,
interactionLog: [],
serverLog: [],
};
},
created() {
bus.$on("request", ({ token, interactionTimestamp }) => {
this.token = token;
this.interactionTimestamp = interactionTimestamp;
});
},
methods: {
async getLog() {
const { token, interactionTimestamp } = this;
const request = axios.create({
baseURL: "http://192.168.10.200:8020/upaLogs",
headers: {
token,
interaction_timestamp: interactionTimestamp
}
});
// 给MQ传递预留2000ms
setTimeout(async _ => {
const { data } = await request.get("/dev/logLine"),
{ result } = data,
{ interactionLog, serverLog } = result;
this.interactionLog = this.formatTime(interactionLog);
this.serverLog = this.formatTime(serverLog);
}, 500);
},
formatTime(datas) {
return datas.map(obj => {
const { interaction_date } = obj;
obj.interaction_date = moment(interaction_date).format('YYYY-MM-DD: HH:mm:ss');
return obj;
})
}
}
}; };
</script> </script>
......
src/assets/js/bus.js 0 → 100644
import Vue from 'vue';
export default new Vue();
\ No newline at end of file
src/assets/js/common_interceptors.js
/**
* @date 2019.10.25
* @author 潘亚楠
* @information 拦截器配置
*/
import createDebug from 'debug'
import bus from './bus';
// token // token
const devToken = 'L2bhC0FyEWXo9zkt6mQ15lMzsSgS3dR/V+w5iWSiMmG0H0t1pL9lr4o+nSKXhjOm9qT+UrXqbLUpiWmITwS1q6TPmZvSumEkoEzpYFr0ylbxHafk+uE8yvK9OWiYl9WEH/JdnMw2LVnVYur7LOe/r57MMxw4e/NxGKPo07pqgn8='; const devToken = 'L2bhC0FyEWXo9zkt6mQ15lMzsSgS3dR/V+w5iWSiMmG0H0t1pL9lr4o+nSKXhjOm9qT+UrXqbLUpiWmITwS1q6TPmZvSumEkoEzpYFr0ylbxHafk+uE8yvK9OWiYl9WEH/JdnMw2LVnVYur7LOe/r57MMxw4e/NxGKPo07pqgn8=';
const token = window.token? window.token: (window.token = devToken); const token = window.token? window.token: (window.token = devToken);
const debug = createDebug('test-拦截器');
export default { export default {
request: config => { request: config => {
config.headers.token = token; config.headers.token = token;
debug(config.headers);
const { interaction_timestamp: interactionTimestamp } = config.headers;
bus.$emit('request', { token, interactionTimestamp });
return config return config
}, },
response: res => { response: res => {
......
src/java_api/JavaLogTest/index.js
...@@ -22,13 +22,13 @@ function test_user_post(data) { ...@@ -22,13 +22,13 @@ function test_user_post(data) {
} }
/** 获取用户 */ /** 获取用户 */
function test_user_get(data) { function test_user_userId_get(data) {
return instance['get']( '/test/user', data) return instance['get'](convertRESTAPI('/test/user/{userId}', data), data)
} }
/** 删除一个用户 */ /** 删除一个用户 */
function test_user_delete(data) { function test_user_userId_delete(data) {
return instance['delete']( '/test/user', data) return instance['delete'](convertRESTAPI('/test/user/{userId}', data), data)
} }
/** 服务异常接口测试 */ /** 服务异常接口测试 */
...@@ -41,7 +41,7 @@ export { ...@@ -41,7 +41,7 @@ export {
test_user_page_head_get, test_user_page_head_get,
test_user_put, test_user_put,
test_user_post, test_user_post,
test_user_get, test_user_userId_get,
test_user_delete, test_user_userId_delete,
test_error_put test_error_put
}; };
src/main.js
...@@ -14,10 +14,14 @@ import collect from 'web_notebook-test1'; ...@@ -14,10 +14,14 @@ import collect from 'web_notebook-test1';
import debug from 'debug'; import debug from 'debug';
// 引入样式 // 引入样式
import './style/index.scss'; import './style/index.scss';
// 引入markdown编辑器
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(collect); Vue.use(collect);
Vue.use(element); Vue.use(element);
Vue.use(scan); Vue.use(scan);
Vue.use(mavonEditor)
Vue.config.productionTip = false; Vue.config.productionTip = false;
console.log(process.env.NODE_ENV ) console.log(process.env.NODE_ENV )
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === 'development') {
......
src/router/index.js
import Vue from 'vue'; import Vue from 'vue';
import Router from 'vue-router'; import Router from 'vue-router';
// import HelloWorld from '@/components/HelloWorld' // import HelloWorld from '@/components/HelloWorld'
import Index from '@/view/index'; import Index from '@/view/Index';
import ButtonClick from '@/view/ButtonClick' import ButtonClick from '@/view/ButtonClick'
Vue.use(Router); Vue.use(Router);
......
src/view/ButtonClick.vue
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<el-button @click="successfulClick">正常响应</el-button> <el-button @click="successfulClick">正常响应</el-button>
<el-button @click="errorClick">异常响应</el-button> <el-button @click="errorClick">异常响应</el-button>
<slot></slot>
</div> </div>
</template> </template>
...@@ -25,15 +26,25 @@ export default { ...@@ -25,15 +26,25 @@ export default {
* @information 服务器正常响应的点击事件 * @information 服务器正常响应的点击事件
*/ */
async successfulClick() { async successfulClick() {
const model = { const nodeModel = {
"userName": "string", "userName": "string",
"password": "string" "password": "string"
} }
let node = await nodeApi.rightServerPost({ const javaModel = {
param: [1, 2], userName: '张译',
data: model phone: '10086'
}); }
let java = await javaApi.test_error_put(); try {
await nodeApi.rightServerPost({
param: [1, 2],
data: nodeModel
});
await javaApi.test_user_post(javaModel);
} catch (error) {
}
this.$emit('get-log')
}, },
/** /**
* @date 2019.10.24 * @date 2019.10.24
...@@ -41,9 +52,19 @@ export default { ...@@ -41,9 +52,19 @@ export default {
* @information 服务器异常响应的点击事件 * @information 服务器异常响应的点击事件
*/ */
async errorClick() { async errorClick() {
await nodeApi.errorServerGet({ try {
query: {test: 111} await Promise.all([
}) nodeApi.errorServerGet({
query: {test: 111}
}),
javaApi.test_error_put()
])
// await
// await ;
} catch (error) {
}
this.$emit('get-log')
} }
} }
} }
......
src/view/index.vue → src/view/Index.vue
<template> <template>
<div id="index"> <div id="index">
<el-card class="box-card"> <div>
<div> <el-button type="info" plain @click="$router.push('buttonClick')">按钮测试页</el-button>
<div class='title'>Button点击</div> </div>
<div v-for="o in 4" :key="o" class="text item"> <vue-markdown>{{ README }}</vue-markdown>
{{'说明TODO ' + o }} </div>
</div>
</div>
<template slot="footer">
<div>
发布人:张某某
</div>
<div>
<el-button type="info" plain @click="$router.push('buttonClick')">按钮测试页</el-button>
</div>
</template>
</el-card>
</div>
</template> </template>
<script> <script>
...@@ -25,9 +13,23 @@ ...@@ -25,9 +13,23 @@
* @author author * @author author
* @date 2019-05-17 * @date 2019-05-17
*/ */
import VueMarkdown from 'vue-markdown';
import README from '../../README.md';
export default { export default {
mounted() { name: 'Index',
console.log("测试：", this); components: {
} VueMarkdown,
},
data() {
return {
mdValue: '',
edit: false,
README
}
},
mounted() {
console.log("测试：", this);
}
}; };
</script> </script>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论