クライアント側の処理でデータテーブルを遅延ロードする方法は?

カリダイム

3500エントリと外部キーを含むテーブルがあります。

django-rest-frameworkとAjaxでクライアント側の処理データテーブルを使用しています。

ロードには最大10秒かかります。

最初の10エントリ(最初のページの結果)を表示する方法はありますか?ユーザーは、時間がかかりすぎるために私のWebサイトが壊れているとは思わないように、残りのエントリはバックグラウンドで読み込まれますか?

また、ロード速度の最適化を探しています。お時間をいただきありがとうございます。

編集:models.py

class Bibrest51(models.Model):
    cadastro_id = models.AutoField(primary_key=True)
    autor = models.CharField(db_column='Autor', max_length=255, blank=True, null=True)
    tema = models.ForeignKey('BibTema', models.DO_NOTHING, blank=True, null=True)

    tipo = models.ForeignKey('Tipo', models.DO_NOTHING, blank=True, null=True)

    class Meta:
        managed = False
        db_table = 'bibrest51'
    @property
    def bib_tipo_nome(self):
        return self.tipo.tipo_nome

class BibTema(models.Model):
    tema_id = models.AutoField(primary_key=True)
    tema_nome = models.CharField(max_length=150, blank=True, null=True)
    class Meta:
        managed = False
        db_table = 'tema'
    def __str__(self):
        return self.tema_nome

serializers.py

class TemaSerializer(serializers.ModelSerializer):
    class Meta:
        model = BibTema
        fields = '__all__'   
        depth = 1

class TipoSerializer(serializers.ModelSerializer):
    class Meta:
        model = Tipo
        fields = '__all__'
        depth= 1

class BibSerializer(serializers.ModelSerializer):
    temas = TemaSerializer(read_only=True)
    tipos = TipoSerializer(read_only=True)
    class Meta:
        model = Bibrest51
        fields = (
            'autor', 'ano', 'titulo', 'referencia','tipos','temas'
            
        ) 
AlexElizard

最適化には、次のものを使用できます。

最初の10エントリ(最初のページの結果)を表示する方法はありますか?ユーザーは、時間がかかりすぎるために私のWebサイトが壊れているとは思わないように、残りのエントリはバックグラウンドで読み込まれますか?

これはページネーションで実装できます。最初の10レコードをリクエストし、レコードの総数が10を超える場合は、バックグラウンドで残りをリクエストします

更新しました

シリアライザーの場合は、これを試してください。

class TemaSerializer(serializers.ModelSerializer):
    class Meta:
        model = BibTema
        fields = '__all__'   
        # depth= 1   # delete string

class TipoSerializer(serializers.ModelSerializer):
    class Meta:
        model = Tipo
        fields = '__all__'
        # depth= 1   # delete string

class BibSerializer(serializers.ModelSerializer):
    temas = TemaSerializer(read_only=True, sourse='tema')
    tipos = TipoSerializer(read_only=True, sourse='tipo')
    class Meta:
        model = Bibrest51
        # There are fewer fields in the code you provided, 
        # so I rely on you for this.
        fields = (
            'autor', 'ano', 'titulo', 'referencia','tipos','temas'
            
        ) 

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

getリクエストでデータブルクライアント側をリロードする方法は?

分類Dev

node.jsでクライアント側のルーティングを処理する方法は?

分類Dev

ノードjsapiからzipファイルを返し、クライアント側で処理する方法は?

分類Dev

ブートストラップモデルのスクロールダウンでデータをロードする(遅延ロード)

分類Dev

ac#.NETWebアプリケーションでサーバー側の処理のステータスをクライアント側に表示する方法

分類Dev

クライアント側でJWTトークンのペイロードをデコードする方法は?

分類Dev

クライアント側のタブに大量のデータを処理/表示する

分類Dev

Spring MVCのクライアント側でJWTトークンを処理する方法は?

分類Dev

Androidのシングルアクティビティデザインパターンでフラグメントを処理する方法は?

分類Dev

Expressでクライアントの投稿データを処理する方法

分類Dev

Azure データ レイク ストアでの増分データ インジェストを処理またはアーキテクチャする方法は?

分類Dev

Cassandraがdatastaxjavaドライバーでブロック実行ステートメントを処理する方法

分類Dev

クライアント側でアクセストークンと更新トークンを処理する方法

分類Dev

同じアダプティブカードで2つのボタンクリックで複数のイベントを処理する方法は?

