상품 데이타를 가져오는 중입니다.
 
waiting...
 
 
save
 
  • 회원가입
  • 아이디찾기
  • 비번찾기
 
 
사용자체험
관리자체험
 
고객센터
  • 공지사항
  • 업데이트&패치
  • 자주하는질문
  • 질문과답변
  • 창업자료실
  • 주문제작상담
  • 팁엔테크
tel:070-0000-0000
  • 자주하는질문
  • 질문과답변
잇츠몰 고객지원센터
home
> 고객센터 > 팁엔테크
팁엔테크
  • 팁엔테크
 
ajax 연동 리스트 관련 설명
잇츠몰 (master@itsmall.kr) / 2012-06-14 PM 04:27 / 3202
 
 
잇츠몰의 리스트 페이지는 ajax를 이용해 처리 되고 있습니다.
좀 생소한 방식이라 커스터마이징시 어려워 하시는 분들이 계셔 처리과정을 설명 해 드리겠습니다.
처리과정만 이해 하신다면 크게 어렵지 않을 겁니다.

1. 리스트 페이지에서 리스트 데이타를 출력시킬 객체(id='list_table')를 만들어 줍니다.
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<col />
<col width="120" />
<col width="120" />        
<thead>
<tr height="28">
<th scope="col" class="small black">상품명</th>
<th align="right" scope="col" class="small black">가격/적립금</th>
<th scope="col" class="small black">상품평</th>
</tr>
</thead>

<tbody id="list_table"></tbody>
<!-- id:listTable 에 리스트가 나옵니다. -->
</table>

위 코드에서 <tbody id="list_table"></tbody> 이부분에 리스트 결과가 출력 됩니다.

2. 정의된 자바스크립트 함수를 이용해 페이지정보(조건)을 넘겨 줍니다.
getLists = new getList('{{limit}}','list','uid','{{TOTAL}}','{{Pstart}}','{{ajaxstring}}');
getLists.display();
aPage = new ajaxPaging('aPage','paging',getLists,'{{TOTAL}}','{{limit}}','10');

<!-- DYNAMIC @is_page@ -->
aPage.page={{page}};
<!-- DYNAMIC @is_page@ -->
aPage.makePage();
aPage.printPage();

getLists.cgOrder('{{order}}');
getLists.cgType('{{cgType}}');


치환코드 부분은 스킨제작가이트 list.html 파일을 보시면 됩니다.
getLists() 함수는 lib/lib.Function.js 파일에서 정의 되어 있습니다.
ajaxPaging() 함수는 스킨폴더/skin.lib.Shop.js 파일에서 정의 되어 있으면 페이징을 처리하는 부분 입니다.

3. getList() 함수에서 해당 정보를 php/getList.php 로 넘겨주고 결과 데이타를 xml 형태로 다시 받아 옵니다.

<?xml version="1.0" encoding="EUC-KR"?>
<root>
  <item>
  <link><![CDATA[index.php?channel=view&uid=25&cate=100102000000]]></link>
  <image><![CDATA[image/goods_img4/1001020000001010.jpg]]></image>
  <name><![CDATA[세빛아트 페이퍼파일럿 토네이도 ]]></name>
  <comp><![CDATA[]]></comp>
  <price><![CDATA[3,000원]]></price>
  <cprice><![CDATA[]]></cprice>
  <icon><![CDATA[]]></icon>
  <rese><![CDATA[0]]></rese>
  <ccnt><![CDATA[0]]></ccnt>
  <dragd><![CDATA[onmousedown="gToCart.init(event,this,'100102000000','25');"]]></dragd>
  <loc><![CDATA[ <a href='index.php?channel=main2&cate=100000000000' >종이모형/프라모델</a> > <a href='index.php?channel=list&cate=100102000000' >행글라이더</a>]]></loc>
  <uid><![CDATA[25]]></uid>
  <tag><![CDATA[<a href='index.php?channel=search&field=tag&search=%BC%BC%BA%FB%BE%C6%C6%AE' class='small'>세빛아트</a>, <a href='index.php?channel=search&field=tag&search=%C6%E4%C0%CC%C6%DB%C6%C4%C0%CF%B7%B5' class='small'>페이퍼파일럿</a>, <a href='index.php?channel=search&field=tag&search=%C7%E0%B1%DB%B6%F3%C0%CC%B4%F5' class='small'>행글라이더</a>]]></tag>
  <sout><![CDATA[]]></sout>
  <cp_price><![CDATA[0]]></cp_price>
  <cooperate><![CDATA[0]]></cooperate>
  <cate><![CDATA[100102000000]]></cate>
</item>
</root>


4. 넘어온 xml 데이타를 rtnCell() 함수에 넘겨줘 리스트 결과를 출력 시켜줍니다.
rtnCell()함수는 스킨폴더/listDesign.js 파일에서 정의 되어 있습니다.
리스트 형태일 경우 rtnImg() 함수로 결과값을 넘겨 줍니다.

