在本文中，我们将使用 PHP 和 MySQL 构建一个跨平台支持的小程序商店源代码。在此源代码中，我们可以根据商品的名称、数量、状态（待处理、已购买、不可购买）和日期添加商品。我们可以查看、删除和更新这些条目，会有一个日期过滤功能，我们可以根据日期查看发货。

技术条件：XAMPP 服务器、基本 HTML 概念、CSS、Bootstrap、PHP、MySQL

完整的源代码：

我们将按照以下步骤构建此应用程序。

步骤 1：打开 XAMPP 控制面板并启动 Apache 和 MySQL 服务。在 XAMPP 文件夹中，转到 htdocs 文件夹并创建一个名为 project1 的文件夹。我们将所有文件保存在 project1 文件夹中。在这个文件夹中，有五个文件（add.php、connect.php、delete.php、index.php、update.php）和一个叫css的文件夹，里面有一个叫style.css的文件。

第 2 步：转到 localhost/phpMyAdmin 并创建一个名为grocerydb 的数据库。在它下面，创建一个名为grocerytb 的5 个列表。这些列是 Id（主键）、Item_name、Item_Quantity、Item_status 和 Date。应启用 Id 列的自动增量模式。最后，表结构应该如图所示。

第 3 步：打开您选择的编辑器。创建一个名为 connect.php 的文件并编写以下代码行。

此页面用于将 PHP 页面与数据库“grocerydb”链接。连接到这个数据库后，连接对象返回给 $con 变量。如果没有建立连接，则会显示“无法连接到服务器”消息。

第 4 步：创建另一个名为 add.php 的文件并编写以下代码行。

    
    
    
    


    

        
Add Grocery List
        
            

                Item name
                
            
            

                Item quantity
                
            
            

                Item status
                
                    
                        PENDING
                    
                    
                        BOUGHT
                    
                    
                        NOT AVAILABLE
                    
                
            
            

                Date
                
            
            

                
            
        
    
    

此页面用于将 HTML 表单中的杂货数据插入到“grocerydb”数据库中的“grocerytb”表中。 html表单包含用户要输入的商品名称、商品数量、商品状态和日期值。我们已经将 Pending、Bought 和 Not Available（项目状态）的选项值分别设置为 0、1 和 2。单击按钮时，我们将包含文件“connect.php”以将页面连接到数据库。然后商城版小程序开发，我们将用户输入的所有数据插入到“grocerytb”表中。如果该值成功输入到表格中，页面将移动到“index.php”，这将允许用户查看到目前为止（或当前在表格中）输入的项目。在css文件夹中创建一个“style.css”文件商城版小程序开发，编写如下代码。

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    background-color: beige;
}
h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

“add.php”文件应如下所示。

第 5 步：创建另一个名为 index.php 的文件并编写以下代码行。

    
    
    
    


    

        
        
        

            

                
View Grocery List
                Add Item
            
            

                

                    

                        
                        
                        
                            
                        
                            

                                
                            
                        
                    
                
            
        
        
        

            
            

                

                    

                        

                            
                        
                        

                            
                        
                        
                        
PENDING
                        
                        
BOUGHT
                        
                        
NOT AVAILABLE
                        
                        <a style='color:#0000CC;'  href=
                        "delete.php?id="
                            class="card-link">
                            Delete
                        
                        <a style='color:#0000CC;'  href=
                        "update.php?id="
                            class="card-link">
                            Update
                        
                    
                


            
            
        
    

我们再次使用“connect.php”将页面连接到数据库。然后，我们使用 mysqli_fetch_array() 函数从表中获取所有数据并显示在页面上。对于每个项目，都有一个删除和更新链接。使用顶部的添加项目链接，页面将再次移动到“添加 .php”，用户可以从该处再次将杂货添加到数据库中。我们还在此页面上添加了日期过滤器功能。当用户输入日期并单击过滤器按钮时，所有杂货店数据将根据输入的日期显示。目前，我们的“grocerytb”表如下所示。

移动到“index.php”文件后，页面将如给定图像所示。

输入日期 01/14/2021 后，页面将显示在给定的图像中。

第 6 步：创建另一个名为 update.php 的文件并编写以下代码行。

    
    
    
    
    


    

        
Update Grocery List
        
            

                Item name
                <input type="text"
                    class="form-control"
                    name="iname"
                    placeholder="Item name"
                    value=
        "" />
            
            

                Item quantity
                <input type="text"
                    class="form-control"
                    name="iqty"
                    placeholder="Item quantity"
value="" />
            
            

                Item status
                
                    
                    PENDING
                    BOUGHT
                    NOT AVAILABLE
                    
                    PENDING
                    BOUGHT
                    NOT AVAILABLE
                    
                    PENDING
                    BOUGHT
                    NOT AVAILABLE
                    
                
            
            

                Date
                <input type="date" class="form-control"
                    name="idate" placeholder="Date"
                    value="">
            
            

                
            
        
    

在“index.php”中，我们得到每个项目的ID。在“update.php”中 微信小程序开发 ，用户可以编辑任何数据。对于商品，我们将获取 id 和更新后的商品数据。然后，我们运行一个更新查询来更新项目。项目更新后，页面将移至“index.php”。在这里，我们将 Item_name 的值更新为 pineapple，将 Id 更新为 6。我们将 Item_Quantity 从 1 更新为 2，并将 Item_status 从 Pending 更新为 Not available。之后，页面将如给定图像所示。

更新后，index.php 会是这个样子。

更新后的表格如下所示。

第 7 步：创建另一个名为 delete.php 的文件并编写以下代码行。

在“index.php”中 支付宝小程序开发 ，我们获取每个项目的 ID，以便我们可以删除任何数据。对于要删除的项目商城版小程序开发，我们在“delete.php”中获取 id。然后，我们运行删除查询，删除所选项目的记录。我们正在删除 id 为 6、Item_name 为菠萝的项目。删除它后，页面看起来如给定的图像所示。

表格如下所示。

【昱远信息系统定制开发】