├── .gitignore
├── README.md
├── app.py
├── config.py
├── requirements.txt
├── static
    ├── dashboard.css
    ├── signin.css
    └── starter-template.css
└── templates
    ├── assets.html
    ├── dashboard.html
    ├── exchanges.html
    ├── hub.html
    ├── index.html
    ├── login.html
    ├── nav.html
    ├── signup.html
    └── strategy.html


/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | _obj
 3 | .tmp
 4 | _test
 5 | __pycache__
 6 | *.sqlite
 7 | *.sqlite3
 8 | *.pyc
 9 | *.sh
10 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # 零成本快速打造你自己专属的多用户量化交易平台
  2 | 
  3 | > 本范例项目展示了使用简单的HTML页面、python服务端程序 构建一个功能强大的量化交易平台。
  4 | 
  5 | 长期以来，量化交易平台 因其涉及技术种类多（前端，后台，数据库，回测系统，网络访问 等等），跨学科（金融、数学、计算机编程等），项目设计周期长，维护成本高 等诸多因素。造成 一些有志于 在程序化交易 、量化交易 上大展身手的 投资、资产管理团队，交易工作室，宽客爱好者等 中小交易者 望而却步！
  6 | 
  7 | 术业专攻一直是FMZ(发明者量化) 秉承的 发展理念，如今是信息、技术 飞速发展的时代。速度几乎决定着 一个项目的成败，一次投资的成败。只有更高的效率才是制胜的根本。
  8 | 
  9 | FMZ 对于 技术底层做出了强有力的支持，只需使用 FMZ 的 扩展 API 接口，就可以把你从繁杂的计算机技术、各个学科专业知识等问题中解放出来。
 10 | 
 11 | 仅仅只需要开发一个  WEB站点 、APP 或者 微信小程序  对接 FMZ 的技术底层 ，就可以实现一个专业的量化交易平台。
 12 | 
 13 | - ### 嵌入现有系统
 14 | 
 15 |   根据本DEMO项目可以参考编写服务端代码，增加前端页面以用来嵌入现有论坛，博客，社区等系统。
 16 |   以实现灵活接入现有用户群体，并且现有用户群体完全体验不到FMZ的底层技术支持，用户使用更加简洁，易操作。
 17 | 
 18 | - ### 支持市场
 19 | 
 20 |   - CTP 商品期货 （上期所、郑商所、大商所、中金所）
 21 |   - 易盛外盘 (CME, CBOT等主流国外期货交易所)
 22 |   - 全球交易30多个区块链资产交易平台
 23 | 
 24 | - ### 打造属于自己的量化平台
 25 | 
 26 |   - 高度自由的策略设计
 27 | 
 28 |     使用 Python 、JavaScript 、C++ 语言编写 量化交易策略，自由定制，可以在量化交易的世界天马行空般的实现自己的交易思路。
 29 | 
 30 |   - 强大高效的回测系统
 31 | 
 32 |     从此再也不用辛苦收集数据，本地回测系统引擎 只用一个命令轻松配置，链接：https://github.com/fmzquant/backtest_python
 33 | 
 34 |   - 精简的架构
 35 |   
 36 |     只用编写几个 前端页面，一个HTTP服务端程序，即可轻松搭建。
 37 |     
 38 | - ### DEMO项目
 39 |   
 40 |   - 名称：FMZ演示如何使用FMZ的扩展API打造自己的资产管理量化平台
 41 |   
 42 |   - 本DEMO项目 安装
 43 |     
 44 |     - 首先 clone 本DEMO项目
 45 | 
 46 |       ```
 47 |       git clone https://github.com/fmzquant/fmz_extend_api_demo.git 
 48 |       ```
 49 |     
 50 |       ![alt](https://www.fmz.com/upload/asset/c36383238f93ca220887b7d85e1a611ba3a99007.png)
 51 |     
 52 |     - 切换到这个 目录，执行 pip 安装
 53 | 
 54 |       ![alt](https://www.fmz.com/upload/asset/6074daa004ede3ce30eae01c0c7208a5db9708f5.png)
 55 |     
 56 |       ```
 57 |       pip install -r requirements.txt 
 58 |       ```
 59 |       
 60 |       ![alt](https://www.fmz.com/upload/asset/c4bdf77264d876f73dd628811865f484bb0992b7.png)
 61 |       
 62 |       注意：如果提示 Permission denied ， 需要 sudo pip install -r requirements.txt 这样执行 pip ，根据要求输入操作系统密码。
 63 |     
 64 |     - 安装完成后，配置一下 服务端程序 要使用的 FMZ 账号的 API KEY
 65 |       
 66 |       > FMZ 扩展 API KEY 使用 详见 FMZ API 文档：https://www.fmz.com/api#FMZ%20%E5%B9%B3%E5%8F%B0%E6%89%A9%E5%B1%95API
 67 |       
 68 |       创建 FMZ API KEY
 69 |       
 70 |       ![alt](https://www.fmz.com/upload/asset/28b430e0104147594a264d838838735db4114d9b.png)
 71 |     
 72 |       把 API KEY 写入 ，本DEMO 的 app.py 服务端程序。
 73 |       
 74 |       ![alt](https://www.fmz.com/upload/asset/426bb928998875dd0e7fbf5f43fed546a3ac2f2f.png )
 75 | 
 76 |   - 本DEMO项目 服务端运行命令
 77 | 
 78 |     ```
 79 |     python app.py
 80 |     ```
 81 |     
 82 |     - 运行显示：
 83 |       ![alt](https://www.fmz.com/upload/asset/60bb0b2e41e31d7354a461a63300841c24658a7f.png)
 84 |       运行服务端程序后，在浏览器打开本地页面：http://127.0.0.1:5000
 85 |       ![alt](https://www.fmz.com/upload/asset/6e179f4b1dd680dbcc4f8b96d189f289d780e853.png)
 86 |       
 87 |     - 测试注册页面
 88 |     
 89 |       ![alt](https://www.fmz.com/upload/asset/83b09142e42ae0ff4d9c8f789a771fb99c1f2d48.png)
 90 |       本项目 DEMO 量化平台 已经运行起来了，注册好 这个测试平台的 账号（储存在本地数据的），登录进去 配置 作为这个平台用户的 交易所API KEY。
 91 |       
 92 |       ![alt](https://www.fmz.com/upload/asset/d38f7155af07c0231dcdf632887585042268d058.png)
 93 |       ![alt](https://www.fmz.com/upload/asset/2c6f6c8021a8d69e357a2e0fe538f3a919f3f8b4.png)
 94 |      
 95 |       现在配置好了如图：
 96 |     
 97 |       ![alt](https://www.fmz.com/upload/asset/d7206a4113e2974683a614f455be8dc4fbce9f43.png)
 98 | 
 99 |       页面显示的三个策略 仅仅是 UI显示，这些还需要 资产管理量化平台 的管理者 具体设计实现，这里只做演示用。
100 |     
101 |     - 配置一个测试策略
102 |     
103 |       本DEMO项目 ，服务端 会检测到 “一键启动” 按钮按下，触发搜索FMZ账号中 包含 "main" 关键字的策略，使用该策略 绑定机器人运行。
104 |       所以我们先创建一个 名为 main Test profit 的策略
105 |       
106 |       main Test profit 策略代码如下：
107 |       
108 |       ```javascript
109 |       function main() {
110 |           while(true) {
111 |               LogProfit(Math.random()*100);
112 |               Sleep(1000);
113 |           }
114 |       }
115 |       ```
116 |       
117 |       ![alt](https://www.fmz.com/upload/asset/52792c59a5db460c0bdf5a229803b92f92b8cb07.png)
118 |       
119 |       编辑代码后，点击保存。
120 |       注意：在运行前必须确保有一个托管者在线，认识托管者：https://www.fmz.com/bbs-topic/463 。
121 | 
122 |     - 点击 “一键启动” 按钮， 会自动创建一个 机器人 运行，这个机器人 只会 随机输出数值作为收益数值显示出来。
123 |     
124 |       可以看到 在FMZ的控制中心上显示 出一个 新创建的机器人：
125 |       ![alt](https://www.fmz.com/upload/asset/61ff0f2319aaeb4138e43de626b2a0cf6b357435.png)
126 |     
127 |       DEMO 网页上也显示出对应的 随机数值
128 |       ![alt](https://www.fmz.com/upload/asset/73bb8cde3237d39e927edcaf3cf7a6187d174c1d.png)
129 |     
130 |     - 在FMZ 上运行的机器人 由 appId 识别 当前DEMO平台 登录的 用户
131 |       
132 |       ![alt](https://www.fmz.com/upload/asset/0d9a9751442b9dc78ba2a0c3b3bc2347c5cd8ab9.png)
133 |       
134 |       ```python
135 |       def robot_run(robotId, appId, exchanges):
136 |           strategyId = -1
137 |           # 从策略库里选出一个包含main字符串的策略运行, 也可以预定义
138 |           for ele in api("GetStrategyList")['data']['result']['strategies']:
139 |               if 'main' in ele['name']:
140 |                   strategyId = ele['id']
141 |           if strategyId < 0:
142 |               raise u"not found strategy"
143 |           settings = {
144 |                   "name":"robot for %s" % (appId, ),
145 |                   "args": [], # our custom arguments for this strategey
146 |                   "appid": appId, # 为该机器人设置标签,关联到本用户
147 |                   "period": 60,
148 |                   "strategy": strategyId,
149 |                   "exchanges": [],
150 |                   }
151 |           for e in exchanges:
152 |               settings["exchanges"].append({"eid": e.eid, "pair": get_default_stock(e.eid), "meta" :{"AccessKey": e.accessKey, "SecretKey": e.secretKey}})
153 |           if robotId > 0:
154 |               return api('RestartRobot', robotId, settings)
155 |           else:
156 |               return api('NewRobot', settings)
157 |       ```
158 |       可以看到 代码中 settings 是创建 机器人的配置信息， appid 就是用来 标记用户的。
159 |       
160 |     - 一个简单的交易中心
161 |     
162 |       DEMO附带了一个简单的交易中心, 以帮助用户了解FMZ平台扩展API
163 |       
164 |       ![alt](https://www.fmz.com/upload/asset/05da54385c1518514b1de45c0a484a5015a895c3.png) 
165 |       
166 | 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
  1 | #!encoding=utf8
  2 | 
  3 | 
  4 | import datetime
  5 | import json
  6 | import logging
  7 | import os
  8 | import time
  9 | 
 10 | try:
 11 |     import md5
 12 |     import urllib2
 13 |     from urllib import urlencode
 14 | except Exception as e:
 15 |     import hashlib as md5
 16 |     import urllib.request as urllib2
 17 |     from urllib.parse import urlencode
 18 | from flask import jsonify, request, Flask, render_template, redirect, url_for
 19 | from flask_bootstrap import Bootstrap
 20 | from flask_wtf import FlaskForm
 21 | from wtforms import StringField, PasswordField
 22 | from wtforms.validators import InputRequired, Email, Length
 23 | from flask_sqlalchemy import SQLAlchemy
 24 | from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
 25 | 
 26 | from config import BOTVS_ACCESS_KEY, BOTVS_SECRET_KEY
 27 | 
 28 | logging.basicConfig(level=logging.DEBUG, format='%(asctime)s [line:%(lineno)d] %(levelname)s %(message)s',
 29 |                     datefmt='%Y-%m-%d %H:%M:%S')
 30 | 
 31 | 
 32 | class cached(object):
 33 |     def __init__(self, *args, **kwargs):
 34 |         self.kv = {}
 35 |         self.timeout = kwargs.get("timeout", 0)
 36 | 
 37 |     def __call__(self, func):
 38 |         def inner(*args, **kwargs):
 39 |             if not kwargs.get('cache', False):
 40 |                 return func(*args, **kwargs)
 41 |             k = str(func) + '|' + ','.join(args)
 42 |             now = time.time()
 43 |             if self.timeout > 0 and (k not in self.kv or (now - self.kv[k]['fetch_time'] > self.timeout)):
 44 |                 res = func(*args, **kwargs)
 45 |                 self.kv[k] = {'data': res, 'fetch_time': now}
 46 |             return self.kv[k]['data']
 47 | 
 48 |         return inner
 49 | 
 50 | 
 51 | @cached(timeout=600)
 52 | def api(method, *args):
 53 |     d = {
 54 |         'version': '1.0',
 55 |         'access_key': BOTVS_ACCESS_KEY,
 56 |         'method': method,
 57 |         'args': json.dumps(list(args)),
 58 |         'nonce': int(time.time() * 1000),
 59 |     }
 60 |     d['sign'] = md5.md5(
 61 |         ('%s|%s|%s|%d|%s' % (d['version'], d['method'], d['args'], d['nonce'], BOTVS_SECRET_KEY)).encode(
 62 |             'utf-8')).hexdigest()
 63 |     return json.loads(
 64 |         urllib2.urlopen('https://www.fmz.com/api/v1', urlencode(d).encode('utf-8')).read().decode('utf-8'))
 65 | 
 66 | 
 67 | exchanges_list = None
 68 | 
 69 | 
 70 | def get_exchange_list(force=False):
 71 |     global exchanges_list
 72 |     if exchanges_list is None or force:
 73 |         exchanges_list = json.loads(urllib2.urlopen('https://www.fmz.com/chart/symbols.json').read())
 74 |         logging.debug(' * Initialize %d exchanges' % (len(exchanges_list),))
 75 |     return exchanges_list
 76 | 
 77 | 
 78 | def get_default_stock(eid):
 79 |     for e in get_exchange_list():
 80 |         if e['eid'] == eid:
 81 |             return e['stocks'].split(',')[0]
 82 | 
 83 | 
 84 | def plugin_run(exchanges, code, pair=None, period=900):
 85 |     settings = {"period": period / 60, "source": code, "exchanges": []}
 86 |     for e in exchanges:
 87 |         if pair is None:
 88 |             pair = get_default_stock(e.eid)
 89 |         settings["exchanges"].append(
 90 |             {"eid": e.eid, "pair": pair, "meta": {"AccessKey": e.accessKey, "SecretKey": e.secretKey}})
 91 |     return api('PluginRun', settings)
 92 | 
 93 | 
 94 | def robot_run(robotId, appId, exchanges):
 95 |     strategyId = -1
 96 |     # 从策略库里选出一个包含main字符串的策略运行, 也可以预定义
 97 |     for ele in api("GetStrategyList")['data']['result']['strategies']:
 98 |         if 'main' in ele['name']:
 99 |             strategyId = ele['id']
100 |     if strategyId < 0:
101 |         raise Exception(u"not found strategy")
102 |     settings = {
103 |         "name": "robot for %s" % (appId,),
104 |         "args": [],  # our custom arguments for this strategey
105 |         "appid": appId,  # 为该机器人设置标签,关联到本用户
106 |         "period": 60,
107 |         "strategy": strategyId,
108 |         "exchanges": [],
109 |     }
110 |     for e in exchanges:
111 |         settings["exchanges"].append({"eid": e.eid, "pair": get_default_stock(e.eid),
112 |                                       "meta": {"AccessKey": e.accessKey, "SecretKey": e.secretKey}})
113 |     if robotId > 0:
114 |         return api('RestartRobot', robotId, settings)
115 |     else:
116 |         return api('NewRobot', settings)
117 | 
118 | 
119 | app = Flask(__name__)
120 | app.config['SECRET_KEY'] = 'supposedtobeveryimportantsecret!'
121 | app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///' + os.path.join(os.path.dirname(os.path.abspath(__file__)),
122 |                                                                     'user.sqlite3')
123 | app.config['BOOTSTRAP_SERVE_LOCAL'] = True
124 | app.config['TEMPLATES_AUTO_RELOAD'] = True
125 | bootstrap = Bootstrap(app)
126 | 
127 | login_manager = LoginManager()
128 | login_manager.init_app(app)
129 | login_manager.login_view = 'login'
130 | 
131 | db = SQLAlchemy(app)
132 | 
133 | 
134 | class User(UserMixin, db.Model):
135 |     id = db.Column(db.Integer, primary_key=True)
136 |     username = db.Column(db.String(15), unique=True)
137 |     email = db.Column(db.String(50), unique=True)
138 |     password = db.Column(db.String(80))
139 |     date = db.Column(db.DateTime, default=datetime.datetime.now, onupdate=datetime.datetime.now)
140 | 
141 | 
142 | class Exchange(db.Model):
143 |     id = db.Column(db.Integer, primary_key=True)
144 |     user_id = db.Column(db.Integer, db.ForeignKey('user.id'))
145 |     eid = db.Column(db.String(80))
146 |     label = db.Column(db.String(80))
147 |     accessKey = db.Column(db.Text)
148 |     secretKey = db.Column(db.Text)
149 |     date = db.Column(db.DateTime, default=datetime.datetime.now, onupdate=datetime.datetime.now)
150 | 
151 | 
152 | db.create_all()
153 | db.session.commit()
154 | 
155 | 
156 | @login_manager.user_loader
157 | def load_user(user_id):
158 |     return User.query.get(int(user_id))
159 | 
160 | 
161 | class LoginForm(FlaskForm):
162 |     username = StringField(u'用户名', validators=[InputRequired(), Length(min=4, max=15)])
163 |     password = PasswordField(u'密码', validators=[InputRequired(), Length(min=8, max=80)])
164 | 
165 | 
166 | class RegisterForm(FlaskForm):
167 |     email = StringField(u'邮箱', validators=[InputRequired(), Email(message='无效的Email'), Length(max=50)])
168 |     username = StringField(u'用户名', validators=[InputRequired(), Length(min=4, max=15)])
169 |     password = PasswordField(u'密码', validators=[InputRequired(), Length(min=8, max=80)])
170 | 
171 | 
172 | @app.route('/')
173 | def index():
174 |     return render_template('index.html', current_user=current_user)
175 | 
176 | 
177 | @app.route('/update', methods=['GET', 'POST'])
178 | def update():
179 |     return jsonify(get_exchange_list(True))
180 | 
181 | 
182 | @app.route('/login', methods=['GET', 'POST'])
183 | def login():
184 |     form = LoginForm()
185 |     error = None
186 |     if current_user.is_authenticated:
187 |         return redirect(url_for('dashboard'))
188 | 
189 |     if form.validate_on_submit():
190 |         user = User.query.filter_by(username=form.username.data).first()
191 |         if user:
192 |             if user.password == md5.md5((user.email + '__slat__' + form.password.data).encode("utf8")).hexdigest():
193 |                 login_user(user)
194 |                 return redirect(url_for('dashboard'))
195 |         error = u'用户名或密码错误'
196 |     return render_template('login.html', current_user=current_user, form=form, error=error)
197 | 
198 | 
199 | @app.route('/signup', methods=['GET', 'POST'])
200 | def signup():
201 |     form = RegisterForm()
202 |     if form.validate_on_submit():
203 |         hashed_password = md5.md5((form.email.data + '__slat__' + form.password.data).encode("utf8")).hexdigest()
204 |         ele = User(username=form.username.data, email=form.email.data, password=hashed_password)
205 |         db.session.add(ele)
206 |         db.session.commit()
207 |         login_user(ele)
208 |         return redirect(url_for('dashboard'))
209 | 
210 |     return render_template('signup.html', current_user=current_user, form=form)
211 | 
212 | 
213 | @app.route('/dashboard')
214 | @login_required
215 | def dashboard():
216 |     appId = "appId_%d" % (current_user.id,)
217 |     # 通过标签或者对应的该用户所有的运行的机器人
218 |     robots = api('GetRobotList', appId)['data']['result']['robots']
219 |     robotId = -1
220 |     profit = .0
221 |     if len(robots) > 0:
222 |         robotId = robots[0]['id']
223 |     isRunning = False
224 |     for ele in robots:
225 |         profit = ele['profit']
226 |         if ele['status'] < 3:
227 |             isRunning = True
228 |             break
229 |     if request.method == "GET":
230 |         result = None
231 |         action = request.args.get('action', None)
232 |         if action:
233 |             if action == "refresh":
234 |                 # 刷新收益
235 |                 return jsonify({'profit': profit, 'running': isRunning})
236 |             elif action == "run":
237 |                 # 运行策略
238 |                 result = robot_run(robotId, appId, Exchange.query.filter_by(user_id=current_user.id).all())
239 |             elif action == "stop":
240 |                 # 停止策略(停止该用户所有的策略)
241 |                 for ele in robots:
242 |                     result = api('StopRobot', ele['id'])
243 |                 if not result:
244 |                     result = {'code': 0}
245 |             return jsonify(result)
246 | 
247 |     platforms = Exchange.query.filter_by(user_id=current_user.id).all()
248 |     return render_template('dashboard.html', current_user=current_user, platforms=platforms, running=isRunning,
249 |                            profit=profit)
250 | 
251 | 
252 | @app.route('/exchanges', methods=['GET', 'POST'])
253 | @login_required
254 | def exchanges():
255 |     error = None
256 |     if request.method == 'POST':
257 |         eid = request.form.get('eid', None)
258 |         label = request.form.get('label', None)
259 |         accessKey = request.form.get('accessKey', None)
260 |         secretKey = request.form.get('secretKey', None)
261 |         if eid and label and accessKey and secretKey:
262 |             ele = Exchange(user_id=current_user.id, eid=eid, label=label, accessKey=accessKey, secretKey=secretKey)
263 |             db.session.add(ele)
264 |             db.session.commit()
265 |             return redirect(url_for('assets'))
266 |         error = u"表格填写不完整"
267 |     return render_template('dashboard.html', current_user=current_user, exchanges=get_exchange_list(), error=error)
268 | 
269 | 
270 | @app.route('/assets', methods=['GET', 'POST'])
271 | @login_required
272 | def assets():
273 |     if request.method == "GET":
274 |         action = request.args.get('action', None)
275 |         if action == "del":
276 |             db.session.delete(Exchange.query.filter_by(user_id=current_user.id, id=request.args.get('pid', -1)).first())
277 |             db.session.commit()
278 |             return jsonify(results=True)
279 |     platforms = Exchange.query.filter_by(user_id=current_user.id).all()
280 |     return render_template('dashboard.html', current_user=current_user, platforms=platforms)
281 | 
282 | 
283 | @app.route('/hub', methods=['GET', 'POST'])
284 | @login_required
285 | def hub():
286 |     if request.method == "GET":
287 |         action = request.args.get('action', None)
288 |         symbol = request.args.get('symbol', None)
289 |         if action is not None:
290 |             action = action.lower().strip()
291 |         if symbol is not None:
292 |             symbol = symbol.split('.')[1]
293 |         args = json.loads(request.args.get('args', '[]'))
294 |         if action == "market":
295 |             # 手动刷新市场行情
296 |             r = plugin_run([Exchange.query.filter_by(user_id=current_user.id, id=request.args.get('pid', -1)).first()], '''
297 |         function main() {
298 |             exchange.SetTimeout(2000);
299 |             var a = exchange.Go("GetTicker");
300 |             var b = exchange.Go("GetDepth")
301 |             var c = exchange.Go("GetRecords");
302 |             return [a.wait(),b.wait(),c.wait()];
303 |         }
304 |             ''', symbol, args[0])
305 |             return jsonify(r)
306 |         elif action == "buy" or action == "sell":
307 |             r = plugin_run([Exchange.query.filter_by(user_id=current_user.id, id=request.args.get('pid', -1)).first()], '''
308 |         function main() {
309 |             exchange.SetTimeout(2000);
310 |             var pfn = '%s' == 'buy' ? exchange.Buy : exchange.Sell;
311 |             return pfn(%f, %f);
312 |         }
313 |             ''' % (action, args[0], args[1]), symbol)
314 |             return jsonify(r)
315 |         elif action == "cancel":
316 |             r = plugin_run([Exchange.query.filter_by(user_id=current_user.id, id=request.args.get('pid', -1)).first()], '''
317 |         function main() {
318 |             exchange.SetTimeout(2000);
319 |             return exchange.CancelOrder(%s)
320 |         }
321 |             ''' % (args[0]), symbol)
322 |             return jsonify(r)
323 |         elif action == "balance":
324 |             # 运行查询脚本(也可以定制实现任何想要的功能, 比如资产统计,一键平仓)
325 |             r = plugin_run([Exchange.query.filter_by(user_id=current_user.id, id=request.args.get('pid', -1)).first()], '''
326 |         function main() {
327 |             exchange.SetTimeout(2000);
328 |             return [exchange.GetOrders(), exchange.GetAccount()];
329 |         }
330 |             ''', symbol)
331 |             return jsonify(r)
332 |     platforms = Exchange.query.filter_by(user_id=current_user.id).all()
333 |     arr = []
334 |     es = get_exchange_list()
335 |     for ele in platforms:
336 |         for obj in es:
337 |             if obj['eid'] == ele.eid:
338 |                 arr.append({'id': ele.id, 'pid': ele.id, 'name': obj['name'], 'symbols': obj['symbols'], 'eid': ele.eid,
339 |                             'label': ele.label})
340 |                 break
341 |     return render_template('dashboard.html', current_user=current_user, platforms=json.dumps(arr))
342 | 
343 | 
344 | @app.route('/logout')
345 | @login_required
346 | def logout():
347 |     logout_user()
348 |     return redirect(url_for('index'))
349 | 
350 | 
351 | if __name__ == '__main__':
352 |     app.run(debug=False, threaded=True, host='127.0.0.1', port=5000)
353 | 


--------------------------------------------------------------------------------
/config.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python  
2 | # -*- coding:utf-8 -*-  
3 | 
4 | import os
5 | 
6 | # 配置BotVS平台的AccessKey与SecretKey (修改xxxxx/yyyyy)
7 | BOTVS_ACCESS_KEY = os.getenv('BOTVS_ACCESS_KEY', 'xxxxx')
8 | BOTVS_SECRET_KEY = os.getenv('BOTVS_SECRET_KEY', 'yyyyy')
9 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | Flask==1.0.0
2 | Flask-Bootstrap==3.3.7.1
3 | Flask-Login==0.4.1
4 | Flask-SQLAlchemy==2.3.2
5 | Flask-WTF==0.14.2
6 | 


--------------------------------------------------------------------------------
/static/dashboard.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Base structure
  3 |  */
  4 | 
  5 | /* Move down content because we have a fixed navbar that is 50px tall */
  6 | body {
  7 |   padding-top: 50px;
  8 | }
  9 | 
 10 | 
 11 | /*
 12 |  * Global add-ons
 13 |  */
 14 | 
 15 | .sub-header {
 16 |   padding-bottom: 10px;
 17 |   border-bottom: 1px solid #eee;
 18 | }
 19 | 
 20 | /*
 21 |  * Top navigation
 22 |  * Hide default border to remove 1px line.
 23 |  */
 24 | .navbar-fixed-top {
 25 |   border: 0;
 26 | }
 27 | 
 28 | /*
 29 |  * Sidebar
 30 |  */
 31 | 
 32 | /* Hide for mobile, show later */
 33 | .sidebar {
 34 |   display: none;
 35 | }
 36 | @media (min-width: 768px) {
 37 |   .sidebar {
 38 |     position: fixed;
 39 |     top: 51px;
 40 |     bottom: 0;
 41 |     left: 0;
 42 |     z-index: 1000;
 43 |     display: block;
 44 |     padding: 20px;
 45 |     overflow-x: hidden;
 46 |     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 47 |     background-color: #f5f5f5;
 48 |     border-right: 1px solid #eee;
 49 |   }
 50 | }
 51 | 
 52 | /* Sidebar navigation */
 53 | .nav-sidebar {
 54 |   margin-right: -21px; /* 20px padding + 1px border */
 55 |   margin-bottom: 20px;
 56 |   margin-left: -20px;
 57 | }
 58 | .nav-sidebar > li > a {
 59 |   padding-right: 20px;
 60 |   padding-left: 20px;
 61 | }
 62 | .nav-sidebar > .active > a,
 63 | .nav-sidebar > .active > a:hover,
 64 | .nav-sidebar > .active > a:focus {
 65 |   color: #fff;
 66 |   background-color: #428bca;
 67 | }
 68 | 
 69 | 
 70 | /*
 71 |  * Main content
 72 |  */
 73 | 
 74 | .main {
 75 |   padding: 20px;
 76 | }
 77 | @media (min-width: 768px) {
 78 |   .main {
 79 |     padding-right: 40px;
 80 |     padding-left: 40px;
 81 |   }
 82 | }
 83 | .main .page-header {
 84 |   margin-top: 0;
 85 | }
 86 | 
 87 | 
 88 | /*
 89 |  * Placeholder dashboard ideas
 90 |  */
 91 | 
 92 | .placeholders {
 93 |   margin-bottom: 30px;
 94 |   text-align: center;
 95 | }
 96 | .placeholders h4 {
 97 |   margin-bottom: 0;
 98 | }
 99 | .placeholder {
100 |   margin-bottom: 20px;
101 | }
102 | .placeholder img {
103 |   display: inline-block;
104 |   border-radius: 50%;
105 | }
106 | 


--------------------------------------------------------------------------------
/static/signin.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   padding-top: 40px;
 3 |   padding-bottom: 40px;
 4 |   background-color: #eee;
 5 | }
 6 | 
 7 | .form-signin {
 8 |   max-width: 330px;
 9 |   padding: 15px;
10 |   margin: 0 auto;
11 | }
12 | .form-signin .form-signin-heading,
13 | .form-signin .checkbox {
14 |   margin-bottom: 10px;
15 | }
16 | .form-signin .checkbox {
17 |   font-weight: normal;
18 | }
19 | .form-signin .form-control {
20 |   position: relative;
21 |   height: auto;
22 |   -webkit-box-sizing: border-box;
23 |      -moz-box-sizing: border-box;
24 |           box-sizing: border-box;
25 |   padding: 10px;
26 |   font-size: 16px;
27 | }
28 | .form-signin .form-control:focus {
29 |   z-index: 2;
30 | }
31 | .form-signin input[type="email"] {
32 |   margin-bottom: -1px;
33 |   border-bottom-right-radius: 0;
34 |   border-bottom-left-radius: 0;
35 | }
36 | .form-signin input[type="password"] {
37 |   margin-bottom: 10px;
38 |   border-top-left-radius: 0;
39 |   border-top-right-radius: 0;
40 | }
41 | 


--------------------------------------------------------------------------------
/static/starter-template.css:
--------------------------------------------------------------------------------
1 | body {
2 |   padding-top: 50px;
3 | }
4 | .starter-template {
5 |   padding: 40px 15px;
6 |   text-align: center;
7 | }
8 | 


--------------------------------------------------------------------------------
/templates/assets.html:
--------------------------------------------------------------------------------
 1 | {% if platforms %}
 2 | <script>
 3 |     function action(action, pid) {
 4 |         var btn = $("#btn_"+action+"_" + pid);
 5 |         var old = btn.text();
 6 |         btn.text("执行中...");
 7 |         btn.attr("disabled", true);
 8 |         $.ajax({ url: "/assets?action="+action+"&pid="+pid, success: function(res){
 9 |             if (action == "del") {
10 |                 $("#p_"+pid).remove();
11 |             }
12 |         }}).done(function( data ) {
13 |             btn.text(old);
14 |             btn.attr("disabled", false);
15 |             if (action == "balance") {
16 |                 if (typeof(data.error) === 'string') {
17 |                     alert(data.error);
18 |                 } else {
19 |                     try {
20 |                         var obj = JSON.parse(data.data.result);
21 |                         if (typeof(obj.error) === 'string') {
22 |                             alert(obj.error);
23 |                         } else {
24 |                             alert(obj.result);
25 |                         }
26 |                     } catch(e) {
27 |                         console.log(e);
28 |                     }
29 |                 }
30 |             }
31 |         }).always(function() {
32 |             btn.text(old);
33 |             btn.attr("disabled", false);
34 |         });
35 |     }
36 | </script>
37 | <div class="panel panel-default">
38 |   <!-- Default panel contents -->
39 |   <div class="panel-heading">已绑定资产</div>
40 |   <div class="panel-body">
41 |       <p>运行策略时可以跟交易所绑定起来<span class="pull-right"><a class="label label-success" href="{{url_for('exchanges')}}"><span class="glyphicon glyphicon-plus"></span>&nbsp;添加资产</a></span></p>
42 |   </div>
43 | 
44 |   <!-- Table -->
45 |     <table class="table table-striped">
46 |         <thead>
47 |             <tr>
48 |             <th>#</th>
49 |             <th>交易所</th>
50 |             <th>标签</th>
51 |             <th>添加时间</th>
52 |             <th>操作</th>
53 |             </tr>
54 |         </thead>
55 |         <tbody>
56 |             {% for ele in platforms %}
57 |             <tr id="p_{{ele.id}}">
58 |                 <td width=80>{{ele.id}}</td>
59 |                 <td>{{ ele.eid }}</td>
60 |                 <td>{{ ele.label }}</td>
61 |                 <td>{{ ele.date }}</td>
62 |                 <td width=160>
63 |                     <span class="btn btn-xs btn-danger" id="btn_del_{{ele.id}}" onclick="action('del', {{ele.id}})">删除</span>
64 |                     <a class="btn btn-xs btn-success" id="btn_balance_{{ele.id}}" href="{{ url_for('hub') }}">交易</a>
65 |                 </td>
66 |             </tr>
67 |             {% endfor %}
68 |         </tbody>
69 |     </table>
70 | </div>
71 | {% else %}
72 | <div class="alert alert-danger" role="alert" style="margin-top:20px">
73 |     <a href="/exchanges">你好没有绑定任何资产, 点击进行资产绑定 !</a>
74 | </div>
75 | {% endif %}
76 | 


--------------------------------------------------------------------------------
/templates/dashboard.html:
--------------------------------------------------------------------------------
 1 | {% extends "bootstrap/base.html" %}
 2 | 
 3 | {% block title %}
 4 | 控制中心
 5 | {% endblock %}
 6 | 
 7 | {% block styles %}
 8 | {{super()}}
 9 | <meta charset="utf-8">
10 | <meta http-equiv="X-UA-Compatible" content="IE=edge">
11 | <link rel="stylesheet" href="{{url_for('.static', filename='dashboard.css')}}">
12 | <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
13 | <script src="http://apps.bdimg.com/libs/alertify.js/0.3.11/alertify.min.js"></script>
14 | <link rel="stylesheet" href="http://apps.bdimg.com/libs/alertify.js/0.3.11/alertify.default.css">
15 | <link rel="stylesheet" href="http://apps.bdimg.com/libs/alertify.js/0.3.11/alertify.core.css">
16 | {% if request.path == '/hub' %}
17 | <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
18 | <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
19 | <script src="http://apps.bdimg.com/libs/moment/2.8.3/moment.js"></script>
20 | <script src="http://apps.bdimg.com/libs/underscore.js/1.7.0/underscore-min.js"></script>
21 | <script src="https://code.highcharts.com/stock/highstock.js"></script>
22 | <script src="https://code.highcharts.com/stock/indicators/indicators.js"></script>
23 | <script src="https://code.highcharts.com/stock/indicators/ema.js"></script>
24 | {% endif %}
25 | 
26 | {% endblock %}
27 | {% block content %}
28 | {% include "nav.html" %}
29 |     <div class="container-fluid">
30 |       <div class="row">
31 |         <div class="col-sm-3 col-md-2 sidebar">
32 |           <ul class="nav nav-sidebar">
33 |             <li class="{% if request.path == '/dashboard' %}active{%else%}inactive{% endif %}"><a href="/dashboard"><span class="glyphicon glyphicon-knight" style="width:20px"></span>投资策略</a></li>
34 |             <li class="{% if request.path == '/hub' %}active{%else%}inactive{% endif %}"><a href="/hub"><span class="glyphicon glyphicon-flash" style="width:20px"></span>交易中心</a></li>
35 |             <li class="{% if request.path == '/assets' %}active{%else%}inactive{% endif %}"><a href="/assets"><span class="glyphicon glyphicon-lock" style="width:20px"></span>资产状态</a></li>
36 |             <li class="{% if request.path == '/exchanges' %}active{%else%}inactive{% endif %}"><a href="/exchanges"><span class="glyphicon glyphicon-magnet" style="width:20px"></span>添加资产</a></li>
37 |           </ul>
38 |         </div>
39 |         <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
40 |             {% if request.path == '/dashboard' %}
41 |                 {% include "strategy.html" %}
42 |             {% else %}
43 |                 {% include request.path[1:]+".html" %}
44 |             {% endif %}
45 |         </div>
46 |       </div>
47 |     </div>
48 | {% endblock %}
49 | 


--------------------------------------------------------------------------------
/templates/exchanges.html:
--------------------------------------------------------------------------------
 1 | <div class="panel panel-default">
 2 |   <!-- Default panel contents -->
 3 |   <div class="panel-heading">绑定交易所</div>
 4 |   <div class="panel-body">
 5 |     <form class="form-horizontal" method="post">
 6 |         <div class="form-group">
 7 |             <label for="inputEmail3" class="col-sm-2 control-label">交易所</label>
 8 |             <div class="col-sm-3">
 9 |                 <select name="eid" class="form-control">
10 |                 {% for ele in exchanges %}
11 |                 <option value="{{ele.eid}}">{{ele.name}}</td>
12 |                 {% endfor %}
13 |                 </select>
14 |             </div>
15 |         </div>
16 |         <div class="form-group">
17 |             <label for="accessKey" class="col-sm-2 control-label">Access Key</label>
18 |             <div class="col-sm-8">
19 |             <input name="accessKey" id="accessKey" class="form-control" type="text" placeholder="AccessKey">
20 |             </div>
21 |         </div>
22 |         <div class="form-group">
23 |             <label for="secretKey" class="col-sm-2 control-label">Secret Key</label>
24 |             <div class="col-sm-8">
25 |             <input name="secretKey" id="secretKey" class="form-control" type="text" placeholder="SecretKey">
26 |             </div>
27 |         </div>
28 |         <div class="form-group">
29 |             <label for="label" class="col-sm-2 control-label">标签</label>
30 |             <div class="col-sm-8">
31 |             <input name="label" id="label" class="form-control" type="text" placeholder="Label">
32 |             </div>
33 |         </div>
34 |         <div class="form-group">
35 |             <div class="col-sm-offset-2 col-sm-8">
36 |             <button type="submit" class="btn btn-default">绑定交易所</button>
37 |             </div>
38 |         </div>
39 |     </form>
40 |   </div>
41 | </div>
42 | {% if error %}
43 | <div class="alert alert-danger" role="alert" style="margin-top:20px">
44 |     {{ error }}
45 | </div>
46 | {% endif %}
47 | 
48 | 


--------------------------------------------------------------------------------
/templates/hub.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <script>
  3 |     var platforms = {{ platforms | safe}};
  4 | </script>
  5 | {% raw %}
  6 | <div ng-app="myApp" ng-controller="myCtrl" ng-cloak>
  7 |     <div class="alert alert-danger" role="alert" ng-show="markets.length==0" style="margin-top:20px">
  8 |         <a href="/exchanges">你好没有绑定任何资产, 点击进行资产绑定 !</a>
  9 |     </div>
 10 |     <div class="row" ng-show="markets.length>0">
 11 |         <div class="alert alert-success" align="center">
 12 |             <div ng-show="ticker.update==0">
 13 |                 Loading...
 14 |             </div>
 15 |             <div ng-show="ticker.update>0">
 16 |                 <span><b>High</b>: {{ticker.high}}</span>
 17 |                 <span><b>Low</b>: {{ticker.low}}</span>
 18 |                 <span><b>Bid</b>: {{ticker.bid}}</span>
 19 |                 <span><b>Ask</b>: {{ticker.ask}}</span>
 20 |                 <span><b>Last</b>: <font color="red"><b>{{ticker.last}}</b></font></span>
 21 |                 <span><b>Vol</b>: {{ticker.vol}}</span>
 22 |             </div>
 23 |         </div>
 24 |         <div class="row">
 25 |             <div class="col-md-8">
 26 |                 <!--<label class="label label-danger" style="margin-right:5px">{{currentMarket.label}}.{{currentSymbol}}</label>-->
 27 |                 <div class="btn-group" role="group">
 28 |                     <button ng-repeat="ele in periodGroup" ng-click="switchPeriod(ele.v)" ng-class="{true:'btn btn-success btn-xs', false:'btn btn-default btn-xs'}[currentperiod==ele.v]">{{ ele.name}}</button>
 29 |                     <button class="btn btn-warning btn-xs" ng-disabled="isMarketLoading" ng-click="refreshMarket()"><i class="glyphicon glyphicon-refresh"></i></button>
 30 |                 </div>
 31 |                 <div class="pull-right">
 32 |                     <span style="margin-right:30px"><b>Update</b>: {{update}}</span>
 33 |                     <select style="height:25px" ng-model="currentMarket" ng-change="switchMarket()" ng-options="market.label for market in markets"></select>
 34 |                     <select style="height:25px" ng-model="currentSymbol" ng-change="switchMarket()" ng-options="symbol for symbol in currentMarket.symbols"></select>
 35 |                 </div>
 36 |                 <div style="height:380px;width:100%" id="ohlc_chart"></div>
 37 |                 <div style="margin-top:5px">
 38 |                     <ul class="nav nav-tabs">
 39 |                         <li role="presentation" class="inactive">
 40 |                             <a ng-href="#tab_0" role="tab" data-toggle="tab">Orders&nbsp;<span class="badge pull-right">{{ pending_orders.length }}</span></a>
 41 |                         </li>
 42 |                         <!--<li role="presentation" class="inactive">-->
 43 |                             <!--<a ng-href="#tab_1" role="tab" data-toggle="tab">History&nbsp;<span class="badge pull-right">{{ account.history }}</span></a>-->
 44 |                         <!--</li>-->
 45 |                         <li role="presentation" class="active">
 46 |                             <a ng-href="#tab_2" role="tab" data-toggle="tab">Assets</a>
 47 |                         </li>
 48 |                         <div class="pull-right">
 49 |                             <button class="btn btn-success btn-xs" ng-disabled="isLoading" ng-click="refresh()"><i class="glyphicon glyphicon-refresh"></i></button>
 50 |                         </div>
 51 |                     </ul>
 52 |                     <div class="tab-content" style="margin-top:15px">
 53 |                         <div role="tabpanel" class="tab-pane fade in inactive" id="tab_0">
 54 |                             <div ng-if="pending_orders.length==0">
 55 |                                 <div class="alert alert-success">Empty</div>
 56 |                             </div>
 57 |                             <table class="table table-condensed table-hover" ng-if="pending_orders.length>0">
 58 |                                 <thead>
 59 |                                     <tr>
 60 |                                         <th class="col-md-4">Id</th>
 61 |                                         <th class="col-md-1"></th>
 62 |                                         <th class="col-md-2" style="text-align:right;">Price</th>
 63 |                                         <th class="col-md-3" style="text-align:right;">Amount</th>
 64 |                                         <th class="col-md-2"></th>
 65 |                                     </tr>
 66 |                                 </thead>
 67 |                                 <tr ng-repeat="order in pending_orders">
 68 |                                     <td>{{ order.Id }}</td>
 69 |                                     <td ng-style="{color:order.side==0 ? '#e9573f' : '#4d9e33'}">{{ ['Bid', 'Ask'][order.Type]}}</td>
 70 |                                     <td align="right">{{ order.Price }}</td>
 71 |                                     <td align="right">{{ order.Amount}}</td>
 72 |                                     <td align="right">
 73 |                                         <button ng-if="order.Status==0" class="btn btn-default btn-xs" ng-disabled="isLoading" ng-click="cancel(order)"><i class="glyphicon glyphicon-remove"></i></button>
 74 |                                     </td>
 75 |                                 </tr>
 76 |                             </table>
 77 |                         </div>
 78 |                         <div role="tabpanel" class="tab-pane fade in inactive" id="tab_1">
 79 |                             <div ng-if="history_orders.length==0">
 80 |                                 <div class="alert alert-success">Empty</div>
 81 |                             </div>
 82 |                             <table class="table table-condensed table-hover" ng-if="history_orders.length>0">
 83 |                                 <thead>
 84 |                                     <tr>
 85 |                                         <th class="col-md-4">Time</th>
 86 |                                         <th class="col-md-1"></th>
 87 |                                         <th class="col-md-2" style="text-align:right;">Price</th>
 88 |                                         <th class="col-md-2" style="text-align:right;">Amount</th>
 89 |                                         <th class="col-md-1" style="text-align:right;">Fee</th>
 90 |                                         <th class="col-md-2" style="text-align:right;">State</th>
 91 |                                     </tr>
 92 |                                 </thead>
 93 |                                 <tr ng-repeat="order in history_orders | limitTo: history_page_size">
 94 |                                     <td>{{ order.created }}</td>
 95 |                                     <td ng-style="{color:order.side==0 ? '#e9573f' : '#4d9e33'}">{{ ['Limit', 'Market'][order.type] }} {{ ['Bid', 'Ask'][order.side] }}</td>
 96 |                                     <td align="right"><span popover-trigger="mouseenter" uib-popover="Avg: {{order.avg_price}}" ng-if="order.avg_price>0 && order.avg_price!=order.price" style="margin-right:3px;font-style:italic;font-size:11px;color:#cccccc">({{ order.avg_price}})</span>{{ order.price }}</td>
 97 |                                     <td align="right"><span popover-trigger="mouseenter" uib-popover="Deal: {{order.deal_amount}}" ng-if="order.deal_amount>0&&order.deal_amount!=order.amount" style="margin-right:3px;font-style:italic;font-size:11px;color:#cccccc">({{ order.deal_amount}})</span>{{ order.amount}}</td>
 98 |                                     <td align="right">{{ order.fee}}</td>
 99 |                                     <td align="right" ng-style="{'text-decoration':order.state==1 ? 'none' : 'line-through', color:order.state==1 ? '#4d9e33' : '#747474'}">{{ order.state == 1 ? 'Filled' : 'Cancelled'}}</td>
100 |                                 </tr>
101 |                             </table>
102 |                             <nav>
103 |                                 <ul class="pager">
104 |                                     <li ng-class="{disabled: history_page==0}"><a href ng-click="historyGo(0)">First</a></li>
105 |                                     <li ng-class="{disabled: history_page==0}"><a href ng-click="historyGo(-1)">Previous</a></li>
106 |                                     <span class="badge">{{history_page+1}}</span>
107 |                                     <li ng-class="{disabled: history_orders.length<history_page_size}"><a href ng-click="historyGo(1)">Next</a></li>
108 |                                 </ul>
109 |                             </nav>
110 |                         </div>
111 |                         <div role="tabpanel" class="tab-pane fade in active" id="tab_2">
112 |                             <table class="table table-condensed table-hover">
113 |                                 <thead>
114 |                                     <tr>
115 |                                         <th class="col-md-3">Assets</th>
116 |                                         <th class="col-md-2" style="text-align:center;">Free</th>
117 |                                         <th class="col-md-2" style="text-align:center;">Frozen</th>
118 |                                     </tr>
119 |                                 </thead>
120 |                                 <tr ng-repeat="item in assets">
121 |                                     <td>{{ item.currency }}</td>
122 |                                     <td align="center" style="color:blue">{{ item.free.toFixed(8) }}</td>
123 |                                     <td align="center" style="color:red">{{ item.frozen.toFixed(8) }}</td>
124 |                                 </tr>
125 |                             </table>
126 |                         </div>
127 |                     </div>
128 |                 </div>
129 |             </div>
130 |             <div class="col-md-4">
131 |                 <div class="panel panel-default">
132 |                     <div class="panel-heading">Last: <font color="red"><b>{{ticker.last || '--'}}</b></font><span class="pull-right"><input type="checkbox" ng-model="autoSync">&nbsp;Sync</span></div>
133 |                     <table class="table table-condensed table-hover">
134 |                         <thead>
135 |                             <tr>
136 |                                 <th style="width:8%;text-align:center">#</th>
137 |                                 <th style="width:26%;color:#e9573f;text-align:right">Amount</th>
138 |                                 <th style="width:20%;color:#e9573f;text-align:right">Bid</th>
139 |                                 <th style="width:20%;color:#4d9e33;text-align:left">Ask</th>
140 |                                 <th style="width:26%;color:#4d9e33;text-align:left">Amount</th>
141 |                             </tr>
142 |                         </thead>
143 |                         <tbody>
144 |                             <tr ng-repeat="row in depth.rows">
145 |                                 <td align="center">{{$index+1}} </td>
146 |                                 <td style="color:#e9573f" align="right" ng-click="op.bidAmount=op.askAmount=row[1][1]">{{ row[1][1] }} </td>
147 |                                 <td style="color:#e9573f" align="right" ng-click="op.bidPrice=op.askPrice=row[1][0]">{{ row[1][0] }} </td>
148 |                                 <td style="color:#4d9e33" align="left" ng-click="op.bidPrice=op.askPrice=row[0][0]">{{ row[0][0] }} </td>
149 |                                 <td style="color:#4d9e33" align="left" ng-click="op.bidAmount=op.askAmount=row[0][1]">{{ row[0][1] }} </td>
150 |                             </tr>
151 |                         </tbody>
152 |                     </table>
153 |                 </div>
154 |                 <div class="panel panel-default">
155 |                     <div class="panel-heading">Trade<span class="pull-right"><input type="checkbox" ng-model="op.isMarket">&nbsp;Market</span></div>
156 |                     <div class="panel-body">
157 |                         <div class="row">
158 |                             <div class="col-md-6 col-xs-6">
159 |                                 <input type="text" ng-change="op.bidPrice=cutNumber(op.bidPrice, currentMarket.ZPrecision)" tabIndex=1 ng-model="op.bidPrice" class="form-control">
160 |                             </div>
161 |                             <div class="col-md-6 col-xs-6">
162 |                                 <input type="text" ng-disabled="op.isMarket" ng-change="op.askPrice=cutNumber(op.askPrice, currentMarket.ZPrecision)" tabIndex=3 ng-model="op.askPrice" class="form-control">
163 |                             </div>
164 |                         </div>
165 |                         <div class="row" style="margin-top:8px">
166 |                             <div class="col-md-6 col-xs-6">
167 |                                 <input type="text" ng-disabled="op.isMarket" ng-change="op.bidAmount=cutNumber(op.bidAmount, currentMarket.XPrecision)" tabIndex=2 ng-model="op.bidAmount" class="form-control">
168 |                             </div>
169 |                             <div class="col-md-6 col-xs-6">
170 |                                 <input type="text" ng-change="op.askAmount=cutNumber(op.askAmount, currentMarket.XPrecision)" tabIndex=4 ng-model="op.askAmount" class="form-control">
171 |                             </div>
172 |                         </div>
173 |                         <div class="row" align="center" style="margin-top:5px">
174 |                             <div class="col-md-6 col-xs-6">
175 |                                 <button id="btn_buy" ng-disabled="isLoading" class="col-md-12 btn btn-danger" ng-click="buy()">Buy</button>
176 |                             </div>
177 |                             <div class="col-md-6 col-xs-6">
178 |                                 <button id="btn_sell" ng-disabled="isLoading" class="col-md-12 btn btn-primary" ng-click="sell()">Sell</button>
179 |                             </div>
180 |                         </div>
181 |                         <div class="row" align="center" style="margin-top:5px">
182 |                             <div class="col-md-6 col-xs-6">
183 |                                 <span class="label label-default pull-right">{{ assets.length == 2 ? assets[0].free.toFixed(8) : ''}}</span>
184 |                             </div>
185 |                             <div class="col-md-6 col-xs-6">
186 |                                 <span class="label label-default pull-left">{{ assets.length == 2 ? assets[1].free.toFixed(8) : '' }}</span>
187 |                             </div>
188 |                         </div>
189 |                     </div>
190 |                 </div>
191 |             </div>
192 |         </div>
193 |     </div>
194 | </div>
195 | 
196 | <script>
197 | var app = angular.module('myApp', []);
198 | app.controller('myCtrl', function($scope, $timeout) {
199 |     var ORDER_TYPE_LIMIT = 0;
200 |     var ORDER_TYPE_MARKET = 1;
201 |     var ORDER_BUY = 0;
202 |     var ORDER_SELL = 1;
203 |     function escapeHtml(unsafe) {
204 |         return unsafe
205 |             .replace(/&/g, "&amp;")
206 |             .replace(/</g, "&lt;")
207 |             .replace(/>/g, "&gt;")
208 |             .replace(/"/g, "&quot;")
209 |             .replace(/'/g, "&#039;");
210 |     }
211 | 
212 |     function _N(n, precision) {
213 |         return parseInt(Math.round(n * Math.pow(10, precision))) / Math.pow(10, precision)
214 |     }
215 | 
216 |     function _T(n) {
217 |         return moment(n).format('YYYY-MM-DD HH:mm:ss');
218 |     }
219 |     var maxTrades = 30;
220 |     $scope.autoSync = true;
221 |     $scope.ticker = {update:0};
222 |     $scope.depth = {rows: [], asks:[], bids:[]};
223 |     $scope.op = {};
224 |     $scope.markets = platforms;
225 |     if (platforms.length == 0) {
226 |         return;
227 |     }
228 |     var defPid = parseInt(localStorage.getItem("pid"));
229 |     var defSymbol = localStorage.getItem("symbol");
230 |     var found = false;
231 |     if (typeof(defSymbol) === 'string' && typeof(defPid) === 'number') {
232 |         var arr = defSymbol.toLowerCase().split('.');
233 |         for (var i = 0; i < $scope.markets.length && !found; i++) {
234 |             var obj = $scope.markets[i];
235 |             if (obj.pid == defPid) {
236 |                 found = true;
237 |                 for (var j = obj.symbols.length-1; j >= 0; j--) {
238 |                     $scope.currentMarket = obj;
239 |                     $scope.currentSymbol = obj.symbols[j];
240 |                     if (obj.symbols[j].toLowerCase() == defSymbol.toLowerCase()) {
241 |                         break
242 |                     }
243 |                 }
244 |             }
245 |         }
246 |     }
247 |     if (!found) {
248 |         $scope.currentMarket = $scope.markets[0];
249 |         $scope.currentSymbol = $scope.markets[0].symbols[0];
250 |     }
251 |     $scope.assets = [];
252 |     $scope.pending_orders = [];
253 |     $scope.symbol = $scope.currentMarket.eid + "." + $scope.currentSymbol;
254 |     var __pid = $scope.currentMarket.pid;
255 |     $scope.periodGroup = [
256 |         {name:'1m', v:1*60},
257 |         {name:'5m', v:5*60},
258 |         {name:'15m', v:15*60},
259 |         {name:'30m', v:30*60},
260 |         {name:'1h', v:60*60},
261 |         {name:'1d', v:1440*60},
262 |     ]
263 |     $scope.currentperiod = localStorage.getItem("period") || 15*60;
264 | 
265 |     $scope.trades = [];
266 |     $scope.cutNumber = function(n, precision) {
267 |         n = n.replace(/[^0-9\.]/g, '');
268 |         var arr = n.split('.');
269 |         if (arr.length == 2) {
270 |             if (arr[1].length > precision) {
271 |                 n = arr[0] + "." + arr[1].slice(0, precision);
272 |             }
273 |         }
274 |         return n;
275 |     }
276 | 
277 |     var chart = null;
278 |     var preTime = 0;
279 |     Highcharts.setOptions({
280 |         global: {
281 |             useUTC: false
282 |         },
283 |         credits: {
284 |             enabled: false
285 |         }
286 |     });
287 | 
288 | 
289 |     function updateChart(ohlc, volume) {
290 |         var chartElement = "ohlc_chart";
291 |         if (chart == null) {
292 |             var groupingUnits = [
293 |                 [ 'minute', [60] ],
294 |                 [ 'hour', [1] ],
295 |                 [ 'day', [1] ],
296 |                 [ 'week', [1] ],
297 |                 [ 'month', [1, 3, 6] ],
298 |                 [ 'year', null ]
299 |             ];
300 |             var cfg = {
301 |                 title: {
302 |                     text: null
303 |                 },
304 |                 legend: {
305 |                     enabled: false
306 |                 },
307 |                 exporting: {
308 |                     enabled: false
309 |                 },
310 |                 chart: {
311 |                     renderTo: chartElement, 
312 |                 },
313 |                 plotOptions: {
314 |                     series: {
315 |                         turboThreshold: 0,
316 |                         marker:{
317 |                             enabled:false,
318 |                         },
319 |                     },
320 |                     candlestick: {
321 |                         color: '#d75442',
322 |                         upColor: '#6ba583'
323 |                     },
324 |                 },
325 |                 rangeSelector: {
326 |                     enabled: false,
327 |                 },
328 |                 tooltip: {
329 |                     xDateFormat: '%Y-%m-%d %H:%M:%S',
330 |                     color: '#f0f',
331 |                     borderColor: '#058dc7',
332 |                     crosshairs: true,
333 |                     shared: true,
334 |                     snap: 1,
335 |                 },
336 |                 yAxis: [{
337 |                     height: '95%',
338 |                     gridLineWidth: 0,
339 |                 }, {
340 |                     labels: {
341 |                         enabled: false
342 |                     },
343 |                     top: '95%',
344 |                     height: '5%',
345 |                     offset: 0,
346 |                     gridLineWidth: 0
347 |                 }],
348 |                 series: [{
349 |                     type: 'candlestick',
350 |                     name: $scope.symbol,
351 |                     id: 'primary',
352 |                     data: ohlc,
353 |                     dataGrouping: {
354 |                         units: groupingUnits
355 |                     }
356 |                 }, {
357 |                     type: 'column',
358 |                     name: 'Volume',
359 |                     data: volume,
360 |                     tooltip: {
361 |                         valueDecimals: 8
362 |                     },
363 |                     yAxis: 1,
364 |                     dataGrouping: {
365 |                         units: groupingUnits
366 |                     }
367 |                 }, {
368 |                     name: "EMA (7)",
369 |                     type: 'ema',
370 |                     linkedTo: 'primary',
371 |                     lineWidth: 1,
372 |                     params: { period: 7 }
373 |                 }, {
374 |                     name: "EMA (30)",
375 |                     type: 'ema',
376 |                     linkedTo: 'primary',
377 |                     lineWidth: 1,
378 |                     params: { period: 30 }
379 |                 }]
380 |             };
381 |             chart = new Highcharts.StockChart(cfg, function(chart) {
382 |                 if (ohlc.length > 0) {
383 |                     chart.xAxis[0].setExtremes(ohlc[ohlc.length-Math.min(ohlc.length, 50)].x, ohlc[ohlc.length-1].x);
384 |                 }
385 |                 window._chart = chart;
386 |             });
387 |         } else {
388 |             var needShift = chart.series[0].data.length > 2000;
389 |             for (var i = 0; i < ohlc.length; i++) {
390 |                 var point = chart.get(ohlc[i].id);
391 |                 if (point) {
392 |                     point.update(ohlc[i], false);
393 |                 } else {
394 |                     chart.series[0].addPoint(ohlc[i], false, needShift);
395 |                 }
396 |                 point = chart.get(volume[i].id);
397 |                 if (point) {
398 |                     point.update(volume[i], false);
399 |                 } else {
400 |                     chart.series[1].addPoint(volume[i], false, needShift);
401 |                 }
402 |             }
403 |             chart.redraw();
404 |         }
405 | 
406 |         if (window._chart.series[0].data.length > 0) {
407 |             $scope.ticker.last = window._chart.series[0].data[window._chart.series[0].data.length-1].close;
408 |         }
409 |     }
410 | 
411 |     var channels = [];
412 |     ['ticker', 'depth', 'ohlc@'+$scope.currentperiod].map(function(c){
413 |         channels.push($scope.symbol.toLowerCase()+"."+c);
414 |     });
415 |     var addr = "wss://www.fmz.com/chart/wsapi/stream?streams="+channels.join("/");
416 |     var wsStatus = 0;
417 |     var wsObj = null;
418 |     $scope.retryTime = 0;
419 |     var preDepth = null;
420 |     function Listener() {
421 |         $scope.retryTime++;
422 |         var ws = new WebSocket(addr);
423 |         wsObj = ws;
424 |         ws.onopen = function() {
425 |             wsStatus = 1;
426 |             console.log("ws onopen");
427 |         }
428 |         ws.onmessage = function(message) {
429 |             $scope.$apply(function(){
430 |                 angular.fromJson(message.data).map(function(ele){;
431 |                     if (typeof(ele.e) == 'string') {
432 |                         var arr = ele.e.split('.');
433 |                         var e = arr[2];
434 |                         if (e == 'ticker') {
435 |                             if ($scope.autoSync) {
436 |                                 $scope.ticker = _.extend({'update': ele.t}, ele.d);
437 |                                 $scope.update = _T(ele.t) + "." + ele.t%1000;
438 |                             }
439 |                         } else if (e.indexOf('ohlc') !== -1) {
440 |                             if ($scope.autoSync) {
441 |                                 var ohlc = [];
442 |                                 var volume = [];
443 |                                 for (var i = 0; i < ele.d.length; i++) {
444 |                                     var obj = ele.d[i];
445 |                                     var x = obj.t;
446 |                                     ohlc.push({id:'k_' + x, x:x, open:obj.o, high:obj.h, low:obj.l, close:obj.c});
447 |                                     volume.push({id: 'v_' + x, x:x, y: obj.v});
448 |                                 }
449 |                                 updateChart(ohlc, volume);
450 |                             }
451 |                         } else if (e == 'trade') {
452 |                             /*
453 |                             var arr = $scope.trades.concat(ele.d);
454 |                             if (arr.length > maxTrades) {
455 |                                 arr = arr.slice(arr.length-maxTrades);
456 |                             }
457 |                             $scope.trades = arr;
458 |                             */
459 |                         } else if (e == 'depth') {
460 |                             if (ele.d.s) {
461 |                                 var mp = {asks:{}, bids:{}}
462 |                                 for (var k in mp) {
463 |                                     _.each(ele.d[k], function(pair) {
464 |                                         mp[k][pair[0]] = pair[1];
465 |                                     });
466 |                                 }
467 |                                 preDepth = ele;
468 |                                 preDepth.mp = mp;
469 |                             } else if (preDepth && ele.d.u - preDepth.d.u == 1) {
470 |                                 for (var k in preDepth.mp) {
471 |                                     _.each(ele.d[k], function(item) {
472 |                                         if (item[1] == "0") {
473 |                                             delete preDepth.mp[k][item[0]];
474 |                                         } else {
475 |                                             preDepth.mp[k][item[0]] = item[1];
476 |                                         }
477 |                                     });
478 |                                 }
479 |                                 preDepth.d.u = ele.d.u;
480 |                             }
481 |                             var depth = {Time: ele.t, Asks: [], Bids: []};
482 |                             for (var k in preDepth.mp.asks) {
483 |                                 depth.Asks.push([Number(k), Number(preDepth.mp.asks[k])])
484 |                             }
485 |                             for (var k in preDepth.mp.bids) {
486 |                                 depth.Bids.push([Number(k), Number(preDepth.mp.bids[k])])
487 |                             }
488 |                             depth.Asks.sort(function(a,b) {
489 |                                 if (a[0] > b[0]) {
490 |                                     return 1;
491 |                                 } else if (a[0] < b[0]) {
492 |                                     return -1;
493 |                                 }
494 |                                 return 0;
495 |                             });
496 |                             depth.Bids.sort(function(a,b) {
497 |                                 if (a[0] > b[0]) {
498 |                                     return -1;
499 |                                 } else if (a[0] < b[0]) {
500 |                                     return 1;
501 |                                 }
502 |                                 return 0;
503 |                             });
504 |                             if ($scope.autoSync) {
505 |                                 var asks = depth.Asks;
506 |                                 var bids = depth.Bids;
507 |                                 var rows = [];
508 |                                 var maxLen = Math.min(10, Math.max(asks.length, bids.length));
509 |                                 if (asks.length > 0) {
510 |                                     $scope.ticker.ask = asks[0][0];
511 |                                 }
512 |                                 if (bids.length > 0) {
513 |                                     $scope.ticker.bid = bids[0][0];
514 |                                 }
515 |                                 for (var i = 0; i < maxLen; i++) {
516 |                                     rows.push([asks[i] || [undefined, undefined], bids[i] || [undefined, undefined]]);
517 |                                 }
518 |                                 $scope.depth = {rows:rows};
519 |                             }
520 |                         }
521 |                     }
522 |                 })
523 |             });
524 |         }
525 |         ws.onclose = function(msg) {
526 |             wsStatus = 2;
527 |             console.log("ws onclose");
528 |         }
529 |     }
530 |     Listener();
531 |     setInterval(function() {
532 |         if (wsStatus == 2) {
533 |             wsStatus = 0;
534 |             Listener();
535 |         }
536 |     }, 500);
537 | 
538 |     function goSymbol(pid, symbol) {
539 |         localStorage.setItem("pid", pid);
540 |         localStorage.setItem("symbol", symbol);
541 |         location.reload(true);
542 |     }
543 | 
544 |     $scope.switchPeriod = function(period) {
545 |         if (period == $scope.currentperiod) {
546 |             return
547 |         }
548 |         localStorage.setItem("period", period);
549 |         location.reload(true);
550 |     }
551 | 
552 |     $scope.switchMarket = function() {
553 |         goSymbol($scope.currentMarket.pid, $scope.currentSymbol);
554 |     }
555 |     $scope.$on('$destroy', function() {
556 |         if (wsObj) {
557 |             wsObj.close();
558 |         }
559 |     });
560 |     function updateMarket(obj) {
561 |         // ticker
562 |         if (obj[0]) {
563 |             var ticker = obj[0];
564 |             $scope.ticker.update = new Date().getTime();
565 |             $scope.ticker.ask = ticker.Sell;
566 |             $scope.ticker.bid = ticker.Buy;
567 |             $scope.ticker.high = ticker.High;
568 |             $scope.ticker.low = ticker.Low;
569 |             $scope.ticker.last = ticker.Last;
570 |             $scope.ticker.vol = ticker.Volume;
571 |         }
572 |         // depth
573 |         if (obj[1]) {
574 |             var asks = obj[1].Asks;
575 |             var bids = obj[1].Bids;
576 |             var rows = [];
577 |             var maxLen = Math.min(10, Math.max(asks.length, bids.length));
578 |             if (asks.length > 0) {
579 |                 $scope.ticker.ask = asks[0].Price;
580 |             }
581 |             if (bids.length > 0) {
582 |                 $scope.ticker.bid = bids[0].Price;
583 |             }
584 |             for (var i = 0; i < maxLen; i++) {
585 |                 rows.push([[asks[i].Price, asks[i].Amount] || [undefined, undefined], [bids[i].Price, bids[i].Amount] || [undefined, undefined]]);
586 |             }
587 |             $scope.depth = {rows:rows};
588 |         }
589 |         // ohlc
590 |         if (obj[2]) {
591 |             var records = obj[2];
592 |             var ohlc = [];
593 |             var volume = [];
594 |             for (var i = 0; i < records.length; i++) {
595 |                 var obj = records[i];
596 |                 var x = obj.Time;
597 |                 ohlc.push({id:'k_' + x, x:x, open:obj.Open, high:obj.High, low:obj.Low, close:obj.Close});
598 |                 volume.push({id: 'v_' + x, x:x, y: obj.Volume});
599 |             }
600 |             if (chart) {
601 |                 chart.destroy();
602 |                 chart = null;
603 |             }
604 |             updateChart(ohlc, volume);
605 |         }
606 |         $scope.update = _T(new Date().getTime());
607 |     }
608 |     function action(action, symbol, args) {
609 |         if (typeof(args) === 'undefined') {
610 |             args = [];
611 |         }
612 |         if (action == "market") {
613 |             $scope.isMarketLoading = true;
614 |         } else {
615 |             $scope.isLoading = true;
616 |         }
617 |         $.ajax({ url: "/hub?action="+action+"&symbol="+symbol+"&args="+angular.toJson(args)+"&pid="+__pid, success: function(res){
618 |             if (action == "market") {
619 |                 $scope.isMarketLoading = false;
620 |             } else {
621 |                 $scope.isLoading = false;
622 |             }
623 |             var errMsg = "";
624 |             if (res.code == 0) {
625 |                 var dic = angular.fromJson(res.data.result);
626 |                 var obj = angular.fromJson(dic.result);
627 |                 if (obj) {
628 |                     if (action == 'balance') {
629 |                         var arr = symbol.split('.')[1].split('_');
630 |                         var orders = obj[0];
631 |                         var acc = obj[1];
632 |                         if (orders) {
633 |                             $scope.pending_orders = obj[0];
634 |                         }
635 |                         if (acc) {
636 |                             $scope.assets = [
637 |                                 {currency: arr[1], free: acc.Balance, frozen: acc.FrozenBalance},
638 |                                 {currency: arr[0], free: acc.Stocks, frozen: acc.FrozenStocks},
639 |                             ];
640 |                         }
641 |                     } else if (action == "market") {
642 |                         updateMarket(obj);
643 |                     } else {
644 |                         console.log("RET:", action, obj);
645 |                     }
646 |                 }
647 |                 var errMsg = "";
648 |                 if (typeof(dic.logs) !== 'undefined') {
649 |                     for (var i = 0; i < dic.logs.length; i++) {
650 |                         if (dic.logs[i].LogType==3) {
651 |                             errMsg = dic.logs[i].Extra;
652 |                             break;
653 |                         }
654 |                     }
655 |                 }
656 |             }
657 |             if (action != "balance" && action != "market") {
658 |                 $scope.updateBalance();
659 |             }
660 |             $scope.$digest();
661 |             if (errMsg.length > 0){
662 |                 if (errMsg.length > 1024) {
663 |                     errMsg = errMsg.substring(0, 1024) + " ...";
664 |                 }
665 |                 alertify.log("Error: " + escapeHtml(errMsg));
666 |             }
667 |         }}).done(function( data ) {
668 |         }).always(function() {
669 |             if (action == "market") {
670 |                 $scope.isMarketLoading = false;
671 |             } else {
672 |                 $scope.isLoading = false;
673 |             }
674 |         });
675 |     }
676 | 
677 |     $scope.updateBalance = function() {
678 |         action("balance", $scope.symbol, []);
679 |     }
680 | 
681 |     $scope.buy = function() {
682 |         var price = parseFloat($scope.op.bidPrice);
683 |         var amount = parseFloat($scope.op.bidAmount);
684 |         if (isNaN(price) || (!$scope.op.isMarket && isNaN(amount))) {
685 |             return;
686 |         }
687 |         if ($scope.op.isMarket) {
688 |             amount = price;
689 |             price = -1;
690 |         }
691 |         action("buy", $scope.symbol, [price, amount])
692 |     };
693 |     $scope.sell = function() {
694 |         var price = parseFloat($scope.op.askPrice);
695 |         var amount = parseFloat($scope.op.askAmount);
696 |         if ((!$scope.op.isMarket && isNaN(price)) || isNaN(amount)) {
697 |             return;
698 |         }
699 |         if ($scope.op.isMarket) {
700 |             price = -1;
701 |         }
702 |         action("sell", $scope.symbol, [price, amount])
703 |     };
704 |     $scope.cancel = function(order) {
705 |         action("cancel", $scope.symbol, [order.Id])
706 |     };
707 |     $scope.refresh = function() {
708 |         $scope.updateBalance();
709 |     }
710 |     $scope.refreshMarket = function() {
711 |         action("market", $scope.symbol, [parseInt($scope.currentperiod)]);
712 |     }
713 |     $timeout($scope.updateBalance, 0);
714 | });
715 | </script>
716 | {% endraw %}
717 | 


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
 1 | {% extends "bootstrap/base.html" %}
 2 | 
 3 | {% block title %}
 4 | BotVS API Demo
 5 | {% endblock %}
 6 | 
 7 | {% block styles %}
 8 | {{super()}}
 9 | <link rel="stylesheet" href="{{url_for('.static', filename='starter-template.css')}}">
10 | {% endblock %}
11 | 
12 | {% block content %}
13 |     {% include "nav.html" %}
14 |     <div class="container">
15 |       <div class="starter-template">
16 |         <h1>BotVS</h1>
17 |         <p class="lead">演示如何使用FMZ的扩展API打造自己的资产管理量化平台</p>
18 |         <p>连接国内商品期货, 外盘CME/CBOT等, 以及主流全球35家区块链资产交易所, 策略运行调度全部托管于发明者量化(FMZ.COM)</p>
19 |         <a target="_blank" href="https://www.fmz.com/api#%E6%89%A9%E5%B1%95API">详细API文档</a>
20 |       </div>
21 |     </div>
22 | {% endblock %}
23 | 


--------------------------------------------------------------------------------
/templates/login.html:
--------------------------------------------------------------------------------
 1 | {% extends "bootstrap/base.html" %}
 2 | {% import "bootstrap/wtf.html" as wtf %}
 3 | 
 4 | {% block title %}
 5 | 登录
 6 | {% endblock %}
 7 | 
 8 | {% block styles %}
 9 | {{super()}}
10 | <link rel="stylesheet" href="{{url_for('.static', filename='signin.css')}}">
11 | {% endblock %}
12 | 
13 | {% block content %}
14 |     {% include "nav.html" %}
15 |     <div class="container">
16 |       <form class="form-signin" method="POST" action="/login">
17 |         {% if error %}
18 |         <div class="alert alert-danger" role="alert" style="margin-top:20px">
19 |             {{ error }}
20 |         </div>
21 |         {% endif %}
22 |         <h2 class="form-signin-heading">登录</h2>
23 |         {{ form.hidden_tag() }}
24 |         {{ wtf.form_field(form.username) }}
25 |         {{ wtf.form_field(form.password) }}
26 |         <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
27 |       </form>
28 | 
29 |     </div> <!-- /container -->
30 | {% endblock %}
31 | 


--------------------------------------------------------------------------------
/templates/nav.html:
--------------------------------------------------------------------------------
 1 | {% if not current_user.is_authenticated %}
 2 | <nav class="navbar navbar-inverse navbar-fixed-top">
 3 |     <div class="container">
 4 |         <div class="navbar-header">
 5 |             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 6 |             <span class="sr-only">Toggle navigation</span>
 7 |             <span class="icon-bar"></span>
 8 |             <span class="icon-bar"></span>
 9 |             <span class="icon-bar"></span>
10 |             </button>
11 |             <span class="navbar-brand">BotVS API Demo</span>
12 |         </div>
13 |         <div id="navbar" class="collapse navbar-collapse">
14 |             <ul class="nav navbar-nav">
15 |             <li class="{% if request.path == '/' %}active{%else%}inactive{% endif %}"><a href="/">首页</a></li>
16 |             </ul>
17 |             <ul class="nav navbar-nav navbar-right">
18 |             <li class="{% if request.path == '/login' %}active{%else%}inactive{% endif %}"><a href="{{ url_for('login') }}"><span class="glyphicon glyphicon-log-in"></span>&nbsp;登录</a></li>
19 |             <li class="{% if request.path == '/signup' %}active{%else%}inactive{% endif %}"><a href="{{ url_for('signup') }}"><span class="glyphicon glyphicon-user"></span>&nbsp;注册</a></li>
20 |             </ul>
21 |         </div>
22 |     </div>
23 | </nav>
24 | {% else %}
25 | <nav class="navbar navbar-inverse navbar-fixed-top">
26 |     <div class="container-fluid">
27 |     <div class="navbar-header">
28 |         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
29 |         <span class="sr-only">Toggle navigation</span>
30 |         <span class="icon-bar"></span>
31 |         <span class="icon-bar"></span>
32 |         <span class="icon-bar"></span>
33 |         </button>
34 |         <span class="navbar-brand">Welcome, {{current_user.username}} !</span>
35 |     </div>
36 |     <div id="navbar" class="navbar-collapse collapse">
37 |         <ul class="nav navbar-nav navbar-right">
38 |             <li class="active"><a href="/dashboard"><span class="glyphicon glyphicon-dashboard"></span>&nbsp;控制中心</a></li>
39 |             <li><a href="{{ url_for('logout') }}"><span class="glyphicon glyphicon-log-out"></span>&nbsp;退出</a></li>
40 |         </ul>
41 |     </div>
42 |     </div>
43 | </nav>
44 | {% endif %}
45 | 


--------------------------------------------------------------------------------
/templates/signup.html:
--------------------------------------------------------------------------------
 1 | {% extends "bootstrap/base.html" %}
 2 | {% import "bootstrap/wtf.html" as wtf %}
 3 | 
 4 | {% block title %}
 5 | Sign Up
 6 | {% endblock %}
 7 | 
 8 | {% block styles %}
 9 | {{super()}}
10 | <link rel="stylesheet" href="{{url_for('.static', filename='signin.css')}}">
11 | {% endblock %}
12 | 
13 | {% block content %}
14 | <div class="container">
15 |   {% include "nav.html" %}
16 |   <form class="form-signin" method="POST" action="/signup">
17 |     <h2 class="form-signin-heading">注册新用户</h2>
18 |     {{ form.hidden_tag() }}
19 |     {{ wtf.form_field(form.username) }}
20 |     {{ wtf.form_field(form.email) }}
21 |     {{ wtf.form_field(form.password) }}
22 |     <button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
23 |   </form>
24 | 
25 | </div> <!-- /container -->
26 | {% endblock %}
27 | 


--------------------------------------------------------------------------------
/templates/strategy.html:
--------------------------------------------------------------------------------
  1 | {% if platforms %}
  2 | <script>
  3 |     function runRobot(action) {
  4 |         var btnRun = $("#btnRun");
  5 |         var btnStop = $("#btnStop");
  6 |         if (action == "run") {
  7 |             btnRun.text("启动中...");
  8 |             btnRun.attr("disabled", true);
  9 |         } else {
 10 |             btnStop.text("停止中...");
 11 |             btnStop.attr("disabled", true);
 12 |             btnRun.hide();
 13 |         }
 14 |         var success = false;
 15 |         $.ajax({ url: "/dashboard?action="+action, success: function(res){
 16 |             if (typeof(res.code) === 'number' && res.code != 0) {
 17 |                 success = false;
 18 |             } else {
 19 |                 if (action == "run") {
 20 |                     btnRun.text("运行中...");
 21 |                     btnStop.show();
 22 |                     success = true;
 23 |                 } else {
 24 |                     btnRun.show();
 25 |                     btnStop.hide();
 26 |                     btnStop.text("停止");
 27 |                     btnStop.attr("disabled", false);
 28 |                 }
 29 |             }
 30 |         }}).always(function() {
 31 |             if (!success) {
 32 |                 btnRun.text("一键启动");
 33 |                 btnRun.attr("disabled", false);
 34 |             }
 35 |         });
 36 |     }
 37 |     function refresh() {
 38 |         $.ajax({ url: "/dashboard?action=refresh", success: function(res){
 39 |             if (typeof(res.profit) == 'number') {
 40 |                 $('#robot_profit').text(res.profit);
 41 |             }
 42 |             if (typeof(res.running) == 'boolean') {
 43 |                 
 44 |             }
 45 |         }}).always(function() {
 46 |             setTimeout(refresh, 5000);
 47 |         });
 48 |     }
 49 |     setTimeout(refresh, 5000);
 50 | </script>
 51 | <div class="panel panel-default">
 52 |   <!-- Default panel contents -->
 53 |   <div class="panel-heading">策略组合</div>
 54 |     <div class="panel-body">
 55 |         <small>可以自定义资金分配比例</small>
 56 |     </div>
 57 |     <table class="table">
 58 |         <thead>
 59 |             <th width=300>策略名称</th>
 60 |             <th>资金占比</th>
 61 |             <th>风格</th>
 62 |             <th>交易平台</th>
 63 |         </thead>
 64 |         <tr>
 65 |             <td>追涨杀跌趋势策略</td>
 66 |             <td>
 67 |                 <div class="progress">
 68 |                     <div class="progress-bar progress-bar-success active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
 69 |                         <span>50%</span>
 70 |                     </div>
 71 |                 </div>
 72 |             </td>
 73 |             <td>
 74 |                 <span class="label label-danger">长线求稳</span>
 75 |             </td>
 76 |             <td>
 77 |                 {% for ele in platforms %}
 78 |                     <span class="label label-success">{{ ele.label }}</span>
 79 |                 {% endfor %}
 80 |             </td>
 81 |         </tr>
 82 |         <tr>
 83 |             <td>对冲高频套利交易</td>
 84 |             <td>
 85 |                 <div class="progress">
 86 |                     <div class="progress-bar progress-bar-warning active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
 87 |                         <span>30%</span>
 88 |                     </div>
 89 |                 </div>
 90 |             </td>
 91 |             <td>
 92 |                 <span class="label label-warning">微利</span>
 93 |             </td>
 94 |             <td>
 95 |                 {% for ele in platforms %}
 96 |                     <span class="label label-success">{{ ele.label }}</span>
 97 |                 {% endfor %}
 98 |             </td>
 99 |         </tr>
100 |         <tr>
101 |             <td>区块链资产轮动策略</td>
102 |             <td>
103 |                 <div class="progress">
104 |                     <div class="progress-bar progress-bar-danger active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
105 |                         <span>20%</span>
106 |                     </div>
107 |                 </div>
108 |             </td>
109 |             <td>
110 |                 <span class="label label-success">只交易优质链</span>
111 |             </td>
112 |             <td>
113 |                 {% for ele in platforms %}
114 |                     <span class="label label-success">{{ ele.label }}</span>
115 |                 {% endfor %}
116 |             </td>
117 |         </tr>
118 |     </table>
119 | </div>
120 | <div class="row">
121 |     <div class="col-md-6">
122 |         <b>当前利润</b>: <b style="color:red" id="robot_profit">{{ profit }}</font>
123 |     </div>
124 |     <div class="col-md-6">
125 |         <div class="pull-right">
126 |             <button class="btn btn-success" id="btnRun" style="display:{%if running%}none{%else%}blocked{%endif%}" onclick="runRobot('run')">一键启动</button>
127 |             <button class="btn btn-danger" id="btnStop" style="display:{%if running%}blocked{%else%}none{%endif%}" onclick="runRobot('stop')">停止</button>
128 |         </div>
129 |     </div>
130 | </div>
131 | {% else %}
132 | <div class="alert alert-danger" role="alert" style="margin-top:20px">
133 |     <a href="/exchanges">你好没有绑定任何资产, 点击进行资产绑定 !</a>
134 | </div>
135 | {% endif %}
136 | 


--------------------------------------------------------------------------------