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

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

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

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

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

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

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

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

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