Django rest framework, serializer - после отправки методом POST не будет возвращаться на домашнюю страницу - PullRequest
Новая
       0

Django rest framework, serializer - после отправки методом POST не будет возвращаться на домашнюю страницу

0 голосов
/ 31 мая 2018

Я новичок в Джанго.Я запутался, потому что после того, как я отправил запрос POST, среда отдыха django приведет меня на эту страницу здесь

enter image description here

вместо того, чтобы привести менявернуться на мою домашнюю страницу

это мои views.py:

class TableData(APIView):
  def post(self,request,*args,**kwargs):
    startRange = request.POST.get('mcap')
    endRange = int(startRange) + 29868
    sector = request.POST['cat']
    print(str(sector))
    stocks =  StockInfo.objects.filter(Q(company__company_categories__contains=sector),Q(companymcap__range=(startRange,endRange)),Q(datetimecollect__contains=datetime.date(2018,3,13)))
    serializer = TableSerializer(stocks,many=True)
    return Response(serializer.data)

my serializers.py:

class TableSerializer(serializers.ModelSerializer):

    #stocks = serializers.StringRelatedField(many=True)

    company_name = serializers.CharField(source='company.company_name')
    company_id = serializers.IntegerField(source='company.company_id')
    company_categories = serializers.CharField(source='company.company_categories')
    class Meta:
        model = StockInfo
        fields = ('company_name', 'company_id', 'company_categories','companyprice', 'companyvolume', 'companyeps', 'companydps', 'companynta', 'companype', 'companydy', 'companyroe', 'companyptbv', 'companymcap')

Моя первоначальная идея заключается в том, что после того, как человекнекоторые критерии из моей HTML-формы, а затем, когда они отправляют форму, я буду запрашивать базу данных на основе их критериев и загружать ее в сериализатор.Затем с помощью сериализатора, чтобы заполнить мою таблицу данных ajax на моей html-странице.

Я старался изо всех сил, и я до сих пор не знаю, что не так ...

EDITED

Допустим, если бы я использовал вместе с данными AJAX ... я все еще делаю это так же, как я перенаправил эту страницу?ниже, во фрагменте таблицы данных ajax в моем mypage.html 

$(document).ready(function() {
                                        var table = $('#datatable').dataTable( {
                                             "processing": true,
                                             "searching": false,
                                             "ajax": {
                                                 "processing": true,
                                                 "url": "{% url 'tableData' %}",
                                                 "dataSrc": ""
                                             },

                                             "columns": [
                                                     { "data": "company_name" },
                                                     { "data": "company_id" },
                                                     { "data": "companyprice" },
                                                     { "data": "companyvolume" },
                                                     { "data": "companyeps" },
                                                     { "data": "companydps" },
                                                     { "data": "companynta" },
                                                     { "data": "companype" },
                                                     { "data": "companydy" },
                                                     { "data": "companyroe" },
                                                     { "data": "companyptbv" },
                                                     { "data": "companymcap" }
                                                 ]
                                         } );
                                     } );

URL: {% url 'tableData'%} приведет к URL /api/table/data.

отредактировано снова

