粉嫩metart人体欣赏,大地影院mv在线观看视频免费

>無限滾動(dòng)如何改善電子商務(wù)網(wǎng)站的性能？無需立即加載所有產(chǎn)品，這可以放慢站點(diǎn)的速度，而是無限滾動(dòng)最初加載一定數(shù)量的產(chǎn)品，然後隨著用戶繼續(xù)滾動(dòng)而加載更多的產(chǎn)品。這不僅可以提高站點(diǎn)速度，還可以提高用戶的參與度和保留率。

是為電子商務(wù)網(wǎng)站推薦php嗎？

>如何自定義氧化eShop中無限捲軸的外觀？您可以修改加載指示燈，產(chǎn)品列表和其他元素的樣式，以匹配您的網(wǎng)站的設(shè)計(jì)。

首頁

後端開發(fā)

php教程

為氧化ESHOP建立無限的滾動(dòng)列表 - 基礎(chǔ)知識(shí)

Christopher Nolan

Feb 20, 2025 am 10:45 AM

為氧化ESHOP建立無限的滾動(dòng)列表 - 基礎(chǔ)知識(shí)

鑰匙要點(diǎn)

>教程的第二部分將重點(diǎn)關(guān)注與新模板一起工作，包括如何正確獲取模塊URL，使用氧化模板引擎，為新模板添加內(nèi)容，添加JavaScript來處理無限滾動(dòng)的執(zhí)行在文章列表中，更新數(shù)據(jù)庫視圖並激活模塊。該教程在氧化ESHOP上具有一些工作經(jīng)驗(yàn)，並著重於開發(fā)新模塊擴(kuò)展的後端實(shí)現(xiàn)。下一部分將介紹有關(guān)基本前端實(shí)現(xiàn)的詳細(xì)信息，該實(shí)現(xiàn)包括自定義模板，並添加JavaScript來處理無限滾動(dòng)的工作流程。 >

正式稱為氧化ESALES的

> 是一個(gè)強(qiáng)大而可擴(kuò)展的電子商務(wù)標(biāo)準(zhǔn)平臺(tái)，可針對在線業(yè)務(wù)的每個(gè)部分進(jìn)行優(yōu)化。作為開發(fā)人員將我的大部分“ 9到5”任務(wù)與氧化物一起使用，我發(fā)現(xiàn)該電子商務(wù)系統(tǒng)非常容易自定義和擴(kuò)展。

如果您是氧化的新手或正在為自己的在線業(yè)務(wù)尋找簡單但有效的平臺(tái)，我建議您閱讀 Matthew Setter在氧化ESALES上的系列文章，該系列提出了標(biāo)準(zhǔn)實(shí)現(xiàn)以開始的標(biāo)準(zhǔn)實(shí)現(xiàn)使用氧化系統(tǒng)。

在這兩個(gè)部分的教程中，我們將創(chuàng)建一個(gè)新的氧化模塊擴(kuò)展名，將無限滾動(dòng)

實(shí)現(xiàn)到文章列表而不是傳統(tǒng)分頁。在本文中，我試圖分享我的個(gè)人經(jīng)驗(yàn)，如果您以後遇到任何氧化劑開發(fā)，可能會(huì)幫助您加快工作過程。這是您將要實(shí)現(xiàn)的。

整個(gè)源代碼將在系列結(jié)束時(shí)可用。

這些教程將涵蓋以下領(lǐng)域：

第1部分：

為新模塊擴(kuò)展創(chuàng)建適當(dāng)?shù)奈募A結(jié)構(gòu)。
>使用metadata.php to：
- 延長了必要的控制器。
>如何使用後端語言文件來創(chuàng)建顯示名稱並幫助模塊設(shè)置的文本。
與新的模塊控制器一起工作。

第2部分：

使用新模板：
- >如何正確獲取模塊URL。
- 回顧一下使用氧化模板發(fā)動(dòng)機(jī)。
- 添加新模板的內(nèi)容。
>

