집 >백엔드 개발 >PHP 튜토리얼 >산화 eShop에 대한 무한 스크롤 목록 구축 - 기본 사항

산화 eShop에 대한 무한 스크롤 목록 구축 - 기본 사항

Christopher Nolan원래의: 2025-02-20 10:45:09172검색

산화 eShop에 대한 무한 스크롤 목록 구축 - 기본 사항 키 테이크 아웃

산화 eShop 또는 산화 eSales는 고도로 사용자 정의 가능하고 확장 가능한 전자 상거래 플랫폼입니다. 이 튜토리얼은 전통적인 페이지 매김을 대체하여 기사 목록에 대한 무한 스크롤을 구현하는 새로운 산화 모듈 확장을 만들기위한 단계별 안내서를 제공합니다. 튜토리얼의 첫 번째 부분은 새로운 모듈 확장에 대한 적절한 폴더 구조의 생성을 포괄하고 Metadata.php로 작업하여 필요한 컨트롤러를 확장하고 기존 템플릿을 새 템플릿으로 바꾸고 새 모듈 구성 옵션을 추가합니다. . 또한 백엔드 언어 파일로 작업하여 모듈 설정의 디스플레이 이름을 만들고 모듈 설정의 텍스트와 새로운 모듈 컨트롤러에서 작동하는 방법을 설명합니다. 튜토리얼의 두 번째 부분은 모듈 URL을 올바르게 가져 오는 방법, 산소 템플릿 엔진 작업, 새 템플릿의 컨텐츠 추가, Infinite Scrolling의 실행을 처리하기 위해 JavaScript를 추가하는 것을 포함하여 새 템플릿 작업에 중점을 둘 것입니다. 기사 목록에서 및 데이터베이스보기 업데이트 및 모듈 활성화. 튜토리얼은 산화 eShop에 대한 일부 작업 경험을 가정하고 새로운 모듈 확장을 개발하기 위해 백엔드 구현에 중점을 둡니다. 다음 부분은 템플릿을 사용자 정의하고 무한 스크롤을위한 워크 플로우를 처리하기 위해 JavaScript를 추가하는 필수 프론트 엔드 구현에 대한 자세한 내용을 설명합니다.

공식적으로 산화 ESALES로 알려진 산화 eShop

는 온라인 비즈니스의 모든 세그먼트에 최적화 된 강력하고 확장 가능한 전자 상거래 표준 플랫폼입니다. 내 "9-5"작업의 대부분을 산화로 지출하는 개발자 로서이 전자 상거래 시스템은 사용자 정의 및 확장이 매우 쉽다는 것을 알았습니다.

산화를 처음 접했거나 자신의 온라인 비즈니스를위한 간단하지만 효과적인 플랫폼을 찾고 있다면,

> 산화 ESALES에 대한 Matthew Setter의 시리즈를 읽는 것이 좋습니다. 산화 시스템 이 2 부 튜토리얼에서는 전통적인 페이지 매김 대신 기사 목록에

인피니트 스크롤

를 구현하는 새로운 산화 모듈 확장을 생성 할 것입니다. 이 기사에서 나는 나중에 산소 발달을 겪을 때 작업 과정을 가속화하는 데 도움이 될 수있는 개인적인 경험을 공유하려고합니다.

여기에 당신이 달성 할 것입니다.

전체 소스 코드는 시리즈의 끝에서 사용할 수 있습니다.

튜토리얼은 다음 영역을 다룹니다 1 부 :
새로운 모듈 확장을위한 적절한 폴더 구조 생성 metadata.php로 작업 :
필요한 컨트롤러를 확장하십시오 기존 템플릿을 새 템플릿으로 바꾸십시오 새 모듈 구성 옵션을 추가하십시오.
새 모듈 컨트롤러와 함께 작동합니다
2 부 :
새로운 템플릿 작업 :
모듈 URL을 올바르게 가져 오는 방법 산화 템플릿 엔진 작업을 요약하십시오 새 템플릿의 컨텐츠 추가 기사 목록에서 무한 스크롤의 실행을 처리하기 위해 JavaScript 추가. 데이터베이스보기 업데이트 및 모듈 활성화

참고 : 산화 eShop을 사용하여 일부 작업 경험
가 있다고 가정합니다 (위의 링크 된 Matthew의 기사를 참조하십시오). 따라서 산화의 기본 개념에 대한 설명은 많지 않습니다.

