{"id":33137,"date":"2024-11-01T09:14:01","date_gmt":"2024-11-01T09:14:01","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=33137"},"modified":"2024-11-01T11:28:48","modified_gmt":"2024-11-01T11:28:48","slug":"spring-boot-backend-development-course-blog-screen-layout-example-writing-update-create-view-controller","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/33137\/","title":{"rendered":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller"},"content":{"rendered":"

<\/p>\n

Table of Contents<\/h2>\n
    \n
  1. 1. Introduction<\/a><\/li>\n
  2. 2. Introduction to Spring Boot<\/a><\/li>\n
  3. 3. Blog Screen Layout Example<\/a><\/li>\n
  4. 4. Writing Edit\/Create View Controller<\/a><\/li>\n
  5. 5. Conclusion<\/a><\/li>\n<\/ol>\n

    1. Introduction<\/h2>\n

    \n In the field, data-driven application development is a very important factor.
    \n Especially when communication with various clients (web, mobile, etc.) is required,
    \n it is necessary to have a stable and maintainable server-side application.
    \n This course will cover how to develop the backend of a blog application using Spring Boot.
    \n The course will consist of MVC architecture, RESTful API design, Database integration, and ultimately writing the view controller for editing and creating.\n <\/p>\n

    2. Introduction to Spring Boot<\/h2>\n

    \n Spring Boot is a tool that helps make the Spring framework easier to use.
    \n Initial settings are minimized, allowing for quick application development, and essential libraries can be easily added through various starters.
    \n Key features of Spring Boot include:\n <\/p>\n

      \n
    • Automatic Configuration:<\/strong> It automatically handles many settings.<\/li>\n
    • Standalone:<\/strong> Can run without separate server installation through the embedded server.<\/li>\n
    • Starter Dependencies:<\/strong> Allows you to easily add necessary dependencies.<\/li>\n
    • Actuator:<\/strong> Provides functionalities to monitor and manage the application’s status.<\/li>\n<\/ul>\n

      3. Blog Screen Layout Example<\/h2>\n

      \n In this course, we will create an example to structure the blog screen. Users will be able to view, create, modify, and delete blog posts.
      \n Necessary data models, Repository, Service, and Controller will be set up for this purpose.\n <\/p>\n

      3.1 Data Model<\/h3>\n

      \n Let’s create a post model that is widely used not just for blogging but in various places as well.
      \n The Post<\/code> class can be implemented as follows.\n <\/p>\n

      \n    import javax.persistence.*;\n    import java.time.LocalDateTime;\n\n    @Entity\n    public class Post {\n\n        @Id\n        @GeneratedValue(strategy = GenerationType.IDENTITY)\n        private Long id;\n        private String title;\n        private String content;\n\n        @Column(name = \"created_at\")\n        private LocalDateTime createdAt;\n\n        @Column(name = \"updated_at\")\n        private LocalDateTime updatedAt;\n\n        \/\/ Getters and Setters\n    }\n    <\/code><\/pre>\n
      3.2 Repository<\/h3>\n
      \n        We will create a PostRepository<\/code> to access the database.
      \n        This interface simplifies interactions with the database using Spring Data JPA.\n    <\/p>\n
      \n    import org.springframework.data.jpa.repository.JpaRepository;\n\n    public interface PostRepository extends JpaRepository {\n    }\n    <\/code><\/pre>\n
      3.3 Service<\/h3>\n
      \n        A service layer is also needed to handle client requests and implement business logic.\n    <\/p>\n
      \n    import org.springframework.beans.factory.annotation.Autowired;\n    import org.springframework.stereotype.Service;\n    import java.util.List;\n\n    @Service\n    public class PostService {\n\n        @Autowired\n        private PostRepository postRepository;\n\n        public List getAllPosts() {\n            return postRepository.findAll();\n        }\n\n        public Post createPost(Post post) {\n            post.setCreatedAt(LocalDateTime.now());\n            post.setUpdatedAt(LocalDateTime.now());\n            return postRepository.save(post);\n        }\n\n        \/\/ Other CRUD methods\n    }\n    <\/code><\/pre>\n
      3.4 Controller<\/h3>\n
      \n        We will write a Controller that handles interactions with the client. The following code sets up basic CRUD APIs.\n    <\/p>\n
      \n    import org.springframework.beans.factory.annotation.Autowired;\n    import org.springframework.http.ResponseEntity;\n    import org.springframework.web.bind.annotation.*;\n\n    import java.util.List;\n\n    @RestController\n    @RequestMapping(\"\/api\/posts\")\n    public class PostController {\n\n        @Autowired\n        private PostService postService;\n\n        @GetMapping\n        public List getAllPosts() {\n            return postService.getAllPosts();\n        }\n\n        @PostMapping\n        public ResponseEntity createPost(@RequestBody Post post) {\n            return ResponseEntity.ok(postService.createPost(post));\n        }\n\n        \/\/ Other CRUD methods\n    }\n    <\/code><\/pre>\n
      4. Writing Edit\/Create View Controller<\/h2>\n
      \n        We will write a view controller that allows the user interface to create and edit blog posts.
      \n        We will structure the pages visible to users using HTML and a template engine (such as Thymeleaf).\n    <\/p>\n
      4.1 Post Creation View<\/h3>\n
      \n    @GetMapping(\"\/create\")\n    public String createPostForm(Model model) {\n        model.addAttribute(\"post\", new Post());\n        return \"posts\/create\"; \/\/ create.html\n    }\n    <\/code><\/pre>\n
      4.2 Post Edit View<\/h3>\n
      \n    @GetMapping(\"\/edit\/{id}\")\n    public String editPostForm(@PathVariable Long id, Model model) {\n        Post post = postService.getPostById(id);\n        model.addAttribute(\"post\", post);\n        return \"posts\/edit\"; \/\/ edit.html\n    }\n    <\/code><\/pre>\n
      4.3 HTML Template<\/h3>\n
      Here, we will show an example of writing an HTML template using Thymeleaf.<\/p>\n
      \n    \n    \n    \n        \n        Create Post<\/title>\n    <\/head>\n    <body>\n        <h1>Create Post<\/h1>\n        <form action=\"@{\/api\/posts}\" method=\"post\">\n            <label>Title:<\/label>\n            <input type=\"text\" name=\"title\" required>\n            <br>\n            <label>Content:<\/label>\n            <textarea name=\"content\" required><\/textarea>\n            <br>\n            <button type=\"submit\">Create<\/button>\n        <\/form>\n    <\/body>\n    <\/html>\n    <\/code><\/pre>\n<h2 id=\"conclusion\">5. Conclusion<\/h2>\n<p>\n        In this course, we have carried out basic backend development of a blog application using Spring Boot.<br \/>\n        We understood various components such as data models, Repository, Service, and Controller,<br \/>\n        and learned how to write edit and create view controllers in detail.<br \/>\n        When developing actual applications, attention should also be given to various areas such as security, exception handling, and data validation.<br \/>\n        For the next step, it is recommended to cover advanced feature implementation and optimization based on these implementations.\n    <\/p>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents 1. Introduction 2. Introduction to Spring Boot 3. Blog Screen Layout Example 4. Writing Edit\/Create View Controller 5. Conclusion 1. Introduction In the field, data-driven application development is a very important factor. Especially when communication with various clients (web, mobile, etc.) is required, it is necessary to have a stable and maintainable … <a href=\"https:\/\/atmokpo.com\/w\/33137\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[131],"tags":[],"class_list":["post-33137","post","type-post","status-publish","format-standard","hentry","category-spring-boot-backend-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmokpo.com\/w\/33137\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"Table of Contents 1. Introduction 2. Introduction to Spring Boot 3. Blog Screen Layout Example 4. Writing Edit\/Create View Controller 5. Conclusion 1. Introduction In the field, data-driven application development is a very important factor. Especially when communication with various clients (web, mobile, etc.) is required, it is necessary to have a stable and maintainable … \ub354 \ubcf4\uae30 "Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/33137\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T09:14:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:28:48+00:00\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:site\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller\",\"datePublished\":\"2024-11-01T09:14:01+00:00\",\"dateModified\":\"2024-11-01T11:28:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/\"},\"wordCount\":452,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"Spring Boot backend development\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/\",\"url\":\"https:\/\/atmokpo.com\/w\/33137\/\",\"name\":\"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-01T09:14:01+00:00\",\"dateModified\":\"2024-11-01T11:28:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/33137\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/33137\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmokpo.com\/w\/#website\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmokpo.com\/w\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"contentUrl\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"width\":400,\"height\":400,\"caption\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\"},\"image\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/bebubo4\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"http:\/\/atmokpo.com\/w\"],\"url\":\"https:\/\/atmokpo.com\/w\/author\/root\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmokpo.com\/w\/33137\/","og_locale":"ko_KR","og_type":"article","og_title":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"Table of Contents 1. Introduction 2. Introduction to Spring Boot 3. Blog Screen Layout Example 4. Writing Edit\/Create View Controller 5. Conclusion 1. Introduction In the field, data-driven application development is a very important factor. Especially when communication with various clients (web, mobile, etc.) is required, it is necessary to have a stable and maintainable … \ub354 \ubcf4\uae30 \"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller\"","og_url":"https:\/\/atmokpo.com\/w\/33137\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-01T09:14:01+00:00","article_modified_time":"2024-11-01T11:28:48+00:00","author":"root","twitter_card":"summary_large_image","twitter_creator":"@bebubo4","twitter_site":"@bebubo4","twitter_misc":{"\uae00\uc4f4\uc774":"root","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"3\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/33137\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/33137\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller","datePublished":"2024-11-01T09:14:01+00:00","dateModified":"2024-11-01T11:28:48+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/33137\/"},"wordCount":452,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["Spring Boot backend development"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/33137\/","url":"https:\/\/atmokpo.com\/w\/33137\/","name":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-01T09:14:01+00:00","dateModified":"2024-11-01T11:28:48+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/33137\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/33137\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/33137\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"Spring Boot Backend Development Course, Blog Screen Layout Example, Writing Update Create View Controller"}]},{"@type":"WebSite","@id":"https:\/\/atmokpo.com\/w\/#website","url":"https:\/\/atmokpo.com\/w\/","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","description":"","publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmokpo.com\/w\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/atmokpo.com\/w\/#organization","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","url":"https:\/\/atmokpo.com\/w\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/","url":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","contentUrl":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","width":400,"height":400,"caption":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8"},"image":{"@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/bebubo4"]},{"@type":"Person","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7","name":"root","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","caption":"root"},"sameAs":["http:\/\/atmokpo.com\/w"],"url":"https:\/\/atmokpo.com\/w\/author\/root\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/33137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/comments?post=33137"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/33137\/revisions"}],"predecessor-version":[{"id":33138,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/33137\/revisions\/33138"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=33137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=33137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=33137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}