QUANTAXIS_Visualization 开发流程

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

> quantaxis@0.0.0 build D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> node tasks/release.js "win32"

Building webpack in production mode...


> quantaxis@0.0.0 pack D:\projects\projects\quantaxis_visualization\frontend\quantaxis
> npm run pack:main && npm run pack:renderer



> quantaxis@0.0.0 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


> quantaxis@0.0.0 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)...
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 199,711评论 5赞 468
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 83,932评论 2赞 376
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 146,770评论 0赞 330
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 53,799评论 1赞 271
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 62,697评论 5赞 359
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,069评论 1赞 276
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,535评论 3赞 390
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,200评论 0赞 254
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,353评论 1赞 294
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2赞 317
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,020评论 3赞 315
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,610评论 3赞 303
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1赞 255
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2赞 346
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2赞 341

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,270评论 25赞 707
  • 等你好久
    等你好久 等过春秋 等过冬夏 等过春风卷着红叶路过夏天的荷塘 等过秋雨拥着梨花睡在冬季的雪浪 等你的思念 是我站在...
    无常静默阅读 362评论 2赞 1
  • 《滚蛋吧，肿瘤君》，为爱为梦想
    1. 你什么时候会感到幸福，因为吃了一顿饭、见了一个老友、听了一首好歌吗? 可是我们真的有这么灵敏的感知幸福的能力...
    何君故阅读 271评论 1赞 1