ホームページ >ウェブフロントエンド >フロントエンドQ&A >フロントエンドとバックエンドの分離とは何ですか?
フロントエンドとバックエンドの分離とは、データの操作と表示を分離することです。フロントエンドはデータ表示に重点を置き、テキスト、画像、アイコンを通じてデータを直感的に表示し、バックエンドはデータ操作に重点を置きます。フロントエンドはデータをバックエンドに送信し、バックエンドはデータを変更します。
[関連する学習の推奨事項: フロントエンド ビデオ チュートリアル]
Web サイト開発のプロセス中、前後 両端の境界線については議論があるようです。フロントエンドとバックエンドの分離とは何かについてインターネットで検索すると、情報が多く、説明が不明瞭です。当初からフロントエンドとバックエンドという概念が全くなく、その後ごちゃ混ぜになってしまいました。
従来の分離方法
フロントエンドとバックエンドについて頭の中で言及したとき、基本的に最初に現れる違いは次のとおりです。バックエンドはデータベースとサーバーを処理し、フロントエンドはブラウザを処理します。 問題ないようです、誰もがそう思っています。もちろん、これに問題はなく、コードのこれら 2 つの部分を分離するための境界としてブラウザーを使用しているだけであると常に考えてきました。しかし、フロントエンドとバックエンドの分離の本来の目的は、フロントエンド開発者とフロントエンド開発者の責任を分離し、同時に開発モデルの問題を解決することです。フロントエンドはブラウザーを処理しますが、ブラウザーが最終的に取得するページは、テンプレートを通じてサーバーによって生成された一時的な静的ページにすぎません。つまり、バックエンドはテンプレートを処理する必要があるため、実際には関与しています。もちろん、一般に 2 つの従来の開発コラボレーション モデルがあります。
1 つは、フロントエンドが最初に静的ページを書き込み、それを書いた後、バックエンドにテンプレートを設定させるというものです。静的ページはローカルで開発できるため、ビジネスロジックを考慮する必要がなく、Viewを実装するだけで済みます。欠点は、バックエンド テンプレートも必要であり、エラーを避けるためにこれらのフロントエンド コードをバックエンドで参照する必要があることです。
もう 1 つのコラボレーション モードは、フロントエンドがテンプレートを直接書き込む方法です。 これの問題は、フロントエンドの書き込みプロセスがバックエンド環境に大きく依存していることです。 -end の書き込みが完了していません この場合、フロントエンドが動作することはほとんど不可能です。
どちらの方法にも明らかに多くの問題があるようですが、少なくともこれがこれまでのところほとんどの企業で採用されているモデルです。彼らはフロントエンドの開発と物理層からのフロントエンドを区別し、フロントエンドの論理的な色を軽視します。フロントエンドの役割はページの静的バージョンを実装することなので、ほとんどの企業はフロントエンド エンジニアの仕事を見つけます。企業が募集する際の現在のフロントエンド エンジニアの要件を見ると、基本的なページ制作スキルに加えて、追加のデザイン責任も求められます。たとえば、バックエンド プログラミング言語 NodeJs、PHP、または Java を少なくとも 1 つ知っています。 この時点で、私たちは当初フロントエンドとバックエンドを分離したと考えていましたが、テンプレートという恥ずかしい問題に関して言えば、フロントエンドとバックエンドのエンジニアは間違いなく多くの苦労をしました。 。現時点では、jsp や php で HTML を直接記述することはほとんどないはずです。フロントエンドとリアエンドの分離は順調に進んでいます。したがって、誰がより多くの占有量を占め、誰がより少ない占有量をどのように区別するかは、各企業の技術レベルによって異なります。 フロントエンド開発エンジニアが優れているときは、フロントエンド mvc と mvvm のことだけを考えています。バックエンドが素晴らしい場合は、このプロトタイプをバックエンドに渡して、残りのことは気にしないでいいと思います。
従来の開発方法
以前の PHP コードは HTML コードで記述されていました。純粋な PHP ファイルと HTML ファイルは存在しません。次のような違いがあります。フロントエンドとバックエンド。分離とは、大まかに言うと、php と html、あなたは私の中にいて、私はあなたの中にいます。
しかし、開発中に多くの問題に遭遇しました。フロントエンド (html、css) 、js) エンジニアの PHP コードは読み取れない可能性があり、PHP エンジニアは CSS コンテンツにあまり精通していないため、後の人々はコードを分離する方法を考え出しました! これにより、誰もがそれぞれの分野でパフォーマンスを向上させることができますが、効率的ですが、特定の観点からは開発者にとってフレンドリーですフロントエンドとバックエンドの分離は、インターネットで言われているほど複雑ではありません。
1.まず、すべてのプログラムはデータに基づいていることを知っておく必要があります。データのないプログラムには実際的な意味がありません。プログラムの本質は足し算です。プログラムの削除、変更、問い合わせ。
2.フロントエンドとバックエンドの分離とは、データの操作と表示を分離することです。フロントエンドはデータ表示に重点を置き、テキスト、画像、アイコンを通じてデータを直感的に表示します。バックエンドはデータ操作に重点を置いています。フロントエンドはデータをバックエンドに送信し、バックエンドはデータを変更します。
3.バックエンドは通常、java、c#、およびその他の言語を使用します。現在のノードは JavaScript に属しており、バックエンド操作も実行できます。言語をクラックしても意味がありません。ここ。バックエンドは、データベースに接続し、データを操作するために使用されます。
4.バックエンドは、データに対するバックエンドの操作をトリガーするためにフロントエンドが呼び出すためのインターフェイスを提供します。
基本原則はこれです。言葉は不正確かもしれませんが、考え方は正しいです。つまり、Web サイト開発の中核は基本的に次のとおりです。
html css: ページ表示javascript ajax (これはブラウザの一部であり、 JavaScript を通じて呼び出されます): ページ対話、ロジック処理通常の開発フレームワークの選択:
単純な Web サイト: jquery bootstrap
バックエンド管理システム: angularjs jquery bootstrap webpack
複雑な製品: React redux webpack
以上がフロントエンドとバックエンドの分離とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。