注意：我假設(shè)您有氧化eShop的一些工作經(jīng)驗(yàn)（如果沒有，請參見上面鏈接的Matthew的文章）。因此，對於氧化的基本概念，不會(huì)有太多解釋。
>

氧化模塊文件夾結(jié)構(gòu)

您首先要做的最重要的任務(wù)是創(chuàng)建標(biāo)準(zhǔn)文件夾結(jié)構(gòu)。

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.

>注意：
命名新模塊的最佳實(shí)踐是將供應(yīng)商/開發(fā)人員/組的名稱與模塊的功能結(jié)合在一起。它有助於立即揭示團(tuán)隊(duì)協(xié)作新模塊的供應(yīng)商和功能。
因此，公式可以如下：
>

供應(yīng)商名稱 underscore 功能

即：sitepoint_infinitesCroll

>供應(yīng)商名稱可以用開發(fā)人員名稱或組名稱代替。取決於您。

>使用metadata.php

> metadata.php對於任何模塊開發(fā)至關(guān)重要。該文件提供了有關(guān)模塊，要擴(kuò)展的類，要覆蓋的塊，要替換的模板的基本詳細(xì)信息，前端和後端側(cè)面的設(shè)置等等。

請打開文件元數(shù)據(jù)。

<span><span><?php
</span></span><span>
</span><span><span>$sMetadataVersion = '1.0';  # Define version of this file
</span></span><span>
</span><span><span>// An array to store modules' details
</span></span><span><span>$aModule = array
</span></span><span><span>(
</span></span><span>    <span>'id' => 'aho_infinitescroll',
</span></span><span>    <span>'title' => '[AHO] Infinite Scrolling List', 
</span></span><span>    <span>'description' => 'Infinite Scrolling for article list',
</span></span><span>    <span>'thumbnail' => 'picture.jpg',
</span></span><span>    <span>'version' => '1.0.0',
</span></span><span>    <span>'author' => 'Tuan Anh Ho',
</span></span><span>    <span>'url' => '',
</span></span><span>    <span>'email' => 'anhhothai@gmail.com'
</span></span><span><span>);</span></span>

我們只是為新模塊插入了基本信息，並且所有元素都以其術(shù)語為單位。
請注意，ID和標(biāo)題是強(qiáng)制性變量。特別是，ID的值必須與模塊的文件夾名稱相同。
>縮略圖是一個(gè)可選的元素，可在視覺上描述您的模塊。我通常會(huì)準(zhǔn)備一個(gè)漂亮的縮略圖，因?yàn)槲蚁嘈乓粡垐D片值一千字。有時(shí)，您打算通過氧化市場出售一些您喜歡的自發(fā)模塊，而設(shè)計(jì)更好的縮略圖會(huì)吸引更多的買家。

接下來，我們將在電子郵件之後定義更多元素。

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.

>
該值擴(kuò)展指定新模塊將擴(kuò)展的特定核心/控制器類。在這種情況下，它將是Alist.php，位於/氧化/application/。
>注意：
>
命名新模板的正確方法是“
- _舊模板名稱” I.E：AHO_INFINITESCROLL_LIST.TPL

<span><span><?php
</span></span><span>
</span><span><span>$sMetadataVersion = '1.0';  # Define version of this file
</span></span><span>
</span><span><span>// An array to store modules' details
</span></span><span><span>$aModule = array
</span></span><span><span>(
</span></span><span>    <span>'id' => 'aho_infinitescroll',
</span></span><span>    <span>'title' => '[AHO] Infinite Scrolling List', 
</span></span><span>    <span>'description' => 'Infinite Scrolling for article list',
</span></span><span>    <span>'thumbnail' => 'picture.jpg',
</span></span><span>    <span>'version' => '1.0.0',
</span></span><span>    <span>'author' => 'Tuan Anh Ho',
</span></span><span>    <span>'url' => '',
</span></span><span>    <span>'email' => 'anhhothai@gmail.com'
</span></span><span><span>);</span></span>

