フロントエンドとバックエンドの相互作用を理解していない場合は、バグの特定に習熟したいので、トラブルを起こさないでください。

資格のあるソフトウェアテスターとして、必要なスキルの1つは、フロントエンドまたはバックエンドでバグの位置を特定できるようにすることです。したがって、フロントエンドとバックエンドのデータがどのように相互作用するかを理解する必要があります。
ここに画像の説明を挿入
1. Webサイトのデータ処理は、主に次の3つの層に分かれています。
 
  最初の層はプレゼンテーション層です。この部分は、HTMLコード、CSS / Javascriptコードなどで実装できます。Webページのレイアウトとデザインは、フロントエンドコードを介して実現できます。このレイヤーは、ディスプレイレイヤーとも呼ばれます。つまり、ブラウザで表示できるWebページを開くことができます。
  2番目の層は、データの処理を担当するビジネス層です。一般的に使用されるコード言語は、PHP、JSP、Javaなどです。これらのバックグラウンド処理言語アルゴリズムを介して、フォアグラウンドから返されたデータを処理します。必要に応じてデータベースを操作し、結果をフロントエンドのWebページに返します。
  3番目の層はデータ層です。これはデータベースであり、データを格納するために使用されます。データベースの追加、削除、変更の操作は、ビジネス層の操作によって実現できます。
  
  1.公開されているのは、このWebページがプレゼンテーション層に属していることです。このWebページは通常、HTMLタグとCSS / JAVASCRIPTを組み合わせて実装されます。このとき、最初にデータを入力する必要があります。
  
  2.次に、[送信]を押してバックグラウンド処理メカニズムをトリガーすると、データがバックグラウンドコードに渡されて処理されます。コードのこの部分では、さまざまなWebサイトに応じて、PHP、JSP、JAVAなどを使用できます。コードは、プログラマーが事前設定したアルゴリズムに従って受信データを処理した後、データベースを操作し、それに応じてデータを保存します。
  
  3.データベースを正常に操作した後、ビジネス層のコードは、フォームが正常に入力されたことを通知するために、ディスプレイであるプレゼンテーション層に命令を送り返します。
  
 
  2.フロントエンドのデータインタラクションメソッド
  
  1.HTML割り当て
  2.JS割り当て
  3.スクリプト入力
  JSON4。JSONを取得するためのAJAXjsonを取得
  するAJAXメソッドが一般的に使用された後、最初の3つのデータインタラクションメソッドはめったに使用されません。 jsonを取得するにはajaxをクリックしてください。
  ここに画像の説明を挿入 
  
  Ajaxデータの相互作用は、インターフェーステストツールを使用する概念と同じです。リクエストメソッドは、get / post、URLアドレス、および渡す必要のあるパラメーターであり、返された応答値が処理されます。
  
** 大胆なスタイル
**

Ajaxの原理を理解し、フロントエンドとバックエンドのデータ対話方法を理解した後、データ送信中のフロントエンドまたはバックエンドのエラーをすばやく見つけることができます。

ソフトウェアテスト交換グループ、QQ:642830685をお勧めします。このグループは、ソフトウェアテストリソース、テストインタビューの質問、テスト業界情報を随時共有します。グループ内の技術的な問題を積極的に伝えることができます。さらに、技術専門家もいます。 。ガイはあなたのために技術的な質問に答えます。
ここに画像の説明を挿入

それを読んだ後、私に親指を立てることを忘れないでください。あなたの親指は、更新、補充を続ける私の無尽蔵の動機です。

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_53519100/article/details/112993455