javascript - xml ファイルから JavaScript ページを作成するにはどうすればよいですか?

Question

私は現在、父の建設ウェブサイトを手伝っています。彼は私に、彼の顧客の「入札」の見積もりを自動化できないかと尋ね、私は一晩かけてデスクトップ プロトタイプ アプリケーションを作成しました。デスクトップ アプリケーションは、java の XMLEncoder/Decoder を使用してファイルの読み込みと保存を行う Swing アプリケーションであり、顧客が選択できる項目 (写真、時給など) を編集できます。彼はプロトタイプがとても気に入ったので、彼のウェブサイトにこれを追加するように頼まれました。

私は経験豊富な Web 開発者ではありませんが (業界でやったことがありません)、同意して実装を開始しようとしています。このプロジェクトの目標は、彼が使いやすいデスクトップ Swing アプリケーションを使用して「入札メニュー」の外観に関する XML を生成できるようにし、Web サイトが Javascript を使用して XML を読み取ってすべてのアイテムを生成できるようにすることです。Web 開発者としての私の質問は、XML を読み取って Web ページを生成する適切な方法は何ですか? JS で XML デコーダーに似たものを探していましたが、XMLDOM しか見つかりませんでした。一般的なヒント/チュートリアル/ヒューリスティックは非常に高く評価されます。

以下は、プロトタイプのデモ XML ファイルです。すべてのセットは異なります。各アイテムは、数量とセットの合計を入力できるプロトタイプであり、すべてのセットが Web ページに反映されます。

<?xml version="1.0" encoding="UTF-8"?>
<java version="1.8.0_60" class="java.beans.XMLDecoder">
 <object class="bidTool.models.BidToolModel" id="BidToolModel0">
  <void property="bidItems">
   <void method="add">
    <object class="bidTool.models.ItemSet" id="ItemSet0">
     <void property="description">
      <string>Testing Testing 123</string>
     </void>
     <void property="mySubsets">
      <void method="add">
       <object class="bidTool.models.ItemSet" id="ItemSet1">
        <void property="description">
     <string>Testing Testing 123</string>
    </void>
    <void property="myItems">
     <void method="add">
      <object class="bidTool.models.BidItem">
       <void property="cost">
        <double>10.0</double>
           </void>
           <void property="itemName">
            <string>Marble Tile</string>
           </void>
          </object>
         </void>
         <void method="add">
          <object class="bidTool.models.BidItem">
           <void property="cost">
            <double>10.0</double>
           </void>
           <void property="itemName">
            <string>Ceramic Tile</string>
           </void>
          </object>
         </void>
        </void>
        <void property="setName">
         <string>Tieling</string>
        </void>
       </object>
      </void>
     </void>
     <void property="setName">
      <string>Bathroom</string>
     </void>
    </object>
   </void>
  </void>
  <void property="globalItems">
   <void method="add">
    <object class="bidTool.models.BidItem">
     <void property="cost">
      <double>34.243</double>
     </void>
     <void property="itemName">
      <string>Toilet</string>
    </void>
    </object>
   </void>
  </void>
 </object>
</java>