親愛なる読者の皆さん、こんにちは！Spring Boot 開発との出会いについてのささやかな話題を取り上げる主な理由が尊大な名前だったとしても、初めまして。JavaRush ポータルでインターンシップの導入課題を完了した私の経験を共有したいと思います。これは、蓄積された知識の強さをテストしたいと考えているまったく普通の工業大学生の側から概要を示したいと思います。 ![コンクエスト スプリング ブーツ - 1]()
添付されたコードや思考法に失礼な部分が含まれる可能性を私は決して否定しません。また、「こぶと傷」のおかげで専門的な方向に発展することが可能であるため、建設的な批判を歓迎します。さらに、私は与えられた条件を解決するための「万能薬」であるふりをまったくしておらず、プログラムの個々の断片を意図的に省略し、神経系にわずかな影響を与えることなく比較的複雑なトピックに入るという重要な点を残しています。確かに、明白なことを否定するのは無謀です。それは私にとって困難でしたし、ある瞬間まではまったく何も明らかではありませんでした。そして、その仕事に初めて出会ったときから同じような感情を抱いたなら、「ようこそ！」と言ってください。
![コンクエスト スプリング ブーツ - 2]()
提示された技術仕様に従って、 MySQLデータベースを使用して単純な Web アプリケーションを作成するための標準である紳士セットを使用します。
![コンクエスト スプリング ブーツ - 3]()
![Java-университет]()
![コンクエスト スプリング ブーツ - 4]()
次に、メイン ウィンドウで現在のローカル サーバーのアイコンをクリックした後、環境の指示に従って、エンティティ (注) のフィールドに従ってテーブル図を作成し、適切なデータを入力します。MySQL 方言の微妙な点を個別に明確にする必要があります。望ましい結果を正常に達成するには緊急に注意が必要です。
![スプリングブーツの征服 - 5]()
準備手順が最終的に完了したら、ツールバーの「稲妻」アイコンをクリックして、「MySQL Workbench」を指定してローカル サーバーにデータを送信します。情報の追加が正しく完了したら、現在のデータベース構成を application.properties (通常は「resources」ディレクトリにあります) に追加することで、自信を持ってネイティブ IDE に戻って開発を続行できます。
![コンクエスト スプリング ブーツ - 6]()
そしてもちろん、他のビジネス要件を満たすための方法論も開発します。アプリケーションの可能性は、開発者の努力、機知、想像力によって制限されます。
![コンクエスト スプリング ブーツ - 7]()
率直に言って、これまでの道のりに注意を払っているので、私は選択した方向の正しさを何度も確信し、JavaRush 教育ポータルで学習する利点を実感しています。同様の方向性の高等教育機関の時代遅れで驚くほど退屈なプログラムでは完全に抑圧されていたプログラミング学習への魅惑的な興味を、さまざまな実践課題のおかげで取り戻すことができた。バックエンド テクノロジー スタックの内容を 4 か月間積極的に学習することで、講義や実験室の授業に丸々 1 年間参加した場合と比べて、はるかに多くの知識を投資することができました。信じようと信じまいと。複雑な内容に取り組む難しさに負けないでほしいと思います。なぜなら、障害を克服することで私たちはより良くなり、職業的にも個人的にも成長できるからです。この小さな話が、SpringBoot という素晴らしいツールを使用するための新しいアイデアを発見するのに役立つことを願っています。PSギットハブ。
Thymeleafテンプレート エンジンとqueryローカル MySQL サーバーへのクエリを使用して、受信する情報の配列をフィルタリングするインターンシップ入学テストの単純化したアナロジーを使用して、Spring Boot で Web アプリケーションを作成してみましょう。それでは始めましょう!
スプリングブーツ。何の動物で、どうやって調理するのですか？
簡単に簡潔に言うと、これはアプリケーション作成プロセスの貴重な時間を節約するためのPivotelの優れたツールであり、サードパーティのライブラリに直接接続したり、印象的なマッピング キャンバスやサーブレットを作成したりする必要がなくなります。IntelliJ IDEA Ultimate Edition (ファイル - 新規 - プロジェクト... - Spring Initializr)に統合されているか、 start.spring.io Web サービス上にあるSpring Initializrビルダーを使用して、幅広い範囲から含めるパッケージを指定するだけで十分です。オファーします。
- WEBは、標準アドレス localhost:8080 のローカル Apache Tomcat サーバーとユニバーサルSpring MVC フレームワークを含む、Web アプリケーションを開発するための主要コンポーネントです。
- DevTools - コンパイルされたコードまたはテンプレートで変更が検出されたときに、ホット JVM でアプリケーションを迅速に再起動するために使用されます。さらに、選択したエンジンがプロジェクトに含まれている場合、Thymeleaf はキャッシュをクリアしなくても済みます。
- JPA はデータベースを操作するために必要なテクノロジであり、Java オブジェクトのオブジェクト リレーショナル マッピングを提供し、エンティティを管理、保存、取得するための API (この場合はHibernate ) を提供します。
- Thymeleaf (Mustache、AngularJS、Vaadin など) - アプリケーション視覚化のためのテンプレート エンジン。HTML の原則に比較的精通していたおかげで、私はこの言語を世界の基礎に押し上げた Thymeleaf を選びました。
- MySQL - Java Database Connectivity ドライバーを接続して、データベースに対して SQL クエリを実行します。
<dependencies></dependencies>同様の方法でタグ間の操作を行う必要があります。
素晴らしい未来への第一歩
次に、かなり興味深く、非常に論理的な質問が生じます。これはどのように機能するのでしょうか? このプログラムは、モデル - ビュー - コントローラーの原則に基づいて構築されています。接続されたデータベース (モデル) からのエンティティの読み取りを整理し、コントロール (ビュー) を備えたユーザー インターフェイスに表示されます。コンポーネント間の通信と、送信されたリクエストに応じたアクションの実行は、コントローラーのおかげで実行されます。継続的な開発の基準点として機能する重要な要素の作成です。滑りやすい状況を避け、作業現場で同僚からの敬意を維持するには、コンポーネントを適切なディレクトリに配置し (たとえば、コントローラ ファイルを「java」ブランチのコントローラ フォルダに配置します)、慎重に保管する必要があります。職場での注文。本質は大きなメカニズムの中の小さな部分です
言い換えれば、問題で設定された条件に従ったモデルです。議論のテーマから離れて、入門プロジェクトに戻りますが、タスク間には最小限の違いがあり、さらなるレビューでは平均的な概念に従うと自信を持って断言できます。たとえば、ノートブックに次のようなメモがあるとします。- 一般的なフロー内の位置を決定するための識別番号。
- 特定の文字数のテキスト メッセージ。
- ユーザーが一般リストに追加した日付。
- 「完了または未完了」（「読み取りまたは未読み取り」）を決定するブール変数。
@Entity
public class Note {
@Id
@GeneratedValue
private int id;
private String message;
private Date date;
private boolean done;
public Note() {
}
public Note(String message) {
this.message = message;
this.date = new Date();
this.done = false;
}
}
public interface NoteRepository extends JpaRepository<Note, Integer> {
}
- 独立したブール型自体はありません。リクエスト処理アクションはすべて、「true」または「false」をビット値「1」または「0」にそれぞれ変換します。
- 日付は完全に Timestamp 型で保存されます。根幹に馴染みのある Date を使用する場合は、カレンダー内の位置のみに制限する必要があります。
spring.datasource.url=jdbc:mysql://localhost:3306/test?useSSL=false
spring.datasource.username=root
spring.datasource.password=root
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.jpa.show-sql=true
spring.jpa.hibernate.ddl-auto=update@Entity
@Table(name = "test", schema = "test", catalog = "")
public class Note {
@Id
@GeneratedValue
private int id;
@Column(name = "message")
private String message;
@Column(name = "date")
private Date date;
@Column(name = "done")
private boolean done;
public Note() {
}
public Note(String message) {
this.message = message;
this.date = new Date();
this.done = false;
}
}ビューまたはユーザーインターフェイス
悲しいことに、次のように言えるでしょう。「理論的または実践的な知識が少しでもなければ、アプリケーションの視覚化は主な障害になります。」正直に言うと、フロントエンド コンポーネントは総作業量のうち驚くほどの量を占め、長期間にわたって確実に私の神経をすり減らしました。しかし、Thymeleaf の驚くべきシンプルさのおかげで、一連の魅惑的な敗北の後に適切な妥協点を見つけることができました。一般的な概念は同様の立場にありますが、選択したエンジンの使用の複雑さについてはさらに説明します。主なテクニックは、最も純粋な HTML を使用し、同じセクションの複数の繰り返しを避けるために個々のフラグメントから最終的な表示を組み立てる機能です。UI アーキテクチャが、コントロール (新しいエントリの追加、メイン ページに戻る) を備えたナビゲーション バーと、メモが追加された時刻によって昇順 (ASC) で並べ替えられたエンティティを表示する動的テーブルで構成されるメイン ページで構成されていると仮定します。またはデクリメント (DESC) 方向の意味。すべてのレコードを昇順で表示することを標準とします。選択したテンプレート エンジンの階層ポリシーに従って、コンポーネントの視覚化要素は「resources」ディレクトリの「templates」ブランチに配置する必要があります。したがって、コンポーネントを使用したさらなる操作では、提示された条件が考慮されます。html5 テンプレート上に「index」という名前 (または個人の好みに応じて他の名前) でメイン ページを作成しましょう。例えば：<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/head :: head"></head>
<body>
<div class="container">
<div th:replace="fragments/header :: header"></div>
<div th:if="${not #lists.isEmpty(notes)}">
<div th:replace="operations/list :: notebook"></div>
</div>
<div th:replace="fragments/footer :: footer"></div>
</div>
</body>
</html><div th:if="${not #lists.isEmpty(notes)}"><head th:replace="operations/list :: notebook"></head><!DOCTYPE html>
<!--suppress ALL -->
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<div th:fragment="notebook">
<table class="table table-bordered table-hover horizontal-align">
<thead>
<tr>
<th style="width: 5%">#</th>
<th style="width: 60%">Message</th>
<th class="dropdown" style="width: 20%">Date
<a th:href="@{'/sort/{sortDate}' (sortDate = 'ASC')}"><i class="fa fa-chevron-circle-up"></i></a>
<a th:href="@{'/sort/{sortDate}' (sortDate = 'DESC')}"><i class="fa fa-chevron-circle-down"></i></a>
</th>
<th style="width: 5%">Done</th>
<th style="width: 5%">Edit</th>
<th style="width: 5%">Delete</th>
</tr>
</thead>
<tbody>
<tr th:each="note : ${notes}">
<td th:text="${note.id}" style="text-align: center">#</td>
<td th:text="${note.message}">Message</td>
<td th:text="${#dates.format(note.date, 'EEE, d MMM yyyy HH:mm')}" style="text-align: center">Date</td>
<td style="text-align: center">
<i th:if="${note.done} == true" class="fa fa-plus-square-o" style="font-size:20px;color:#337ab7"></i>
<i th:if="${note.done} == false" class="fa fa-minus-square-o" style="font-size:20px;color:#337ab7"></i>
</td>
<td style="text-align: center"><a th:href="@{'/edit/{id}'(id=${note.id})}"><i class="fa fa-edit" style="font-size:20px"></i></a></td>
<td style="text-align: center"><a th:href="@{'/delete/{id}'(id=${note.id})}"><i class="fa fa-trash" style="font-size:20px"></i></a></td>
</tr>
</tbody>
</table>
</div>
</html><div th:fragment="notebook"><a th:href="@{'/sort/{sortDate}' (sortDate = 'ASC')}"><a th:href="@{'/edit/{id}'(id=${note.id})}"><tr th:each="note : ${notes}">中小企業のコントローラー、管理者
「Web アプリケーションのアーキテクチャの基礎」 - プログラムの作業を整理する際のコントローラー コンポーネントの重要性をこれ以上正確に説明する方法はおそらくありません。ほとんどの操作は、コントローラー コンポーネント間の接続要素によって正確に実行されます。モデルとビュー。Spring Boot のアクション メカニズムのおかげで、わずかな問題もなくマッピングと GET/POST リクエスト メソッドを自信を持って使用でき、データ リポジトリに自動的に接続できます。NoteController クラスを「controllers」ディレクトリ内の別のファイルに作成しましょう。ここでも適切なアノテーションの使用を参照します。@Controller
public class NoteController {
private NoteService service;
@Autowired
public void setNoteService(NoteService service) {
this.service = service;
}
@GetMapping("/")
public String list(Model model) {
return "index";
}
}public interface NoteService {
Note getNoteById(Integer id);
void saveNote(Note note);
void updateNote(Integer id, String message, boolean done);
void deleteNote(Integer id);
List<Note> findAll();
}
@Service
public class NoteServiceImpl implements NoteService{
private NoteRepository repository;
@Autowired
public void setProductRepository(NoteRepository repository) {
this.repository = repository;
}
@Override
public Note getNoteById(Integer id) {
return repository.findOne(id);
}
@Override
public void saveNote(Note note) {
repository.save(note);
}
@Override
public void updateNote(Integer id, String message, boolean done) {
Note updated = repository.findOne(id);
updated.setDone(done);
updated.setMessage(message);
repository.save(updated);
}
@Override
public void deleteNote(Integer id) {
repository.delete(id);
}
@Override
public List<Note> findAll() {
return repository.findAll();
}
}<input type="text" class="form-control" id="message" th:name="message" placeholder="Enter your note." maxlength="100"/>@GetMapping("/new")
public String newNote() {
return "operations/new";
}
@PostMapping("/save")
public String updateNote(@RequestParam String message) {
service.saveNote(new Note(message));
return "redirect:/";
}@GetMapping("/edit/{id}")
public String edit(@PathVariable Integer id, Model model) {
Note note = service.getNoteById(id);
model.addAttribute("note", note);
return "operations/edit";
}
@PostMapping("/update")
public String saveNote(@RequestParam Integer id, @RequestParam String message,
@RequestParam(value = "done", required = false) boolean done) {
service.updateNote(id, message, done);
return "redirect:/";
}@GetMapping("/delete/{id}")
public String delete(@PathVariable Integer id) {
service.deleteNote(id);
return "redirect:/";
}@Controller
public class NoteController {
private String sortDateMethod = "ASC";
@GetMapping("/")
public String list(Model model) {
List<Note> notebook = filterAndSort();
model.addAttribute("notes", notebook);
model.addAttribute("sort", sortDateMethod);
return "index";
}
private List<Note> filterAndSort() {
List<Note> notebook = null;
switch (sortDateMethod) {
case "ASC":
notebook = service.findAllByOrderByDateAsc();
break;
case "DESC":
notebook = service.findAllByOrderByDateDesc();
break;
}
return notebook;
}とても小さいですが、とても重要なクエリです。
恥ずかしいことに、値のフィルタリングは、予想に反して、ページネーションによって確立された複雑さのしきい値を自信を持って克服するという技術的なタスクを達成する上で、さらなる障害となることが判明しました。つまり、データ配列を特定のサイズの個別のページに分割してさらに表示するということです。おそらく、蓄積された疲労が影響を及ぼしていたのでしょうが...インスピレーションは、まったく偶然に Query クエリに遭遇した後に生まれました。public interface NoteRepository extends JpaRepository<Note, Integer> {
List<Note> findAllByOrderByDateAsc();
List<Note> findAllByOrderByDateDesc();
}List<Note> findAllByOrderByDateAsc();Page<Note> findAllByDoneTrueOrderByDateDesc(Pageable pageable);初心者プログラマーの結論または別の告白
全て！Shift+F10 の組み合わせを使用するか、対応するアイコンをクリックすると、Web アプリケーションを安全に起動できます。Spring Boot は Apache Maven 上にプログラムをビルドし、ローカルの Apache Tomcat サーバーを localhost:8080 にインストールします。あとは、ブラウザでリンクをたどるだけです。
GO TO FULL VERSION