QUANTAXIS_VISUALIZATION 开发地址 on Github
介绍
QUANTAXIS_VISUALIZATION 的前身是QUANTAXIS_DATACENTER,本意是做成独立的数据可视化模块,但是随着项目的逐步扩张,QUANTAXIS_DATACENTER的定位逐渐不明确了.
随着模块和功能的逐步增加,我们希望采用一种语言去完成大部分的工作,并同时开放出API给别的语言模块去调用(无论是REST还是以dll的形式打包).再三考虑以后,我们选用了nodejs,一个是因为nodejs对于网络爬虫,前端服务都有天然的优势(解析html,ajax请求,爬虫,前后端交互);另一个原因在于nodejs的成熟的包管理器以及没有版本升级等坑的存在(python的版本升级的坑很影响我们对于普适性的要求).
开始的时候,QUANTAXIS_VISUALIZATION是包含在QUANTAXIS_SPIDER模块中进行开发的,在对于爬虫模块进行重构以后,我们选择将可视化部分切出来,与QUANTAXIS_DATACENTER合并,并改名为QUANTAXIS_VISUALIZATION,专门负责界面,可视化部分.
QUANTAXIS_VISUALIZATION使用nodejs开发,前端基于Vue2.0和ELECTRON.
DAY1
安装项目
# Install vue-cli and scaffold boilerplate
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# Install dependencies and run your app
cd my-project
npm install
npm run dev
在app/目录下,安装
"dependencies": {
"axios": "^0.15.3",
"keycode": "^2.1.8",
"less": "^2.7.2",
"less-loader": "^2.2.3",
"muse-ui": "^2.0.0-rc.5",
"style-loader": "^0.13.1",
"vue": "^2.1.0",
"vue-awesome-swiper": "^2.3.1",
"vue-resource": "^1.1.2",
"vue-router": "^2.2.0",
"vuex": "^2.1.1"
}
引入UI
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css'
import './theme-carbon.css'
Vue.use(MuseUI)
欢迎页
教程页
导航栏
发布 build
D:\projects\projects\quantaxis_visualization\frontend\quantaxis [dev-front-back ≡ +1 ~0 -0 !] λ
npm run build win32
> [email protected] build D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> node tasks/release.js "win32"
Building webpack in production mode...
> [email protected] pack D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> npm run pack:main && npm run pack:renderer
> [email protected] pack:main D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> cross-env NODE_ENV=production webpack -p --progress --colors --config webpack.main.config.js
0% compiling
10% building modules 0/1 modules 1 active ...ntend\quantaxis\app\src\main\inde
10% building modules 1/1 modules 0 active
10% building modules 2/2 modules 0 active
71% sealing
74% module optimization
75% advanced module optimization
79% module and chunk tree optimization
80% module reviving
81% module order optimization 82% module id optimiz
84% chunk order optimization
85% chunk id optimization
86% hashing
88% chunk assets processing
89% additional chunk assets processing
91% additional asset processing
94% asset optimization
95% emitting
Hash: f887bb40c90e6f3d9373
Version: webpack 2.2.1
Time: 1485ms
Asset Size Chunks Chunk Names
main.js 931 bytes 0 [emitted] main
[1] ./app/src/main/index.js 745 bytes {0} [built]
+ 1 hidden modules
> [email protected] pack:renderer D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> cross-env NODE_ENV=production webpack -p --progress --colors --config webpack.renderer.config.js
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
0% compiling
10% building modules 0/1 modules 1 active ...nd\quantaxis\app\src\renderer\mai
10% building modules 1/2 modules 1 active external "vue" 10% building modules 2/2 modules 0 active
10% building modules 2/3 modules 1 active external "v 10% building modules 3/ 10% building modules 6/6 modules 0 active 10% building modules 6/7 modules 1 a 10% building modules 7/7 modules 0 active
10% building modules 7/8 modules 1 active ...ules\babel-runtime\helpers\extends.js
10% building modules 7/9 modules 2 active ...nd\quantaxis\app\src\renderer\App.vue
10% building modules 7/10 modules 3 active ...\src\renderer\components\HomePage.vue
10% building modules 7/11 modules 4 active ...app\src\renderer\components\Start.vue
10% building modules 7/12 modules 5 active ...nderer\components\LandingPageView.vue
10% building modules 7/13 modules 6 active ...xis\app\src\renderer\theme-carbon.css
10% building modules 8/13 modules 5 active ...nderer\components\LandingPageView.vue
10% building modules 8/14 modules 6 11% building modules 9/14 modules 5 active ...nderer\components\LandingPageView.vue 11% building modules 9/15 modules 6 11% building modules 9/16 modules 7 active ...xis\app\src\renderer\theme-carbon.css 11% building modules 9/17 modules 8 active ...ode_modules\style-loader\addStyles.js
11% building modules 10/17 modules 7 active ...ode_modules\style-loader\addStyles.js
11% building modules 11/17 modules 6 active ...ode_modules\style-loader\addStyles.js
11% building modules 12/17 modules 5 active ...ode_modules\style-loader\addStyles.js
11% building modules 13/17 modules 4 active ...ode_modules\style-loader\addStyles.js
11% building modules 14/17 modules 3 active ...ode_modules\style-loader\addStyles.js
11% building modules 15/17 modules 12% building modules 17/17 modules 0 act 12% building modules 17/18 modules 1 active ...abel-runtime\core-js\object\ass 12% building modules 17/19 modules 2 active ...nd\quantaxis\app\src\renderer\App.vue 12% building modules 17/21 modules 12% building modules 20/22 modules 2 active ...nderer\components\LandingPageView.vue 12% building modules 21/22 modules 1 active ...abel-runtime\core-js\object\assign.js
12% building modules 21/23 modules 2 active ...ue-loader\lib\component-normalizer.js
12% building modules 21/24 modules 3 active ...nd\quantaxis\app\src\renderer\App.vue
12% building modules 21/26 modules 12% building modules 21/27 modules 6 active ...nderer\components\LandingPageView.vue 12% building modules 22/27 modules 13% building modules 25/28 modules 3 active ...de_modules\css-loader\lib\css-base.js 13% building modules 25/29 modules 4 active ...nents\LandingPageView\CurrentPage.vue
13% building modules 25/30 modules 5 active ...\components\LandingPageView\Links.vue
13% building modules 25/31 modules 13% building modules 25/32 modules 7 active ...ntaxis\app\src\renderer\vuex\store.js 13% building modules 26/32 modules 13% building modules 27/33 modules 6 active ...nd\quantaxis\app\src\renderer\App.vue 13% building modules 28/33 modules 13% building modules 29/35 modules 6 active ...app\src\renderer\components\Start.vue 13% building modules 30/35 modules 13% building modules 31/39 modules 8 active ...app\src\renderer\components\Start.vue 13% building modules 31/40 modules 9 active ...nderer\components\LandingPageView.vue
13% building modules 32/40 modules 8 active ...nderer\components\LandingPageView.vue
13% building modules 33/40 modules 7 active ...nderer\components\LandingPageView.vue
14% building modules 34/40 modules 6 active ...nderer\components\LandingPageView.vue
14% building modules 35/40 modules 14% building modules 36/40 modules 4 active ...ntaxis\app\src\renderer\vuex\store.js 14% building modules 37/40 modules 3 active ...ntaxis\app\src\renderer\vuex\store.js
14% building modules 38/40 modules 14% building modules 39/41 modules 2 active ...nents\LandingPageView\CurrentPage.vue 14% building modules 40/41 modules 1 active ...ntaxis\app\src\renderer\vuex\store.js
14% building modules 40/42 modules 14% building modules 41/43 modules 2 active ...nents\LandingPageView\CurrentPage.vue 15% building modules 42/43 modules 15% building modules 43/44 modules 1 active ...ntaxis\app\src\renderer\vuex\store.js 15% building modules 43/45 modules 2 active ...\components\LandingPageView\Links.vue
15% building modules 44/45 modules 1 active ...ntaxis\app\src\renderer\vuex\store.js
15% building modules 44/46 modules 2 active ...\components\LandingPageView\Links.vue
15% building modules 44/47 modules 15% building modules 47/49 modules 2 active ...mponents\L
15% building modules 48/50 modules 16% building modules 50/50 modules 0 act 16% building modules 51/52 modules 1 active ...e-style-loader\lib\addStylesCli 16% building modules 51/53 modules 2 active ...axis\app\src\renderer\vuex\actions.js 16% building modules 51/54 modules 3 active ...axis\app\src\renderer\vuex\getters.js
16% building modules 51/55 modules 16% building modules 54/57 modules 3 active ...s\core-js\library\fn\object\assign.js 16% building modules 54/58 modules 16% building modules 58/60 modules 2 active ...rer\vuex\modules nonrecursive /\.js$/ 17% building modules 59/60 modules 17% building modules 60/60 modules 0 act 17% building modules 60/62 modules 2 active ...ules\core-js\library\modules\_core.js
17% building modules 60/63 modules 3 active ...src\renderer\vuex\modules\counters.js
17% building modules 61/63 modules 17% building modules 63/63 modules 0 act 17% building modules 63/64 modules 1 active ...es\core-js\library\modules\_exp 17% building modules 63/66 modules 3 active ...bel-runtime\helpers\defineProperty.js 17% building modules 64/66 modules 17% building modules 65/66 modules 1 active
17% building modules 66/66 modules 0 active 17% building modules 66/67 modules 1 active ...es\core-js\library\modules\_global.js
17% building modules 66/68 modules 2 active ...dules\core-js\library\modules\_ctx.js
17% building modules 66/69 modules 17% building modules 66/74 modules 8 active ...s\core-js\library\modules\_iobject.js 17% building modules 66/75 modules 9 active ...les\core-js\library\modules\_fails.js
17% building modules 66/76 module 18% building modules 67/76 modules 9 active ...ime\core-js\object\define-property.js 18% building modules 68/76 modules 8 active ...ime\core-js\object\define-property.js
18% building modules 69/76 modules 18% building modules 70/76 modules 6 active ...ime\core-js\object\define-property.js 18% building modules 72/76 modules 4 active ...ime\core-js\object\define-property.js
18% building modules 73/76 modules 19% building modules 76/76 modules 0 act 19% building modules 76/77 modules 1 active ...ore-js\library\modules\_a-function.js
19% building modules 76/78 modules 2 active ...core-js\library\modules\_object-dp.js
19% building modules 76/79 modules 3 active ...-js\library\modules\_property-desc.js
19% building modules 76/80 modules 4 active ...re-js\library\modules\_descriptors.js
19% building modules 76/81 modules 5 active ...rary\modules\_object-keys-internal.js
19% building modules 76/82 modules 6 active ...-js\library\modules\_enum-bug-keys.js
19% building modules 76/83 modules 7 active ...s\core-js\library\modules\_defined.js
19% building modules 76/84 modules 8 active ...dules\core-js\library\modules\_cof.js
19% building modules 76/85 modules 19% building modules 79/85 modules 6 active ...\library\fn\object\define-property.js 19% building modules 80/85 modules 5 active ...\library\fn\object\define-property.js
19% building modules 81/85 modules 19% building modules 82/85 modules 3 active ...\library\fn\object\define-property.js 19% building modules 83/85 modules 2 active ...\library\fn\object\define-property.js
20% building modules 84/85 modules 20% building modules 85/85 modules 0 act 20% building modules 85/86 modules 1 active ...core-js\library\modules\_an-object.js
20% building modules 85/87 modules 2 active ...js\library\modules\_ie8-dom-define.js
20% building modules 85/88 modules 3 active ...e-js\library\modules\_to-primitive.js
20% building modules 85/89 modules 4 active ...dules\core-js\library\modules\_has.js
20% building modules 85/90 modules 5 active ...ore-js\library\modules\_to-iobject.js
20% building modules 85/91 modules 6 active ...js\library\modules\_array-includes.js
20% building modules 85/92 modules 7 active ...ore-js\library\modules\_shared-key.js
20% building modules 85/93 modules 20% building modules 86/93 modules 7 active ...modules\es6.object.define-property.js 20% building modules 87/93 modules 20% building modules 88/93 modules 5 active ...modules\es6.object.define-property.js 20% building modules 89/93 modules 4 active ...modules\es6.object.define-property.js
20% building modules 90/93 modules 21% building modules 92/93 modules 1 active
21% building modules 93/93 modules 0 active
21% building modules 93/94 modules 1 active ...core-js\library\modules\_is-object.js
21% building modules 93/95 modules 2 active ...ore-js\library\modules\_dom-create.js
21% building modules 93/96 modules 3 active ...core-js\library\modules\_to-length.js
21% building modules 93/97 modules 4 active ...\core-js\library\modules\_to-index.js
21% building modules 93/98 modules 5 active ...es\core-js\library\modules\_shared.js
21% building modules 93/99 modules 21% building modules 94/99 modules 5 active ...dules\core-js\library\modules\_uid.js 21% building modules 95/99 modules 4 active ...dules\core-js\library\modules\_uid.js
21% building modules 96/99 modules 3 active ...dules\core-js\library\modules\_uid.js
21% building modules 97/99 modules 21% building modules 98/99 modules 1 active
21% building modules 99/99 modules 0 active 21% building modules 99/100 modules 1 active ...ore-js\library\modules\_to-in 22% building modules 100/100 modules 0 71% sealing 72% optimizing 74% module optimization
75% advanced module optimization 76% 78% advanced chunk optimization 22% building modules 100/101 modules 1 active ...node_modules\mu 22% building modules 102/102 modules 0 active
80% module reviving 81% module order optimization 82 83% chu 85% chunk id optimization 86% hashing 87% module assets processing 89% additional chunk assets processing 90% recording
91% additional asset processing 92 94% a 95% emitt
Hash: a1455e542d0a0686dec3
Version: webpack 2.2.1
Time: 12512ms
Asset Size Chunks Chunk Names
imgs/logo.png 61.9 kB [emitted]
renderer.js 22.2 kB 0 [emitted] renderer
styles.css 112 kB 0 [emitted] renderer
index.html 309 bytes [emitted]
[0] ./~/vue-loader/lib/component-normalizer.js 1.12 kB {0} [built]
[17] ./app/src/renderer/routes.js 312 bytes {0} [built]
[18] ./~/babel-runtime/helpers/extends.js 544 bytes {0} [built]
[19] ./app/~/muse-ui/dist/muse-ui.css 41 bytes {0} [built]
[20] ./app/src/renderer/theme-carbon.css 41 bytes {0} [built]
[21] ./app/src/renderer/App.vue 728 bytes {0} [built]
[31] ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./app/src/renderer/App.vue 234 bytes {0} [built]
[37] ./~/babel-runtime/core-js/object/assign.js 94 bytes {0} [built]
[40] ./~/core-js/library/fn/object/assign.js 106 bytes {0} [built]
[80] ./~/vue-loader/lib/template-compiler.js?id=data-v-1651b987!./~/vue-loader/lib/selector.js?type=template&index=0!./app/src/renderer/App.vue 1.53 kB {0} [built]
[87] ./~/vue-loader/~/vue-style-loader!./~/css-loader?minimize!./~/vue-loader/lib/style-rewriter.js?id=data-v-1651b987!./~/vue-loader/lib/selector.js?type=styles&index=0!./app/src/renderer/App.vue 1.45 kB {0} [built]
[96] ./app/src/renderer/main.js 614 bytes {0} [built]
[97] ./~/css-loader!./app/~/muse-ui/dist/muse-ui.css 103 kB [built]
[98] ./~/css-loader!./app/src/renderer/theme-carbon.css 8.86 kB [built]
[99] ./~/style-loader/addStyles.js 7.15 kB [built]
+ 85 hidden modules
Child html-webpack-plugin for "index.html":
[0] ./~/lodash/lodash.js 540 kB {0} [built]
[1] (webpack)/buildin/module.js 517 bytes {0} [built]
[2] ./~/html-webpack-plugin/lib/loader.js!./app/index.ejs 1.02 kB {0} [built]
Child extract-text-webpack-plugin:
[0] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] ./~/css-loader!./app/~/muse-ui/dist/muse-ui.css 103 kB {0} [built]
Child extract-text-webpack-plugin:
[0] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] ./~/css-loader!./app/src/renderer/theme-carbon.css 8.86 kB {0} [built]
Building electron app(s)...