JavaScript - フロントエンドの判断の問題

Question

すみません、マスター、ページ要素は役割に応じてページの内容を表示しますが、背景言語であるPHPを使わずにどのように判断すればよいのでしょうか？たとえば、削除ボタンがある場合、教師はそれを持っていますが、生徒は持っていません。PHP やその他のバックエンドを使用せずにそれを実装するにはどうすればよいでしょうか?テンプレートエンジン？

Answer 1

一般的には、この[ステータス情報]をajaxインターフェース/HTMLテンプレート/localStorageから取得または設定し、JSで対応する処理を行います。

Answer 2

現在のユーザーが学生か教師かに応じて、jsを使用して判断して表示します

Answer 3

PHP テンプレートに依存しない場合は、フロントエンドの angularjs を使用することを個人的にお勧めします。vue.js にもテンプレート判定機能がありますが、angularjs スタイルは TP YII および他の PHP テンプレートに偏ります。もちろんHTMLの表示をJSで制限することもできますが、タグを制限すればするほどJSは煩雑になります

Answer 4

方法 1: テンプレートももちろん可能です
方法 2: ページに戻るときに、HTML ヘッダーに ajax リクエスト コードを追加するだけでも、パフォーマンスにはほとんど影響しません。教師または生徒、その後、js を使用して dom を判断し、操作します。ここで注意すべき点は、要件に多数の dom 操作が含まれる場合、このソリューションを自分で最適化するのは面倒なことです。
方法 3: React などのフレームワークを使用して実装し、変更が必要な HTML 要素を抽出してコンポーネントに抽象化します。これも非常に効率的です。フロントエンドの知識がある学生には、Yiha フレームワークを理解することをお勧めします。

Answer 5

まず、教師と生徒という 2 つの役割をどのように判断するかを理解し、次に、この判断に基づいてボタンを異なる方法で処理できます

Answer 6

まず、テンプレート エンジンはニーズを満たすことができますが、テンプレートに対応する構文を知る必要があります

次に、js を使用して制御する場合は、ページ自体に値があるのか​​、それとも ID を取得するために ajax を使用する必要があるのか​​を最初に理解する必要があります。値を取得したら、要素に対して対応する操作を実行する if を記述します

Answer 7

ページがロードされるときにユーザーのタイプを決定し、必要に応じてさまざまなモジュールをロードします

Answer 8

iframe は、さまざまな iframe をロードして、さまざまな条件に基づいて単一ページのアプリケーションを表示します。 。 。 。 。