小程序商城系统源码完整开源版

　　在本文中，我们将使用PHP和MySQL构建一个跨平台支持的小程序商城源码。在这个源码中，我们可以根据商品的名称、数量、状态(待定、已购买、不可购买)和日期添加它们。我们可以查看、删除和更新这些条目，将有一个日期过滤功能，我们可以根据日期查看货物。
　　
　　技术条件:XAMPP服务器、HTML基本概念、CSS、Bootstrap、PHP、MySQL
　　
　　完整源码：xcxyms.top
　　
　　我们将按照以下步骤构建此应用程序。
　　
　　步骤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和日期。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

                        
                        
                            Delete
                        
                        
                            Update
                        
                    
                

            
            
        
    

　　我们再次使用“connect.php”来连接页面和数据库。然后，我们使用mysqli_fetch_array()函数从表中获取所有数据，并将它们显示在页面上。对于每个项目，都有一个删除和更新链接。使用顶部的Add Item链接，页面将再次移动到“Add .php”，从那里用户可以再次向数据库添加食品杂货。我们还在这个页面上增加了一个日期过滤功能。当用户输入日期并单击筛选按钮时，所有的食品杂货数据将根据输入的日期显示。目前，我们的“grocerytb”表如图所示。
　　
　　移动到“index.php”文件后，页面看起来就像给定的图像所示。
　　
　　在输入日期01/14/2021后，页面将显示在给定的图像中。
　　
　　步骤6：创建另一个名为update.php的文件，并编写以下代码行。
　　

    
    
    

    
    



    

        
Update Grocery List
        

            

                Item name
                
            

            

                Item quantity
                
            

            

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

            

                Date
                
            

            

                
            
        
    

　　在" 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为菠萝的项目。删除它之后，页面看起来就像给定的图像所示。
　　
　　表格是这样的。