>
line
>並繼續(xù)使用直到結(jié)束。當(dāng)我們首次激活模塊時(shí)，將此設(shè)置插入兩個(gè)表
oxconfig

>。氧化劑將自動(dòng)插入值模塊：AHO_INFINITESCROLL中

Oxmodule （Table Oxconfig）和 >您可以按照此擴(kuò)展元數(shù)據(jù)的在線文檔了解更多有關(guān)其他可能的參數(shù)的信息。 > 接下來，我們查看後端翻譯。

添加後端翻譯在上一節(jié)中，我們添加了新模塊的設(shè)置。現(xiàn)在是時(shí)候進(jìn)行翻譯了。

請打開文件AHO_INFINITESCROLL/OUT/ADMIN/EN/AHO_INFINITESCROLL_LANG.PHPAND添加以下幾行。

>語法要添加配置選項(xiàng)的翻譯shop_module _ setter_column_name。

>語法要添加配置選項(xiàng)的幫助文本help_shop_module _ setting_colum_name。

>如下圖所示，上述代碼將導(dǎo)致輸出。稍後，當(dāng)您激活模塊時(shí)，請?jiān)谖谋究蛑休斎胄校?pre class="brush:php;toolbar:false">'extend' => array( 'alist' => 'aho_infinitescroll/controllers/aho_infinitescroll_alist' ), 'templates' => array( 'aho_infinitescroll_list.tpl' => 'aho_infinitescroll/views/page/list/aho_infinitescroll_list.tpl' )>

請為文件AHO_INFINITESCROLL/OUT/ADMIN/DE/AHO_INFINITESCROLL_LANG.PHP執(zhí)行相同的操作。用Value Deustch分配變量$ SLANGNAME，並讓專門從事語言的人將所有文本轉(zhuǎn)換為德語，或者只是將Gibberish放入其中，只要它與英語不同，以便您可以看到差異。
>

