美好的一天，親愛的讀者！很高興認識你，即使這個浮誇的名字是我們研究第一次接觸 Spring Boot 開發的樸素話題的主要原因。我想分享我在 JavaRush 入口網站上完成實習介紹性作業的經歷，從一個完全普通的技術大學生的角度來展示自己的概述，他想要測試自己所積累的知識的強度。 ![征服春季靴 - 1]()
我絕不否認所附代碼或思維方法可能存在粗魯之處，我歡迎建設性的批評，因為正是有了“坎坷和碰傷”，才有可能向專業方向發展。而且，我根本不會假裝自己是解決給定條件的“萬能藥”，故意省略程式的各個片段，讓進入一個相對複雜的話題的關鍵重要性不至於對神經系統產生絲毫影響。確實，否認顯而易見的事實是魯莽的：這對我來說很難，直到某個時刻之前絕對沒有任何事情是清楚的。如果您在第一次執行任務時也有類似的感受，那麼“歡迎！” 讓我們在 Spring Boot 中編寫一個 Web 應用程序，使用實習入學考試的簡化類比，使用模板引擎
![征服 Spring Boot - 2]()
按照提出的技術規範，我們將使用紳士設定的標準，並使用MySQL資料庫建立一個簡單的 Web 應用程式：
![征服 Spring Boot - 3]()
![Java-университет]()
![征服 Spring Boot - 4]()
接下來，點擊主視窗中目前本機伺服器的圖示後，按照環境的指示，根據實體的欄位（註）建立表格圖，並填入適當的資料。有必要單獨釐清MySQL方言的微妙之處，迫切需要重視才能順利達到預期的結果：
![征服 Spring Boot - 5]()
最終完成準備步驟後，我們點擊工具列上的「閃電」圖標，指示「MySQL Workbench」將資料傳送到本機伺服器。現在，如果新增資訊正確完成，我們可以透過將目前資料庫配置新增至 application.properties （通常位於「resources」目錄中），自信地回到本機 IDE 繼續開發：
![征服春季靴 - 6]()
當然，也要開發一種方法來滿足其他業務需求。應用程式的潛力受到開發人員的努力、足智多謀和想像力的限制。
![征服 Spring Boot - 7]()
坦誠並關注走過的路，我一次又一次確信所選擇方向的正確性，並體會到在JavaRush教育門戶學習的好處。由於各種實際任務，我們有可能恢復對學習程式設計的誘人興趣，這種興趣在類似方向的高等教育機構的過時且令人驚訝的無聊課程中被完全壓抑。與整年參加講座和實驗室課程相比，四個月積極學習後端技術堆疊中的材料所投入的知識要多得多。信不信由你。我希望你不要屈服於輸入複雜材料的困難，因為只有透過克服障礙，我們才能變得更好，並在專業和個人方面得到發展。我希望這個小故事能幫助我發現一些使用 SpringBoot 這個神奇工具的新想法。PS GitHub .
Thymeleaf並query查詢本地 MySQL 伺服器來過濾傳入的資訊數組。那麼就讓我們開始吧！
春季啟動。它是什麼動物以及如何烹飪？
簡而言之，它是Pivotel的一款優秀工具，可以在創建應用程式的過程中節省寶貴的時間，而無需直接連接第三方程式庫、編寫令人印象深刻的映射畫布和 servlet。使用Spring Initializr建構器就足夠了，它整合到IntelliJ IDEA Ultimate Edition中（檔案 - 新建 - 專案... - Spring Initializr）或位於start.spring.io Web 服務上，指定要包含的各種包優惠。
- WEB是開發Web應用程式的主要元件，包括位於標準位址localhost:8080的本機Apache Tomcat伺服器和通用的Spring MVC框架。
- DevTools - 當在編譯的程式碼或範本中偵測到變更時，用於在熱 JVM 中快速重新啟動應用程式；此外，如果專案中包含所選引擎，它可以使 Thymeleaf 免於清除快取。
- JPA是一種使用資料庫所需的技術，它提供 Java 物件的物件關係映射，提供用於管理、保存和檢索實體的 API（在我們的例子中為Hibernate ）。
- Thymeleaf（Mustache、AngularJS、Vaadin 等） - 用於應用程式視覺化的模板引擎；由於我對 html 原理相對熟悉，我選擇了 Thymeleaf，它將該語言推向了世界的基石。
- MySQL - 連接 Java 資料庫連接驅動程式以對資料庫執行 SQL 查詢。
<dependencies></dependencies>按照類似的方法在標籤之間進行操作。
邁向美好未來的第一步
接下來，出現了一個相當有趣且非常合乎邏輯的問題：「現在該怎麼辦？這將如何運作？該程式建立在模型-視圖-控制器的原則之上：它組織從連接的資料庫（模型）中讀取實體，並透過控制項（視圖）顯示在使用者介面中；組件之間的通訊以及根據傳輸的請求執行操作是透過控制器進行的。關鍵要素的創建可作為持續發展的參考點。為了避免滑坡，維護工作領域戰友的尊重，應將元件放置在適當的目錄中（例如將Controller檔案放置在「java」分支的controllers資料夾中），並小心保存工作場所秩序。本質是一個大機制中的一個小部分
或者換句話說，我們的模型是根據問題中設定的條件。離開討論的主題，回到介紹性項目，我們可以自信地斷言，任務之間的差異很小，並在進一步審查中遵循平均概念。比方說，筆記本中的筆記包括：- 用於確定在一般流程中的位置的識別號碼；
- 一定字數的簡訊；
- 用戶將其添加到常規列表的日期；
- 用於確定“完成或未完成”（“讀取或未讀取”）的布林變數。
@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 類型中。如果您使用核心熟悉的日期，您將不得不將自己限制在日曆中的位置。
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) 或遞減(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 應用程式架構中的基石」—也許沒有辦法找到更準確的描述來描述 Controller 元件在組織程式工作中的重要性：大多數操作都是由控制器之間的連接元素精確執行的。模型和視圖。由於採用 Spring Boot 的操作機制，您可以毫無問題地放心使用映射和 GET/POST 請求方法，並自動連接資料儲存庫。讓我們在「controllers」目錄下的單獨檔案中建立 NoteController 類，再次參考對應註解的使用：@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;
}如此小，但如此重要的查詢。
令人尷尬的是，與預期相反，過濾值竟然成為完成技術任務的另一個絆腳石，自信地克服了分頁建立的複雜性閾值——將數據數組分成一定大小的單獨頁面以進一步顯示。最有可能的是，累積的疲勞正在造成損害，但是......靈感來自於一次完全偶然的查詢查詢。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 上建置程序，並在 localhost:8080 安裝本機 Apache Tomcat 伺服器。現在您只需在任何瀏覽器中點擊該連結即可。
GO TO FULL VERSION