More Related Content
What's hot (20)
Similar to 厂辫谤颈苍驳叠辞辞迟による顿叠更新 (20)
More from iPride Co., Ltd. (20)
Recently uploaded (8)
![ElasticsearchでSPLADEする [Search Engineering Tech Talk 2025 Winter]](https://cdn.slidesharecdn.com/ss_thumbnails/searchtech-250228102455-ddc5ce09-thumbnail.jpg?width=560&fit=bounds)
厂辫谤颈苍驳叠辞辞迟による顿叠更新
- 2. 目次 ? 背景 ? 更新機能実装 ? まとめ
- 3. 背景 ? 備品管理システムを作成しています ? 利用者、利用開始日、返却予定日といった利用情報を登録したい ? 利用情報の入力フォームの作成 ? 備品情報テーブルに利用情報を更新
- 5. Entity ? Javaオブジェクトとしてレコードを ? テーブル内に保管しておく package ～; import ～; @Entity @Table(name = "equipmenttable") public class Equipment { /* ID */ @Id @GeneratedValue(strategy = GenerationType.AUTO) // 主キー @Column(name = "id") private String id; /* 購入日 */ @DateTimeFormat(pattern = "yyyy-MM-dd") @Column(name = "purchase_date") @PastOrPresent(message = "明日以降の日付は無効です") private Date purchaseDate; /* 途中省略 */ public String getId() { return id; } public void setId(String id) { this.id = id; } public Date getPurchaseDate() { return purchaseDate; } public void setPurchaseDate(Date purchaseDate) { this.purchaseDate = purchaseDate; }
- 6. Repository ? エンティティだけではデータベース アクセスはできない ? リポジトリは汎用的なデータベース アクセスの処理を自動的に実装する package jp.co.ipride.EquipmentManager.repositories; import java.util.Optional; import org.springframework.data.jpa.repository.JpaRepository; import org.springframework.stereotype.Repository; import jp.co.ipride.EquipmentManager.entity.Equipment; @Repository public interface EquipmentRepository extends JpaRepository<Equipment, Long> { public Optional<Equipment> findById(String id); }
- 7. Service ? アプリケーション全体で呼び出せるようなメソッドを用いたい場合に ? サービスクラスにメソッドを定義する public class EquipmentService { @Autowired private EquipmentRepository equipmentRepository; /*情報更新*/ public void editInfo(Equipment equipment) { equipmentRepository.saveAndFlush(equipment); } /*idによって指定されている備品情報を選択*/ public Optional<Equipment> selectById(String id) { return equipmentRepository.findById(id); }
- 8. 利用情报入力画面の表示
- 9. コントローラー ? mavが返してるのは ? ?Model…ユーザーの全データ(id と名前)、特定IDの備品データ ? ?View…テンプレートのuse.html @Controller public class UseController { @Autowired private UserService userService; @Autowired private EquipmentService equipmentService; /*利用登録画面の表示*/ @RequestMapping(value = "/{id}/use") public ModelAndView use( @PathVariable String id, ModelAndView mav, @ModelAttribute("formEquipment") Equipment equipment) { List<User> userList = userService.getUserAll(); mav.addObject("userList",userList); Optional<Equipment> equipmentOpt = equipmentService.selectById(id); equipment = equipmentOpt.get(); mav.addObject("formEquipment", equipment); mav.setViewName("use"); return mav; }
- 10. 入力フォームテンプレート1 ? <form action= update > ? フォーム送信後/updateに遷移する ? <input type= hidden th:value=*{id} ? 入力フォームに入力せずとも備品IDが ? 送信される ? <select>でプルダウン ? <input type= date >でカレンダー入力 を実現 ? <body> <h1 th:text="${id} + 'の利用'"></h1> <form method="POST" th:object="${formEquipment}" th:action="update"> <input type="hidden" name="id" th:value=*{id} /> <p>利用者を選択してください。</p> <div class="container"> <select name="useUser" th:value=*{useUser}> <option th:each="user : ${userList}" th:value="${user.id}" th:text="${user.name}" > </option> </select> </div> <p>利用日を選択してください。</p> <input type="date" name="useDate" th:field=*{useDate}></input> <p>返却日を選択してください</p> <input type="date" name="returnDate" th:field=*{returnDate}></ input> <input type="submit" value="利用" /> </form> </body> </html>
- 11. 入力フォームテンプレート2 ? th:eathで繰り返し ? ${userList}はコントローラーから ? 返された値を用いている ? 自動的に順番に取り出してくれる ? 赤丸の箇所をformEquipmentに ? 入れて送信する ? <body> <h1 th:text="${id} + 'の利用'"></h1> <form method="POST" th:object="${formEquipment}" th:action="update"> <input type="hidden" name="id" th:value=*{id} /> <p>利用者を選択してください。</p> <div class="container"> <select name="useUser" th:value=*{useUser}> <option th:each="user : ${userList}" th:value="${user.id}" th:text="${user.name}" > </option> </select> </div> <p>利用日を選択してください。</p> <input type="date" name="useDate" th:field=*{useDate}></input> <p>返却日を選択してください</p> <input type="date" name="returnDate" th:field=*{returnDate}></ input> <input type="submit" value="利用" /> </form> </body> </html>
- 13. 利用情报をデータベース更新
- 14. コントローラー ? 入力フォームから送信されたら ? sampleに更新前の備品情報を代入 ? 先程入力した要素のみsampleに ? セット ? saveAndFlush(ここではeditInfo) ? でsampleの内容をデータベースに ? 保存 ? /*利用情報を更新し詳細画面に遷移*/ @RequestMapping(value="/{id}/update",method=RequestMethod.POST) public ModelAndView update(@PathVariable String id,ModelAndView mav,@ModelAttribute Equipment equipment) { Optional<Equipment> equipmentOpt = equipmentService.selectById(id); Equipment sample = equipmentOpt.get(); sample.setUseUser(equipment.getUseUser()); sample.setUseDate(equipment.getUseDate()); sample.setReturnDate(equipment.getReturnDate()); equipmentService.editInfo(sample); mav.setViewName("redirect:/{id}/product"); return mav; }
- 16. 疑問点 ? 以下を解決する手段 金額 利用者 購入先 PC1 80000 Tanaka OOstore PC2 50000 Sato XXstore PC1 Null Nagai Null 入力情報 利用者だけを更新したい 既存の備品情報 金額 利用者 購入先 PC1 Null Nagai Null PC2 50000 Sato XXstore saveAndFlush()だと他も更新してしまう
- 18. 参考文献 ? 掌田津耶乃,「Spring Boot2 プログラミング入门」,秀和システム,2018