[개발] 금융 커뮤니티 - 리치에이블 개발일지 #2(feat.스레드)

 

 

1.스레드 기능

근래 최근 나온 스레드의 디자인을 참고하여 모방 구현 해보았다.

화면

조회

 

작성

 

데이터 베이스 스키마

model Thread {
  id            String          @id @default(cuid())
  content       String
  User          User            @relation(fields: [userId], references: [id], onDelete: Cascade)
  createdAt     DateTime        @default(now())
  updatedAt     DateTime        @updatedAt
  userId        String
  ThreadComment ThreadComment[]
}

model ThreadComment {
  id        String   @id @default(cuid())
  content   String
  User      User     @relation(fields: [userId], references: [id])
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
  userId    String
  Thread    Thread   @relation(fields: [threadId], references: [id], onDelete: Cascade)
  threadId  String
}

2.회원수정 기능

화면

실시간으로 데이터 변경을 볼 수 있다.

 

 

3.관리자페이지

회원을 관리할 수 있는페이지를 만들어 보았다.

회원 관리 페이지로 상태를 확인할 수 있다.

 

A.유저관리 - 화면

A.유저관리 - 데이터 베이스 스키마

model User {
  id            String          @id @default(cuid())
  email         String?         @unique @default("")
  username      String?         @unique @default("")
  group         String?         @default("")
  tag           String?         @default("")
  content       String?         @default("")
  followers     Int?            @default(0)
  emailVerified DateTime?
  image         String?         @default("")
  Account       Account?
  isActivated   Boolean         @default(false)
  password      String?
  role          UserRole        @default(USER)
  createdAt     DateTime        @default(now())
  updatedAt     DateTime        @updatedAt
  Article       Article[]
  Comment       Comment[]
  UserExp       UserExp[]
  points        Int             @default(0)
  Thread        Thread[]
  ThreadComment ThreadComment[]
  UserLog       UserLog[]
}

 

B.로그 조회 - 화면

B.로그 조회 - 데이터 베이스 스키마

model Log {
  id          String        @id @default(cuid())
  content     String
  createdAt   DateTime      @default(now())
  updatedAt   DateTime      @updatedAt
  UserLog     UserLog[]
  LogCategory LogCategory[]
}

model LogCategory {
  id        String   @id @default(cuid())
  type      String
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
  Log       Log?     @relation(fields: [logId], references: [id])
  logId     String?
}

model UserLog {
  id        String   @id @default(cuid())
  User      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
  userId    String
  log       Log      @relation(fields: [logId], references: [id], onDelete: Cascade)
  logId     String
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
}

 

 

C.경험치 관리 페이지 - 화면

점수 부여하여 등급을 메기는 정보를 볼 수 있다.

C.경험치 관리 페이지 - 데이터 베이스 스키마

model Exp {
  id        String    @id @default(cuid())
  title     String?
  content   String?
  minExp    Int
  maxExp    Int
  createdAt DateTime  @default(now())
  updatedAt DateTime? @updatedAt
  UserExp   UserExp[]
  url       String?
}

model UserExp {
  id        String   @id @default(cuid())
  User      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
  userId    String
  Exp       Exp      @relation(fields: [expId], references: [id], onDelete: Cascade)
  expId     String
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
}

4.테스트 주소

실제 이메일 주소로 인증하여 기능을 체험해볼 수 있다.

https://richable.cyber-luna.com

리치에이블 - 로그인

https://github.com/TwoIceFIsh/richable-web-server

GitHub - TwoIceFIsh/richable-web-server: richable-web-server