分類Dev

遅延ジョブのループを処理する方法

分類Dev

サーバーにアップロードせずにcsvファイルをクライアント側で処理および解析する

分類Dev

javascriptから遅延ロードされたスクリプトタグjsonファイルのコンテンツを参照する方法は?

分類Dev

インラインJavaScriptを遅延ロードする方法は?

分類Dev

送信する前に動的フィールドのクライアント側の一時データを保存する最も論理的な方法

分類Dev

DB2トランザクションテーブルからデルタデータをアンロードする最良の方法は?

分類Dev

クライアント側のテーブルを更新する

分類Dev

Rシャイニー:データテーブルのアクションボタンを処理する

分類Dev

Twilioの「プログラム可能なビデオ」JWTアクセストークンを正しく処理する方法は?(アンドロイド)

分類Dev

Androidの別のアクティビティからのアラートダイアログのポジティブボタンでイベントを処理する方法は?

分類Dev

Blazorクライアント側アプリケーションをロードするときにブラウザでSystem.TypeLoadException未処理の例外を回避する方法

分類Dev

インタラクティブクエリストアとグローバルストアで単一のトピックを処理するKafkaStreamsトポロジを実装する方法

分類Dev

カスタムジャージーエラー処理、クライアント側で応答をキャッチする方法は?

分類Dev

タイプセーフな方法でレコードタイプオブジェクトの列挙型プロパティを反復処理する方法は?

分類Dev

Blazorサーバー側でウィンドウまたはボディのスクロールを処理する方法は?

Related 関連記事

  1. 1

    getリクエストでデータブルクライアント側をリロードする方法は?

  2. 2

    node.jsでクライアント側のルーティングを処理する方法は?

  3. 3

    ノードjsapiからzipファイルを返し、クライアント側で処理する方法は?

  4. 4

    ブートストラップモデルのスクロールダウンでデータをロードする(遅延ロード)

  5. 5

    ac#.NETWebアプリケーションでサーバー側の処理のステータスをクライアント側に表示する方法

  6. 6

    クライアント側でJWTトークンのペイロードをデコードする方法は?

  7. 7

    クライアント側のタブに大量のデータを処理/表示する

  8. 8

    Spring MVCのクライアント側でJWTトークンを処理する方法は?

  9. 9

    Androidのシングルアクティビティデザインパターンでフラグメントを処理する方法は?

  10. 10

    Expressでクライアントの投稿データを処理する方法

  11. 11

    Azure データ レイク ストアでの増分データ インジェストを処理またはアーキテクチャする方法は?

  12. 12

    Cassandraがdatastaxjavaドライバーでブロック実行ステートメントを処理する方法

  13. 13

    クライアント側でアクセストークンと更新トークンを処理する方法

  14. 14

    同じアダプティブカードで2つのボタンクリックで複数のイベントを処理する方法は?

  15. 15

    遅延ジョブのループを処理する方法

  16. 16

    サーバーにアップロードせずにcsvファイルをクライアント側で処理および解析する

  17. 17

    javascriptから遅延ロードされたスクリプトタグjsonファイルのコンテンツを参照する方法は?

  18. 18

    インラインJavaScriptを遅延ロードする方法は?

  19. 19

    送信する前に動的フィールドのクライアント側の一時データを保存する最も論理的な方法

  20. 20

    DB2トランザクションテーブルからデルタデータをアンロードする最良の方法は?

  21. 21

    クライアント側のテーブルを更新する

  22. 22

    Rシャイニー:データテーブルのアクションボタンを処理する

  23. 23

    Twilioの「プログラム可能なビデオ」JWTアクセストークンを正しく処理する方法は?(アンドロイド)

  24. 24

    Androidの別のアクティビティからのアラートダイアログのポジティブボタンでイベントを処理する方法は?

  25. 25

    Blazorクライアント側アプリケーションをロードするときにブラウザでSystem.TypeLoadException未処理の例外を回避する方法

  26. 26

    インタラクティブクエリストアとグローバルストアで単一のトピックを処理するKafkaStreamsトポロジを実装する方法

  27. 27

    カスタムジャージーエラー処理、クライアント側で応答をキャッチする方法は?

  28. 28

    タイプセーフな方法でレコードタイプオブジェクトの列挙型プロパティを反復処理する方法は?

  29. 29

    Blazorサーバー側でウィンドウまたはボディのスクロールを処理する方法は?

ホットタグ

アーカイブ