jquery+django+ninjia走通“低代码”AI量化关键一步（代码+数据下载）

今天继续开发“低代码策略平台”。

咱们开源的Quantlab和DeepAlpha，尤其是DeepAlpha因子挖掘平台，对于环境的配置是比较高的，很多同学解决不了。

因此，我希望把这此功能平台化，大家可以直接使用。——当然大家希望自己读代码，仍然是可以从星球获得每周迭代升级的版本。

DeepAlpha通用因子挖掘：支持GPlearn遗传算法和深度强化学习挖掘因子（代码+数据下载）

Quantlab3.3代码发布：全新引擎 | 静态花开：年化13.9%，回撤小于15% | lightGBM实现排序学习

咱们平台的框架是Django。

没有使用前后端分离的架构，一是由于SEO等效果不好——老一代程序员，对于静态化和SEO还是有执念的。二是工程化引入的技术栈确实重，且没那么熟。——bootstrap+jquery构用了。bootstrap都只用3。

我们把精力还是花在策略和因子上。

今天的核心工作——通过jquery调用回测api(django+ninjia提供)，同步得到回测结果后，动态渲染到网页上，包括回测结果指标和曲线绘图（使用g2.min.js）。

效果还不错，明天加载etf列表，可以手动修改调仓模式等参数，添加回测区间等等细节。

代码下载位置：AI量化实验室——2024量化投资的星辰大海

{%extends 'common/base.html'%}


{% block main %}

<div class="container">
    <ol class="breadcrumb">
      <li><a href="/">首页</a></li>
      <li>“零代码”创建AI智能量化策略</li>
    </ol>


  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#pick" aria-controls="pick" role="tab" data-toggle="tab">选择ETF列表</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">规则配置</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">调仓配置</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">高级配置</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="pick">
        <div class="row" style="padding-top:10px">
              <div class="col-md-6">

              </div>
                <div class="col-md-6">
                    <table class="table table-striped">
                      <tr>
                          <td>名称</td>
                          <td>代码</td>
                      </tr>
                        <tr>
                          <td>沪深300ETF</td>
                          <td>510300.SH</td>
                            <td><button class="glyphicon glyphicon-remove" aria-hidden="true"></button></td>
                      </tr>
                    </table>
                </div>
          </div>

    <div>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">规则配置</div>
    <div role="tabpanel" class="tab-pane" id="messages">调仓配置</div>
    <div role="tabpanel" class="tab-pane" id="settings">高级配置</div>
  </div>

      <div>
          <button class="btn btn-success" id="backtest">策略回测</button>
      </div>

</div>
</div>
{% endblock %}

 {%block js%}
<script>

    $(".glyphicon-remove").click(function(){
        $(this).closest('tr').remove()
    });

    $('#backtest').click(function(){
        console.log('点击回测！')
        $.post("http://127.0.0.1:8000/api/strategy/run", {
              "task_id": 7,
              "start_date": "20100101",
              "end_date": ""
            } );
    });


</script>
  {%endblock%}