본문 바로가기
개발/.Net

[.Net Core MVC] 웹 게시판 만들기(7) - 게시글 작성

by 코딩하는 흰둥이 2023. 4. 17.
반응형

이전글

https://greed-yb.tistory.com/204

 

[.Net Core MVC] 웹 게시판 만들기(6) - 게시판 리스트

이전글 https://greed-yb.tistory.com/203 [.Net Core MVC] 웹 게시판 만들기(5) - Views 생성, 연동 이전글 https://greed-yb.tistory.com/202 [.Net Core MVC] 웹 게시판 만들기(4) - DB 연결하기 이전글 https://greed-yb.tistory.com/201

greed-yb.tistory.com

 

 

Controller - 게시글 작성 화면이동 메서드 생성

MemberController

Index.cshtml 에서 임의로 만들어둔 Create 버튼을 클릭 했을 때 이동하는 메서드

 

뷰 추가를 한다

 

게시글 작성 화면

기본 코드 지우고 코드를 입력

@model Member
<form method="post">
    <div class="border p-3" mt-4>
        <div class="row pb-2">
            <h2 class="text-primary">
                Create
            </h2>
            <hr />
        </div>
        <div class="mb-3">
            <label>ID</label>
            <input asp-for="M_ID" class="form-control" />
        </div>
        <div class="mb-3">
            <label>PassWord</label>
            <input asp-for="M_PASSWORD" class="form-control" />
        </div>
        <div class="mb-3">
            <label>Name</label>
            <input asp-for="M_NAME" class="form-control" />
        </div>
        <div class="mb-3">
            <label>Age</label>
            <input asp-for="M_AGE" class="form-control" />
        </div>
        <div class="mb-3">
            <label>Addr</label>
            <input asp-for="M_ADDR" class="form-control" />
        </div>
        <button type="submit" class="btn btn-primary" style="width:150px">Create</button>
        <a asp-controller="Member" asp-action="Index" class="btn btn-secondary" style="width:150px">Back to List</a>
    </div>
</form>

button 의 submit은 Controller로 값을 보내주고

아래 a태그는 뒤로 가기 버튼을 만들어 두었다

 

 

 

Index.cshtml 에서 Create 버튼을 클릭 시 아래의 페이지로 이동된다.

 

 

 

Controller - 게시글 저장

        // Member 저장 메서드
        // Post로 전송
        [HttpPost]
        // 위조나 변조 방지
        [ValidateAntiForgeryToken]
        public IActionResult MemberCreate(Member member)
        {
            // 받아온 데이터를 저장
            _db.Member.Add(member);
            // SaveChanges를 해야 데이터가 들어감
            _db.SaveChanges();
            // 저장 후 게시글 리스트로 이동
            return RedirectToAction("Index");
        }

저장 메서드 추가

 

 

 

데이터 입력 -> Create 버튼 클릭

 

데이터가 정상적으로 들어가는 것을 확인

댓글