산화 모듈 폴더 구조 먼저해야 할 가장 중요한 작업은 표준 폴더 구조를 만드는 것입니다.
{your_web_root}/Oxid/Modules/로 이동하십시오 aho_infinitescroll이라는 새 폴더를 만들고 후속 폴더/파일을 만듭니다.

참고 : 새 모듈 이름 지정의 모범 사례는 공급 업체/개발자/그룹의 이름과 모듈 기능을 결합하는 것입니다. 팀 협업을위한 새로운 모듈의 공급 업체와 기능을 즉시 공개하는 데 도움이됩니다.

따라서 공식은 다음과 같습니다 공급 업체 이름

밑줄

기능

즉 : sitepoint_infinitescroll
공급 업체 이름은 개발자 이름 또는 그룹 이름으로 대체 할 수 있습니다. 그것은 당신에게 달려 있습니다.
- 메타 데이터 작업 <.> 메타 데이터 .php는 모든 모듈 개발에 필수적입니다. 이 파일은 모듈에 대한 기본 세부 사항, 확장 할 클래스, 오버 리드 블록, 교체 할 템플릿, 프론트 엔드 및 백엔드 측면의 설정 등을 제공합니다. 파일 Metadata.php를 열고 다음 줄을 추가하십시오.
```
aho_infinitescroll/
|	
|--- controllers/
|		|-- aho_infinite_alist.php 	# A new controller that extends alist.php
|
|--- out/
|	|--admin/
|		|--en/
|			|-- aho_infinitescroll_lang.php 	# Back-end English text.
|		|--de/
|			|-- aho_infinitescroll_lang.php 	# Back-end Deustch text.
|
|	|--css/
|		|--> infinitescroll.css 	# Style for infinite scrolling elements.
|		
|	|--img/
|		|--> ajax-loader.gif # image indicates the loading status.
|	|--js/
|
|--- translations/
|		|--de/
|			|--> aho_infinitescroll_lang.php # Front-end Deustch text. 
|		|--en/ 
|			|--> aho_infinitescroll_lang.php # Front-end English text.
|
|--- views/
|		|-- page/
|			|-- list/
|				|--> aho_infinitescroll_list.tpl # new template file.
|	
|--- metadata.php # Define extension name, classes and other infos. 
|--- picture.jpg # A thumbnail for the module's functionality.
```
- 값 템플릿은 새로운 모듈의 등록 된 템플릿을 모두 저장하는 배열입니다. 쉽게 팀 협업을 위해 대체 할 템플릿의 동일한 폴더 구조를 작성하는 것이 좋습니다. 템플릿의 항목과 값은 모두 파일 이름 확장자를 포함해야합니다 .tpl
 .
다음으로, 우리는 백엔드 번역을 살펴 봅니다. 백엔드 번역 추가
마지막 섹션에서는 새 모듈의 설정을 추가했습니다. 이제 번역 작업을 수행 할 시간입니다.
파일을 열어주십시오.
```
<?php

$sMetadataVersion = '1.0'; # Define version of this file

// An array to store modules' details
$aModule = array
(
 'id' => 'aho_infinitescroll',
 'title' => '[AHO] Infinite Scrolling List', 
 'description' => 'Infinite Scrolling for article list',
 'thumbnail' => 'picture.jpg',
 'version' => '1.0.0',
 'author' => 'Tuan Anh Ho',
 'url' => '',
 'email' => 'anhhothai@gmail.com'
);
```
구성 옵션에 대한 번역 추가 옵션 _module _ setting_column_name에 대한 번역을 추가하려면 구문. 구성 옵션 help_shop_module _ setting_colum_name에 대한 도움말 텍스트를 추가하려면 구문 텍스트를 추가합니다.

위 내용은 산화 eShop에 대한 무한 스크롤 목록 구축 - 기본 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php JavaScript css ajax print Array define if for while include register continue using class number function default this display column table database SEO Translate Other

성명：

이전 기사：Laravel 및 Git을 사용하여 웹 사이트를 배포하십시오다음 기사：Laravel 및 Git을 사용하여 웹 사이트를 배포하십시오

산화 eShop에 대한 무한 스크롤 목록 구축 - 기본 사항

공식적으로 산화 ESALES로 알려진 산화 eShop

이 새로운 컨트롤러는 몇 가지 일을합니다

무한 스크롤의 모양과 느낌은 CSS를 사용하여 사용자 정의 할 수 있습니다. 로딩 표시기, 제품 목록 및 기타 요소의 스타일을 웹 사이트 디자인과 일치시키기 위해 수정할 수 있습니다.

관련 기사