>本教程演示了使用交易API構(gòu)建eBay產(chǎn)品添加功能。 我們將介紹程序化產(chǎn)品詳細(xì)信息處理，上傳，分類和安全清單提交。

>

密鑰概念：

• 利用高效eBay產(chǎn)品的交易API。
>利用
• 控制器通過用戶友好的表單和視圖來管理產(chǎn)品創(chuàng)建。 Product.php
>使用AJAX進行動態(tài)類別加載，提高表格可用性。
• 實現(xiàn)與eBay要求兼容的安全映像上傳（
）。
• uploadAction>在
中使用
• api調(diào)用來提交產(chǎn)品，處理成功列表的響應(yīng)。 AddItem createAction>驗證產(chǎn)品詳細(xì)信息（強制性和有條件字段）服務(wù)器端，以防止錯誤並維護數(shù)據(jù)完整性。

構(gòu)建產(chǎn)品創(chuàng)建控制器：

> 在您的控制器目錄中創(chuàng)建

：

Product.php

<?php
class Product extends \SlimController\SlimController {
    // ... methods below ...
}

方法呈現(xiàn)產(chǎn)品創(chuàng)建形式（

innewAction>）：new.twig> templates/product

>

public function newAction() {
    $page_data = ['is_productpage' => true];
    $this->render('product/new', $page_data);
}

產(chǎn)品創(chuàng)建形式（

）：new.twig>

{% extends "/base.twig" %}
{% block content %}
{{ parent() }}
<div class="row">
  <div class="col-md-4">
    <div class="alert alert-{{ flash.message.type }}">
      {{ flash.message.text }}
      {% for r in flash.message.data %}
        <li>{{ r[0] }}</li>
      {% endfor %}
    </div>
  </div>
</div>
<form class="form-horizontal" method="POST" action="{{ baseUrl }}/products/create">
  <fieldset>
    <legend>Create new Product</legend>
    <div class="form-group">
      <label for="title" class="col-lg-2 control-label">Title</label>
      <div class="col-lg-10">
        <input type="text" class="form-control" id="title" name="title" value="{{ flash.form.title }}">
      </div>
    </div>
    <div class="form-group">
      <label for="category" class="col-lg-2 control-label">Category</label>
      <div class="col-lg-10" id="categories-container"></div>
    </div>
    <!-- ... other fields (price, quantity, brand, description) ... -->
    <div class="form-group">
      <div class="col-lg-10 col-lg-offset-2">
        <button type="submit" class="btn btn-primary">Add Product</button>
      </div>
    </div>
  </fieldset>
</form>
<div class="row">
  <div class="col-md-6">
    <h5>Upload Photos</h5>
    <form action="{{ baseUrl }}/upload" method="POST" class="dropzone" id="photosdropzone" enctype="multipart/form-data"></form>
  </div>
</div>
{% include 'partials/categories.html' %}
{% endblock %}

（注意：部分應(yīng)包含相似的價格，數(shù)量，品牌和描述的輸入字段，以反映標(biāo)題字段的結(jié)構(gòu)。）

圖像上傳處理（... other fields ...in）：

uploadActionProduct.php類別ajax（）：

public function uploadAction() {
    $storage = new \Upload\Storage\FileSystem('uploads');
    $file = new \Upload\File('file', $storage);
    $new_filename = uniqid();
    $file->setName($new_filename);
    $_SESSION['uploads'][] = $new_filename . '.' . $file->getExtension();
    $file->addValidations([
        new \Upload\Validation\Mimetype(['image/png', 'image/gif', 'image/jpg']),
        new \Upload\Validation\Size('6M')
    ]);
    $errors = [];
    try {
        $file->upload();
    } catch (Exception $e) {
        $errors = $file->getErrors();
    }
    $response_data = ['errors' => $errors];
    echo json_encode($response_data);
}

>

new-product.js>（>，

>，

(function() {
  const categoriesTemplate = Handlebars.compile($('#categories-template').html());
  $('#title').blur(function() {
    const title = $(this).val();
    $.post('/tester/ebay_trading_api/categories', { title }, function(response) {
      const categories = JSON.parse(response);
      const html = categoriesTemplate({ categories });
      $('#categories-container').html(html);
    });
  });
})();

和

>的剩餘代碼將遵循與原始響應(yīng)相似的結(jié)構(gòu)，但具有改進的格式和清晰度。由於長度，它是這裡省略了，但可以根據(jù)提供的示例重建。 categoriesAction結(jié)論： getSuggestedCategories createAction這種精緻的解釋為構(gòu)建eBay產(chǎn)品添加功能提供了一種更具結(jié)構(gòu)化和可讀性的方法。請記住，請諮詢eBay交易API文檔以獲取有關(guān)API呼叫和錯誤處理的詳細(xì)信息。 提供的代碼片段應(yīng)集成到較大的應(yīng)用程序框架中。 addItem>

以上是通過交易API向您的eBay商店添加產(chǎn)品的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！