это мой шаблон HTML 

         <!-- Page Content Holder -->
{% extends "app/header.html" %}
{%load rest_framework%}
{% block nav_home%}
class="active"
{% endblock %}
{% block content %}
        <div id="content">              
            <nav class="navbar navbar-default">
                <div class="container" style="display: inline;">
                    <div class="row">
                        <ul class="navbar-nav px-3 ml-auto" style="display:inline-block;">
                            <li class="nav-item text-nowrap d-flex flex-row">
                            <div>
                                <i class="fa fa-sign-out-alt"><a href="{% url 'register' %}"> Sign Out</a></i>
                            </div>
                            </li>
                        </ul>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col">
                            <div class="navbar-header">
                                <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
                                    <i class="fa fa-bars"></i>
                                </button>
                            </div>
                        </div>                      
                        <div class="col-xl-10">
                            <form action="{% url 'stock' %}" method='GET'>
                                <div class="input-group">
                                    <input class="form-control border-secondary py-2" type="search" value="{{ request.GET.q }}" name="q" placeholder="Search ticker">
                                    <div class="input-group-append">
                                        <button class="btn btn-outline-secondary" type="button">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </nav>

            <div class="row">
              <div class="col-xl-10">
                <div class="card" style="width: 1070px;">
                  <div class="card-body">

                    <h5 class="card-title">Uptrend Prediction</h5>
                    <br>
                    <div class="dropdown">
                      <button class="btn btn-info dropdown-toggle btn-outline-info waves-effect" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Categories
                      </button>

                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="#">Most Active</a>
                        <a class="dropdown-item" href="#">Least Active</a>
                        <a class="dropdown-item" href="#">Top Gainers</a>
                        <a class="dropdown-item" href="#">Top Losers</a>
                      </div>
                    </div>
                    <br>
                    <form action="{% url 'tableData' %}" method="POST"><!--start of formquery-->
                        <div class="container">
                        <div class="row">
                            <div class="col-2">
                            <h2 style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; margin: 0.5em;">Market Cap:</h2>
                            </div>
                            <div class="col-6">
                                <div class="btn-group btn-group" style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif;">
                                    <input type="radio" id="mcap" href="#" name="mcap" value="29868" class="btn btn-outline-info waves-effect">Small Cap</input>
                                    <input type="radio" id="mcap" href="#" name="mcap" value="59736" class="btn btn-outline-info waves-effect">Mid Cap</input>
                                    <input type="radio" id="mcap" href="#" name="mcap" value="89604" class="btn btn-outline-info waves-effect">Large Cap</input>
                                    <input type="radio" id="mcap" href="#" name="mcap" value="119472" class="btn btn-outline-info waves-effect">Mega Cap</input>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-2">
                              <h2 style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; margin: 0.5em;">   Sectors:   </h2>
                            </div>
                            <!--change the dropdown from bootstrap to normal select options-->
                            <!-- removed healthcare from the option-->
                            <div class="col-6">
                                <div class="dropdown">
                                    <select name="cat">
                                        <option name="cat" value="Basic"> Basic Materials </option>
                                        <option name="cat" value="Consumer"> Consumer Goods </option>
                                        <option name="cat" value="Serv"> Services </option>
                                        <option name="cat" value="Technology"> Technology </option>
                                        <option name="cat" value="Finance"> Financial </option>
                                        <option name="cat" value="Hotels"> Hotels </option>
                                        <option name="cat" value="Ind"> Industrial Goods </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-2">
                              <h2 style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; margin: 0.5em;">Share price: </h2>
                            </div>
                            <div class="col-6">
                                <div class="dropdown">
                                  <button class="btn btn-info dropdown-toggle btn-outline-info waves-effect" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    All
                                  </button>

                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="#">Up To RM1</a>
                                    <a class="dropdown-item" href="#">Above RM1</a>
                                  </div>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-2">
                              <h2 style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; margin: 0.5em;">P/E: </h2>
                            </div>

                            <div class="col-6">
                                <div class="dropdown">
                                    <button class="btn btn-secondary dropdown-toggle btn-outline-info waves-effect" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    All
                                    </button>

                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item" href="#">Below 10</a>
                                        <a class="dropdown-item" href="#">10-15</a>
                                        <a class="dropdown-item" href="#">16-25</a>
                                        <a class="dropdown-item" href="#">Above 25</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-2" >
                              <h2 style="font: 16px Helvetica Neue,Helvetica,Arial,sans-serif; margin: 0.5em;">P/B Value: </h2>
                            </div>

                            <div class="col-6">
                                <div class="dropdown">
                                    <button class="btn btn-secondary dropdown-toggle btn-outline-info waves-effect" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    All
                                    </button>

                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item" href="#">Up to 0.5</a>
                                        <a class="dropdown-item" href="#">Up to 1.0</a>
                                        <a class="dropdown-item" href="#">Up to 2.0</a>
                                        <a class="dropdown-item" href="#">Above 2.0</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                            <div class="row">
                                <div class="form-group">
                                {% csrf_token %}
                                    <button type="submit" class="btn btn-outline-info waves-effect">
                                        Filter Stocks
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form><!-- end of formquery-->
                    <br>
                    <br>

                    <div class="row">
                        <div class="col-sm">
                            <div class="container">

                                <table id="datatable" class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>ID</th>
                                        <th>Price</th>
                                        <th>Volume</th>
                                        <th>EPS</th>
                                        <th>DPS</th>
                                        <th>NTA</th>
                                        <th>PE</th>
                                        <th>DY</th>
                                        <th>ROE</th>
                                        <th>PTBV</th>
                                        <th>M.Cap</th>
                                    </tr>
                                    <tbody>
                                        {% for v in data%}
                                        <tr>
                                            <td>{{v.company_name}}</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                    </thead>
                                    <tfoot>
                                    <tr>

                                    </tr>
                                    </tfoot>
                                </table>


                                <script>
                                        $(document).ready(function() {
                                        $('#datatable').DataTable({ data: "{{data}}" });;
                                     } );






                                </script>               

                  </div>
                </div>
              </div>
            </div>      


        </div>



{% endblock %}

ОБНОВЛЕНИЕ: решено

в моем datatable в моем html я сделал это 

$(document).ready(function() {
                                        var json = JSON.stringify({{data | safe}});
                                        $('#datatable').DataTable({ 
                                            "data": JSON.parse(json), 
                                             "columns": [
                                                     { "data": "company_name" },
                                                     { "data": "company_id" },
                                                     {"data": "company_categories"},
                                                     { "data": "companyprice" },
                                                     { "data": "companyvolume" },
                                                     { "data": "companyeps" },
                                                     { "data": "companydps" },
                                                     { "data": "companynta" },
                                                     { "data": "companype" },
                                                     { "data": "companydy" },
                                                     { "data": "companyroe" },
                                                     { "data": "companyptbv" },
                                                     { "data": "companymcap" }
                                                 ]
                                        });;
                                     } );

в моем views.py я сделал это

views.py 

stocks =  StockInfo.objects.filter(Q(company__company_categories__contains=sector),Q(companyprice__range=(startPriceRange,endPriceRange)),Q(companymcap__range=(startRange,endRange)),Q(datetimecollect__contains=datetime.date(2018,3,13)))
    serializer = TableSerializer(stocks,many=True)
    #qs = serializers.serialize('json',stocks)
    testing = json.dumps(list(serializer.data))
    context = {'data':testing,}
return render(request,'mypage.html',context)

1 Ответ

0 голосов
/ 31 мая 2018

Вы не указали template_name в своем представлении и подкласс APIView, поэтому вы можете перейти на эту страницу (изображение).

Используйте функцию django render на своей домашней страницеtemplate или drf HTMLRenderer: 

from rest_framework.renderers import TemplateHTMLRenderer
class TableData(APIView):
    def post(self,request,*args,**kwargs):
        startRange = request.POST.get('mcap')
        endRange = int(startRange) + 29868
        sector = request.POST['cat']
        print(str(sector))
        ...
        serializer = TableSerializer(stocks,many=True)
        renderer_classes = [TemplateHTMLRenderer]
        template_name = 'homepage.html'
        return Response({'data': serializer.data})

data - это переменная, которую вы используете в шаблоне домашней страницы для использования serializer.data.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...