학원 수업 49일차 221031
- 10-11
쿼리스트링 파라미터?
@GetMapping("/customers/{division}/{page}")
public String customers(Model model) {
service.list(model);
return "customer/faq/list";
}
스프링부트 어노테이션 / @PathVariable
https://ocblog.tistory.com/46
(/springWeb05-design/src/main/java/com/green/nowon/service/impl/FaqServiceProcess.java)
RowBounds?
- 11-12
비동기 구현 -> jQuery ajax
jQuery AJAX Methods
https://www.w3schools.com/jquery/jquery_ref_ajax.asp
xhr
- 12-1
jQuery html() Method
https://www.w3schools.com/jquery/html_html.asp
(/springWeb05-design/src/main/resources/templates/customer/faq/page.html)
function getList(){
$.ajax({
url:`/customers/${division}/${page}`,
type:"get",
success:function(resultHtml){
$(".cus-list").html(resultHtml);
var len = $("#p-length").val();
$(".page-list li").eq((page-1)% len ).addClass("select");
}
});
}Model - addAtrribute
ModelAndView - addObject
- 2-3
jQuery eq() Method
https://www.w3schools.com/jquery/traversing_eq.asp
(/springWeb05-design/src/main/resources/templates/customer/faq/page.html)
$(function(){
$(".cus-menu ul>li").eq(0).addClass("target")
$(".cus-menu ul>li").click(menuClicked);
getList();
});
var pl=/* [[${pi.pLength}]] */null??1;
ㄴ [[${pi.pLength}]]이 null이면 1 값을 반환
- 3-4
(front.html)
<html th:replace="~{layout/layout03 :: default(~{::head} , ~{::main})}" >
(layout03.html)
<html th:fragment="default(head, main)">front의 코드를 default값에 저장해서 layout03으로 넘겨주면 layout03이 받아서 페이지를 완성시키고
다시 front에서 완성된 화면이 보여짐
비동기를 자주자주 잘 써야돼 최대한 써!
비동기 구현 끝!
-- 팀 과제 설명
우선 프론트엔드 디자인
결제처리 쇼핑몰
https://www.oracletutorial.com/getting-started/oracle-sample-database/
참고하여 사이트 만들 예정
헤더 푸더 로그인 회원가입
- 4-5
웹사이트 구현 뼈대 만들기
프로젝트 명 : springWebSample