與新控制器一起工作
請打開AHO_INFINITESCROLL/CONTRORTERS/AHO_INFINITE_ALIST.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.
```
這個(gè)新控制器只能做幾件事：
- 將$ _sthistemplate的值更改為aho_infinitescroll.tpl，我們在metadata.php中定義了該值：請注意，我們只需要在此處指定模板名稱。因此，模板名稱應(yīng)該是唯一的。它可以幫助系統(tǒng)快速找到正確的模板。
- 函數(shù)渲染無能為力，但只是返回新的模板名稱。
 > getViewTypelist函數(shù)將返回在gphp中定義的數(shù)據(jù)列的sinfinitesCrolllistType的值。模板AHO_INFINITESCROLL.TPL將利用此值來確定將用於文章列表的哪種視圖類型。
- 您可以注意，擴(kuò)展類的名稱是AHO_INFINITESCROLL_ALIST_PARENT。公式是模塊控制器名稱_父級。
- >您通常需要知道需要擴(kuò)展哪些類。有一種簡單的方法可以找出當(dāng)前視圖中哪個(gè)類正在運(yùn)行。您只需瀏覽file/application/views/ {theme_name }/tpl/layout/page.tpl，然後在文件頂部插入以下行：
上面的行有助於打印當(dāng)前視圖中使用的核心類。如果您想檢測執(zhí)行AJAX請求的核心類，則需要更多的努力來使用Chromedev工具。
- 到目前為止，我們已經(jīng)逐步進(jìn)行了後端實(shí)現(xiàn)，以開發(fā)新的模塊擴(kuò)展名。目前，我們能夠激活模塊，以查看管理儀表板中的內(nèi)容。如果出現(xiàn)任何問題，請隨時(shí)在此處發(fā)表評論。我將盡力幫助您。
下一部分將詳細(xì)介紹基本前端實(shí)現(xiàn)，該實(shí)現(xiàn)包括自定義模板，並添加JavaScript來處理無限滾動(dòng)的工作流程。
```
<?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'
);
```
經(jīng)常詢問有關(guān)在氧化eShop中構(gòu)建無限捲軸列表的問題
>在氧化eShop中使用無限滾動(dòng)的目的是什麼？內(nèi)容。在氧化ESHOP的背景下，該技術(shù)可用於在用戶向下滾動(dòng)頁面時(shí)連續(xù)顯示產(chǎn)品，從而通過允許無縫導(dǎo)航和探索產(chǎn)品來改善用戶體驗(yàn)。
>無限滾動(dòng)如何改善電子商務(wù)網(wǎng)站的性能？無需立即加載所有產(chǎn)品，這可以放慢站點(diǎn)的速度，而是無限滾動(dòng)最初加載一定數(shù)量的產(chǎn)品，然後隨著用戶繼續(xù)滾動(dòng)而加載更多的產(chǎn)品。這不僅可以提高站點(diǎn)速度，還可以提高用戶的參與度和保留率。

>我如何使用PHP？

Ajax調(diào)用和分頁系統(tǒng)。您需要修改列表控制器和產(chǎn)品列表模板中的功能，以處理AJAX請求並更新產(chǎn)品列表?？梢栽谖恼轮姓业皆敿?xì)的步驟和代碼段。
>
>是否存在在氧化eShop中使用無限滾動(dòng)的潛在缺陷？適用於所有類型的電子商務(wù)網(wǎng)站。例如，如果您的網(wǎng)站有一個(gè)具有重要鏈接的頁腳，則無限滾動(dòng)可能會(huì)使用戶難以與頁腳聯(lián)繫。另外，對於想要導(dǎo)航到特定產(chǎn)品或頁面的用戶，無限捲軸有時(shí)會(huì)感到困惑。
我可以在其他電子商務(wù)平臺(tái)中使用無限滾動(dòng)，除了氧化eShop？無限滾動(dòng)可以在支持自定義編碼的各種電子商務(wù)平臺(tái)中實(shí)現(xiàn)。但是，實(shí)現(xiàn)過程可能會(huì)因平臺(tái)的體系結(jié)構(gòu)和編碼語言而有所不同。建議參考特定平臺(tái)的文檔或向?qū)I(yè)開發(fā)人員尋求幫助。
>無限滾動(dòng)如何影響seo？

無限滾動(dòng)可能會(huì)影響SEO，因?yàn)樗阉饕婵赡軣o法造成SEO通過AJAX正確爬網(wǎng)和索引內(nèi)容。但是，可以通過為搜索引擎實(shí)現(xiàn)分頁版本以及用於用戶的無限滾動(dòng)版本來緩解這種情況。

是為電子商務(wù)網(wǎng)站推薦php嗎？
由於其靈活性，可擴(kuò)展性和魯棒性，因此對電子商務(wù)網(wǎng)站的流行選擇。它支持各種數(shù)據(jù)庫，並且與包括氧化ESHOP在內(nèi)的各種電子商務(wù)平臺(tái)兼容。但是，編程語言的選擇應(yīng)取決於您的特定要求和專業(yè)知識(shí)。
無限滾動(dòng)的替代方案是什麼選擇？分頁涉及將內(nèi)容分為單獨(dú)的頁面，而“加載更多”按鈕允許用戶手動(dòng)加載更多內(nèi)容。這些選項(xiàng)之間的選擇取決於您的網(wǎng)站的設(shè)計(jì)和用戶的喜好。
>
>如何自定義氧化eShop中無限捲軸的外觀？您可以修改加載指示燈，產(chǎn)品列表和其他元素的樣式，以匹配您的網(wǎng)站的設(shè)計(jì)。

我可以禁用氧化eShop中某些頁面的無限滾動(dòng)嗎？可以選擇在氧化ESHOP中的某些頁面上禁用無限滾動(dòng)。這可以通過修改列表控制器和產(chǎn)品列表模板中的條件來完成。