CSVファイルからHTMLページにデータをインポートする方法

-1

私は、私が毎日item_name、brand_name、price、item_noなどを含むアイテムを更新する必要がある私のショップアイテムのウェブサイトを作っています。私のために非常に勤勉。だから、私はCSVファイルの項目について変更を加え、私のウェブサイトにデータをインポートしたいと思います。どのようにそれを行うには、私を助けてください。前もって感謝します。CSVファイルからHTMLページにデータをインポートする方法

read_data.html

<html> 
<head><title>Reading values from csv file</title></head> 
<style type="text/css"> 
div{ 
    width: 300px; 
} 
img{ 
    height: 200px; 
} 
</style> 
<body> 

<div> 
<img src="#" alt="item 1"><br> 
Item Name:<!--CSV file data--><br> 
Item Number:<!--CSV file data--><br> 
Brand Name:<!--CSV file data--> 
</div> 
<div> 
<img src="#" alt="item 2"><br> 
Item Name:<!--CSV file data--><br> 
Item Number:<!--CSV file data--><br> 
Brand Name:<!--CSV file data--> 
</div> 

</body> 
</html>

data.csv

Item Name,Item no.,Brand 
T-shirt,555,Hoffmen 
Pants,556,Reliance

出典

2017-01-24 Saptarshi Mazumder

これはちょうどcssとhtmlでは起こりません。 PHP、Ruby、Pythonなどのサーバー側の言語を調べます。または何かクライアント側のjavascriptで。 –

PHPで簡単です... – Mooseman

編集：ここではいくつかのサンプルコードで、これはあなたがデータを格納するための方法を持っていると仮定している（例えば、Aデータベース）。あなたはCMS（例えばWordpress）の恩恵を受けるようですね。とにかく、この回答は、CSVデータを取得する方法の問題に対処しています：

Papa parseを使用できます。これは次のようになります：

// from file upload field 
var file = event.target.inputCSV.value; 
var data = Papa.parse(file, {header: true, skipEmptyLines: true, delimiter: ','}); 
return data; 
// outputs something like [{Item_Name: "T-shirt", Item_no: 555, Brand: "Hoffman"}, {Item_Name: "Pants", Item_no: 556, Brand: "Reliance"}]

出典

2017-01-24 15:10:35

詳細を記入してください –

Saptarshiの提案によれば、おそらくCSVをインポートできるデータベースが必要になるでしょう。これはあなたの取り扱いを助け、それを自動化します。この解決策は、たとえばphp/mySQLベースに基づいている可能性があります。私はこれらの言語の専門性とパワーをまず研究するつもりです。

出典

2017-01-24 15:11:07 santa

CSVファイルからHTMLページにデータをインポートする方法

答えて

関連する問題