如何集成HTML，Python（熊猫）和JavaScript？

Question

我目前正在开发发票生成系统。我已经用HTML设计了前端。该数据库是一个excel。因此，我想到了使用Python（Pandas）。

当我在HTML的文本字段中输入数字时，必须获取该值，并且必须在excel中进行搜索。

The front end looks like this If that Invoice number is entered, the number has to be fetched and has to find the matching in the excel and print the detail in the below grids from the excel.

Sample of the excel sheet

我对Java或SQL一无所知。

<h1>Recipient</h1>
            <article>
            <address contenteditable>
            <p>Mr. Client Name<br>Client Company Name</p>
            </address>
            <table class="meta">
                <tr>
                    <th><span contenteditable>Invoice #</span></th>
                    <td><span contenteditable>12345</span></td>
                </tr>
                <tr>
                    <th><span contenteditable>Date</span></th>
                    <td><span contenteditable>January 1, 2012</span></td>
                </tr>
                <tr>
                    <th><span contenteditable>Amount Due</span></th>
                    <td><span id="prefix" contenteditable>&#x20B9;</span><span>600.00</span></td>
                </tr>
            </table>
            <table class="inventory">
                <thead>
                    <tr>
                        <th><span contenteditable>Item</span></th>
                        <th><span contenteditable>LR Number</span></th>
                        <th><span contenteditable>Description</span></th>
                        <th><span contenteditable>Rate</span></th>
                        <th><span contenteditable>Quantity</span></th>
                        <th><span contenteditable>Price</span></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><a class="cut">-</a><span contenteditable>Front End Consultation</span></td>
                        <td><span contenteditable>655</span></td>
                        <td><span contenteditable>Experience Review</span></td>
                        <td><span data-prefix>&#x20B9;</span><span contenteditable>150.00</span></td>
                        <td><span contenteditable>4</span></td>
                        <td><span data-prefix>&#x20B9;</span><span>600.00</span></td>
                    </tr>
                </tbody>