2-3. HTML Template

3889 ワード

テキストリンク

1.動的HTML

www.example.comで接続すると見えるhtmlページ.
上のページは臨機応変なhtmlページです.
このようなページは、作成が完了し、変更されないファイル(static contents)から構成されています.

逆に、このようなページの内容は、現在の時間、ユーザーによって異なります.このようなページは、サーバがhtmlドキュメントの内容をデータ作成することによって提供する動的Webページです.

このダイナミックページは一般的なhtml構文とは異なります.上記の例では、for文でデータの内容を出力します.

2.JSPとThympleaf

JSPとThymeleafはSpring Bootの中で最も代表的なスクリプト言語とテンプレートライブラリです.jspは現在springブート規格から逸脱しているため、デフォルトのテンプレートライブラリはThymeleafと見なすことができる.
実習

●jspの使い方

△前の記事で使用した項目を踏襲した.
1) build.ライブラリをgradeに追加するコードを作成します.(17、18行目を追加)

2)mainディレクトリにディレクトリを作成し、次のようにjspファイルを作成します.

3) application.コードをpropertiesに追加します(jspを使用しようとしますが、springブートではjspがデフォルトでサポートされていないため、サポートが必要です).

4)jspファイルを作成します.1、2行目はjspを使用するために必要な部分です.

5)これらの情報を伝達するコントローラの方法を制定する.

上記の4つのプロセスでは、17～23行目が動作するには、データを転送する必要があります.そのためには、データが必要です.スプリングIocは、17行目から20行目に示すようにデータを作成し、データを伝達するために動作しなければならない.
したがって,16行目に21行目に示すようにモデルをパラメータとして加える.addAttribute(「テンプレートで使用される変数名」、メソッドで使用される変数名);の草案を作る
6)当該URLにアクセスする際の画面

●賛美詩の使い方

新しいプロジェクトを作成したり、既存のプロジェクトで変更したりできます.新しいプロジェクトを作成する場合は、次の図のように、プロジェクトの作成時に依存項目に追加できます.

既存のプロジェクトで継続するには、次の手順に従います.
1)ここです。に入りspringbootstarter thymeleafを検索します.

2)一番上の要素を選択し、中央カテゴリで2.5.9バージョンを選択しました.

3)Gradle(short)カテゴリで以下の部分をコピーします.
org.springframework.boot:spring-boot-starter-thymeleaf

4)既存のプロジェクトを構築する.gradeファイルを開き、上にコピーした内容を追加してタイムラインを使用します.(17行目)

참고로 jsp를 사용하기 위해 추가한 dependencies 부분과 thymeleaf를 사용하기 위해 추가한 부분은 공존할 수 없다.

5)htmlを作成する.

http://www.w3.org/1999/xhtml">は、XHTMLによって作成されたページを指します.
XHTMLとは?
XHTMLは拡張可能なハイパーテキスト言語の略で、ユーザーのニーズに応じて拡張可能なHTMLです.
たとえば、HTMLにないラベルを作成して使用できます.
5)これらの情報を伝達するコントローラの方法を制定する.(jsp部分と同じ!)
6)当該URLにアクセスする際の画面