프로젝트(2) - 화면설계

 

 

1. 부트스트랩 선정

처음엔 웹디자이너 친구가 준 페이지를 사용하려 하였으나 여러 서브페이지들과 통일성있게 돌리기 위해 구글에서 부트스트랩 템플릿을 검색하여 선택하였다.

내가 만들고싶은 페이지는 제품리스트가 뿌려지고 제품의 상세보기가 가능한 화면이 뿌려지는 페이지를 만들고 싶었다. 또 문의게시판과 로그인, 회원가입등이 가능한 화면이 있어야 하는데 이것은 부트스트랩 템플릿이 아닌 메뉴바와 푸터 사이에 일반적인 부트스트랩 폼을 넣을 생각이당.

 

 

 

 

상품목록으로 바꿀 페이지

 

상품의 상세보기 화면

 

2. 커스터마이징

 

 

커스터마이징 한 메인페이지

 

 

3. 필요한 페이지 확인 및 필요한 데이터베이스 확인하기

 

 

ring 페이지 리스트

 

perfuem 리스트

 

watch 리스트

* 리스트 페이지는 상단의 메인이미지교체, 각각의 DB테이블을 구축하여 큰 틀은 같도록 만들 예정

 

 

 

 

 

각 제품별 디테일 페이지

 

 

 

 

 

 

제품 업로드 화면

 

 

 

 

로그인페이지

 

 

 

회원가입 페이지

 

 

 

 

회원 수정 페이지

 

 

 

노티스 리스트 페이지

 

 

 

노티스 글쓰기,수정

 

 

 

DB

 

 

html 구성

JAVA

 

 

 

 

4.데이터 베이스 테이블 생성

 

 

show variables like 'C%';

https://blog.naver.com/mooo4030/221765257347

 

 

root으로 들어가서 앞으로 사용할 데이터베이스를 생성한다

create user 'seoha'@'%' identified by '비밀번호'; // seoha 아이디와 비밀번호를 생성하였당
create database seoha; // seoha DB를 만들었당 
grant all privileges on seoha.* to 'seoha'@'%' // seoha에게 모든 권한을 주었당

 

 

 

 

요로케 잘 셋팅이 되어따

 

 

 

 

5. 팩토리셋팅, DB연결

 

DB연결 내가 젤루 헷갈렸던 부분이다 따흐흑 ㅠㅠ

이번에야말로 연결하는 마무으리를 하겟다

 

 

(1). web-inf의 web.xml과 meta-inf에 있는 context.xml에 있는 파일을 수정한다

 

(2). DButil.java 와 model만들기

여기서 모델은 처음부터 롬북 라이브러리를 사용하여 게터와세터등을 자동으로 만들어줄수있게 어노테이션만 걸어놓겠다!

 

 

package com.seoho.tiffany.model;

import java.sql.Timestamp;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder

public class User {
	int userno;
	String userid;
	String username;
	String password;
	String email;
	String address;
	int tel;
	Timestamp createTime;
	
}

 

(3) 컨트롤러 테스트해보기

package test;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.seoho.tiffany.action.Action;
import com.seoho.tiffany.action.user.UserFactory;
import com.seoho.tiffany.model.User;


@WebServlet("/User")
public class UserControllerTest extends HttpServlet {

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	doPost(request, response);		
	}


	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		UserDaoTest test = new UserDaoTest();
		int user = test.save();
		System.out.println(user);
		
	}

}

 

 

 

중간에 약간 감을 못잡긴 했지만 그래도 성공

생각해보니 아이디에 유니큐를 안걸었다.. 걸고와야지

 

ALTER TABLE `seoha`.`user` 
ADD UNIQUE INDEX `userid_UNIQUE` (`userid` ASC),
ADD UNIQUE INDEX `userno_UNIQUE` (`userno` ASC);
;

 

 

 

 

6. model, viewmodel, action파일 생성

 

 

맞나?

dao, dto,util은 다음기회에 정리 :-)

 

7. include 생성

8. 페이지 생성

 

 

 

 

 

각 화면들 생성 완료!!!!

이제 진짜 시작이당