rtnCell()에서 정의된 DOM형태를 이용해 리스크 결과가 출력 됩니다.
리스트 출력 형태를 변경하길 원하시면 listDesign.js 파일에서 수정 하시면 됩니다.
수정되면 상품 리스트 관련 페이지에 일괄적으로 적용됩니다.

특정 페이지 리스트만 다르게 출력 하길 원하신 다면 listDesign.js 파일을 listDesign2.js 복사 하신 후 출력 형태를 수정 하시고 페이지 리스트 상단에서 불러오는 listDesign.js 파일을 listDesign2.js 로 변경 하시면 됩니다.


리스트관련 해서 궁금 하신 점이 계시거나 작업 중 안되는 부분이 있으시면 바로 문의 남겨 주시면 최대한 해결해 드리도록 하겠습니다.

그럼 좋은 시간 되세요~
 
box left
이름
비밀번호
box left box right
box left 입력
하기
box right
box right


 
RSS퍼가기 Today 0 , Total 12 , 1/2 Page.
 
검색
 
 
 
대구쇼핑몰 웹표준쇼핑몰아주 기본적인 대구쇼핑몰 웹표준쇼핑몰 입니다. 어떻게 시작하는지... 기본적인 것만 간단하게 적어보겠습니다. 1. 컵셉 결정 후 아이템을 선정하시고, 대구쇼핑몰 웹표준쇼핑몰사입루트를 알아보세요. 무엇을 팔지, 어떤 스타일로 쇼핑몰를 만들고 운영할지 결정하셨다면 컨셉에 맞는 사입처(공장 도는 도매처)를 확보해야 합니다. 2. 대구쇼핑몰 웹표준쇼핑몰집에서 하는게 아니라면 사무실을 얻으세요. 공간만 있다면... 집에서 시작하실 수 있습니다. 사무실을 얻을 수 없는 여건이라면 공동사무실을 이용할 수 있습니다. 3. 사업자등록(세무서), 통신판매신고(시,군,구청)를 하십니다. ※ 사업자등록시 구비서류 : 사업자등록신청서, 대표 주민등록등본, 대표자 개인 인감증명서, 입금통장사본 각 1부씩 ※ 통신판매신고시 구비서류 : 사업자등록증 사본 1부, 통신판매업 신고서 4. 대구쇼핑몰 웹표준쇼핑몰몰을 선택하셨으니 제작을 할지 임대몰을 쓸지 결정하시구요. 제작시와 임대시의 장단점을 꼼꼼히 살펴 본인에 맞게 결정하세요. 5. 도메인을 확보하신 후 몰 제작을 의뢰하십니다. (전자결제 포함) 도메인은 영문으로 된 것이어야 합니다. 또한 외우기 쉽고 발음하기 쉬운 것이 좋습니다. 6. 카메라등의 촬영장비를 구매하시거나 렌탈스튜디오 혹은 출장 가능한 포토그래퍼을 알아보세요. 카메라등 촬영장비를 구매하신다면 본인의 여건은 고려해 적당한 것을 고릅니다. 7. 대구쇼핑몰 웹표준쇼핑몰 미리 알아 본 사입루트를 통해 사입을 합니다. 미리 알아 본 사입처(공장 도는 도매처)에서 상품을 사입합니다. 본인이 직접 나가서 사입하시는 것이 좋으나 여의치 않으면 사입대행(사입삼촌) 의뢰를 하실 수 있습니다. 8. 대구쇼핑몰 웹표준쇼핑몰 포장재(박스나 테이프 등)를 구매하시고 택배업체를 선정합니다. 별로 중요하게 생각하지 않는 경우가 있는데, 나름 중요합니다. 포장재는 상품보다 먼저 보여지는 것 입니다. 또한, 택배업체는 지금 당장이 아니고 주문이 많아졌을때를 대비해서 신중하게 선택하세요. 9. 피팅모델 섭외하셔서 사진 촬영하시고 상세페이지 만듭니다. 대구쇼핑몰 웹표준쇼핑몰 의류쇼핑몰이라면 피팅모델이 상당히 중요한 역할을 합니다. 그리고, 상세페이지는 고 퀄리티의 사진과 자세한 설명이 있고 쇼핑몰의 컨셉에도 맞아야 합니다. 10. 대구쇼핑몰 웹표준쇼핑몰 만들어 놓은 상세페이지를 완성된 몰에 업로드합니다. 한번 올리고 끝이아니라, 지속적으로 새로운 아이템의 추가 및 교체가 꼭 필용합니다. 11. 대구쇼핑몰 웹표준쇼핑몰 광고등... 본인의 몰을 홍보합니다. 모든 과정을 마치고 판매할 준비가 갖춰진 상태라면 광고등... 몰 홍보를 합니다. 투자한다는 생각으로 지속적으로 하셔야 합니다.
 
사업자정보확인