[Zero-base] 7-2. 회원 목록 구현

레이아웃 생성

 

list.html

• 관리자 회원 관리 페이지에 테이블 추가

 

 

 

localhost:8080/admin/member/list.do

• 관리자 회원 관리 페이지에 테이블 추가

 

 

 

list.html

• 관리자 회원 관리 페이지 테이블에 스타일 적용

 

 

 

localhost:8080/admin/member/list.do

• 관리자 회원 관리 페이지 테이블에 스타일 적용

 

 

 

list.html

• 관리자 회원 관리 페이지 테이블 폭 지정

 

 

 

localhost:8080/admin/member/list.do

• 관리자 회원 관리 페이지 테이블 폭 지정

 

 

 

list.html

• 관리자 회원 관리 페이지 테이블 샘플 값 입력

 

 

 

localhost:8080/admin/member/list.do

• 관리자 회원 관리 페이지 테이블 샘플 값 입력

 

 

---

회원정보 DB 연결

 

MemberService.java

• 인터페이스에서 리스트 구현

 

 

 

MemberServiceImpl.java

@Override
public List<Member> list() {

    return memberRepository.findAll();
}

 

 

 

AdminMemberController.java

package com.zerobase.fastlms.admin;

import com.zerobase.fastlms.member.entity.Member;
import com.zerobase.fastlms.member.service.MemberService;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import java.util.List;

@RequiredArgsConstructor
@Controller
public class AdminMemberController {

    private final MemberService memberService;
/*
    public AdminMemberController(MemberService memberService) {
        this.memberService = memberService;

    }
*/
    @GetMapping("/admin/member/list.do")
    public String list(Model model) {

        List<Member> members = memberService.list();

        model.addAttribute("list", members);

        return "admin/member/list";
    }
}

 

 

 

list.html

 

 

 

localhost:8080/admin/member/list.do

 

 

 

list.html

<tbody>
    <tr th:each="x : ${list}">
        <td>1</td>
        <td th:text="${x.userId}">81scramble@naver.com</td>
        <td th:text="${x.userName}">홍길동</td>
        <td th:text="${x.phone}">010-1111-2222</td>
        <td>
            <p th:if="${x.emailAuthYn}">Y</p>
            <p th:if="${x.emailAuthYn eq false}">N</p>
        </td>
        <td>
            <p th:text="${x.regDt}">2022.01.01</p>
        </td>
        <td>
            <p th:if="${x.adminYn}">Y</p>
            <p th:if="${x.adminYn eq false}">N</p>
        </td>
    </tr>
</tbody>

 

 

 

localhost:8080/admin/member/list.do

 

 

---

DB 임의 입력 및 출력 확인

 

Member DB

• 30개 추가 생성

 

 

 

localhost:8080/admin/member/list.do

입력된 결과 확인

• 무한정 출력해서 볼 수 없으므로 페이징 처리가 필요

 

 

---