PHP基礎(chǔ)案例與項目開發(fā)（微課版）-PPT課件項目九 電子商務(wù)系統(tǒng)

項目九電子商務(wù)系統(tǒng)學(xué)習(xí)目標1、熟悉電子商務(wù)網(wǎng)站系統(tǒng)設(shè)計2、掌握電子商務(wù)網(wǎng)站數(shù)據(jù)庫設(shè)計3、掌握電子商務(wù)網(wǎng)站后臺管理系統(tǒng)的開發(fā)過程4、掌握電子商務(wù)網(wǎng)站前臺顯示系統(tǒng)的開發(fā)過程5、掌握電子商務(wù)網(wǎng)站會員管理模塊8.1系統(tǒng)設(shè)計電子商務(wù)系統(tǒng)，廣義上講，是商務(wù)活動中各參與方和支持企業(yè)進行交易活動的電子技術(shù)手段的集合。狹義上講，電子商務(wù)系統(tǒng)則是指企業(yè)、消費者、銀行、政府等在Internet和其他網(wǎng)絡(luò)的基礎(chǔ)上，以實現(xiàn)企業(yè)電子商務(wù)活動的目標，滿足企業(yè)生產(chǎn)、銷售、服務(wù)等生產(chǎn)和管理的需要，支持企業(yè)的對外業(yè)務(wù)協(xié)作，從運作、管理和決策等層次全面提高企業(yè)信息化水平，為企業(yè)提供具備商業(yè)智能的計算機網(wǎng)絡(luò)系統(tǒng)。電子商務(wù)涵蓋的范圍很廣，一般可分為企業(yè)對企業(yè)(Business-to-Business，B2B)，或企業(yè)對消費者(Business-to-Consumer，B2C)兩種。另外還有消費者對消費者（Consumer-to-Consumer，C2C)這種大步增長的模式。8.1系統(tǒng)設(shè)計電子商務(wù)系統(tǒng)一般分為前臺顯示系統(tǒng)和后臺管理系統(tǒng)。前臺顯示系統(tǒng)最有代表性的是網(wǎng)站首頁設(shè)計和網(wǎng)站內(nèi)頁設(shè)計。網(wǎng)站首頁主要展示網(wǎng)站重要的信息，比如“特價產(chǎn)品”、“最新產(chǎn)品”、“公司新聞”等等，網(wǎng)站首頁效果圖如右圖所示。8.1系統(tǒng)設(shè)計網(wǎng)站內(nèi)頁則主要顯示產(chǎn)品信息、新聞信息以及購物車、查看訂單等。網(wǎng)站內(nèi)頁的效果如下圖所示。8.1系統(tǒng)設(shè)計后臺管理系統(tǒng)，主要完成下面的功能：

1.管理員登錄

2.網(wǎng)站欄目管理包括添加網(wǎng)站欄目、修改網(wǎng)站欄目以及刪除網(wǎng)站欄目，比如欄目“系統(tǒng)簡介”、“在線商城”、“新聞動態(tài)”、“圖片新聞”、“購物指南”以及網(wǎng)站鏈接“網(wǎng)站首頁”、“查看購物車”、“查看訂單”等等的添加、修改與刪除。

3.在線商城管理包括會員管理、商品管理、訂單管理、購物車設(shè)置、支付系統(tǒng)設(shè)置。

4.多頁新聞信息管理包括“新聞動態(tài)”、“圖片新聞”新聞類型欄目內(nèi)容的添加、修改與刪除。

5.單頁新聞信息管理包括“系統(tǒng)簡介”、“購物指南”單頁新聞欄目內(nèi)容的修改。8.2數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫的設(shè)計，對電子商務(wù)系統(tǒng)的實現(xiàn)起著至關(guān)重要的作用。根據(jù)系統(tǒng)設(shè)計，規(guī)劃如下數(shù)據(jù)表：

1．管理員表manager管理員表用于保存電子商務(wù)系統(tǒng)后臺的管理員帳號，為了防止明文密碼存儲帶來安全隱患，這里對密碼進行SHA-512加密處理。本著實用的目的，表的字段較多，但主要字段如表8-1所示。

2．欄目信息表item_info欄目信息表用于保存電子商務(wù)系統(tǒng)欄目信息，如欄目“系統(tǒng)簡介”、“在線商城”、“新聞動態(tài)”、“圖片新聞”、“購物指南”的設(shè)置信息。其結(jié)構(gòu)如表8-2所示。8.2數(shù)據(jù)庫設(shè)計

3．自定義欄目信息表custom_item_info自定義欄目信息表用于保存新聞類型欄目的詳細信息，其結(jié)構(gòu)如表8-3所示。

4．模板信息表templet_info模板信息表是保存網(wǎng)站模板的具體信息，如首頁模板、內(nèi)頁模板等。其結(jié)構(gòu)如表8-4所示。

5．會員信息表users會員信息是非常重要，為了防止明文密碼存儲帶來安全隱患，這里對密碼進行SHA-512加密處理。本著實用的目的，表的字段較多，但主要字段如表8-5所示。

6．商品類別表goods_class_info商品類別表存儲商品的一級分類以及下級分類，其結(jié)構(gòu)如表8-6所示。8.2數(shù)據(jù)庫設(shè)計

7．商品信息表goods商品信息表存儲商品的詳細信息，其結(jié)構(gòu)如表8-7所示。

8．商品購買信息表shopping商品購買信息表存儲用戶所購商品的詳細信息，其結(jié)構(gòu)如表8-8所示。

9．訂單信息表requests訂單信息表存儲用戶的訂單，其結(jié)構(gòu)如表8-9所示。除了上面的九個表，為了更好地完成網(wǎng)上交易，還設(shè)計了網(wǎng)站基本信息表site_info、網(wǎng)站用戶控制表web_user_info、網(wǎng)站子欄目分類信息表caption_info、購物車定制表cart_config、支付方式定制表payment_mode、送貨方式定制表deliver_mode共15個表，其詳情可以參見本書附屬文件“D:\PHP\CH08\sql\zidbshop.sql”。8.2數(shù)據(jù)庫設(shè)計通過phpMyAdmin登錄MySQL服務(wù)器，建立數(shù)據(jù)庫“zidbshop”，其排序規(guī)則選擇“utf8mb4_unicode_ci”；接著為其建立一個用戶“zidb”，密碼為“zidb319”；然后導(dǎo)入文件“zidbshop.sql”，即完成電子商務(wù)系統(tǒng)所需的數(shù)據(jù)庫創(chuàng)建工作，如圖8-3所示。8.3后臺管理系統(tǒng)后臺管理系統(tǒng)，包括管理員登錄、網(wǎng)站欄目管理、欄目信息管理、商品管理、會員管理、訂單管理、購物車設(shè)置、支付系統(tǒng)設(shè)置、網(wǎng)站基本信息設(shè)置等等。為了更方便地進行系統(tǒng)程序的設(shè)計，現(xiàn)設(shè)其根目錄為“D:\PHP\CH08”。后臺管理系統(tǒng)文件有點多，主要文件清單如表8-10所示。8.3.1管理員管理啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成以下PHP代碼，然后將文件保存到“l(fā)oginadmin.php”；運行該文件，其結(jié)果如圖8-4所示。輸入用戶名“zidbadmin”，密碼“zidb319”，以及動態(tài)驗證碼后，經(jīng)“l(fā)oginend.php”驗證后即可登錄系統(tǒng)。注意，程序“l(fā)oginadmin.php”在客戶端對用戶登錄信息的驗證以及對用戶密碼的加密方法，表單提交到“l(fā)oginend.php”后對客戶端是否支持JS的不同處理方法。8.3.2網(wǎng)站欄目設(shè)置網(wǎng)站欄目是指網(wǎng)站建設(shè)的主要板塊內(nèi)容，主要是為了方便用戶快速找到自己想了解的東西，增強用戶體驗。不同的網(wǎng)站，其欄目可能略有不同，但欄目的類型實際上是差不多的，所以根據(jù)欄目類型設(shè)計一個通用的網(wǎng)站系統(tǒng)，就可以適應(yīng)不同的實際需求。本系統(tǒng)實際上就是一個通用的網(wǎng)站系統(tǒng)，可以根據(jù)每個網(wǎng)站的具體設(shè)計由后臺設(shè)置網(wǎng)站欄目，這樣系統(tǒng)就可以快速生成不同的網(wǎng)站，大大提高程序員的工作效率。網(wǎng)站欄目設(shè)置程序為“customitem.php”（主要程序代碼參見教材220-222頁）；點擊后臺系統(tǒng)左側(cè)菜單“網(wǎng)站欄目管理”鏈接而運行該文件，其結(jié)果類似如圖8-5所示。8.3.2網(wǎng)站欄目設(shè)置下面介紹各種類型的欄目添加方法：（1）外部鏈接類欄目的添加：比如在上圖中的“欄目標題”中輸入“網(wǎng)站首頁”，“自定義鏈接”后打上勾，“鏈接地址”中輸入“index.php”，“欄目索引”輸入“0”，點“添加”經(jīng)“customitemend.php”驗證通過后即可成功添加欄目“網(wǎng)站首頁”；同樣的道理，可以添加“查看購物車”、“查看訂單”等欄目。8.3.2網(wǎng)站欄目設(shè)置（2）單頁新聞欄目的添加：比如在欄目標題中輸入“系統(tǒng)簡介”，點擊“鏈接地址”后的“默認值”，“欄目索引”輸入“1”，點“添加”經(jīng)“customitemend.php”驗證通過后即可成功添加欄目“系統(tǒng)簡介”，如圖8-6所示；同樣的道理，可以添加“購物指南”等欄目。8.3.2網(wǎng)站欄目設(shè)置（3）在線購物欄目的添加：在欄目標題中輸入“在線商城”，“系統(tǒng)欄目”后打上勾，點擊“鏈接地址”后的“默認值”，“欄目索引”輸入“2”，點“添加”經(jīng)“customitemend.php”驗證通過后即可成功添加欄目“在線商城”，如圖8-7所示。8.3.2網(wǎng)站欄目設(shè)置（4）多頁新聞欄目的添加：比如在欄目標題中輸入“新聞動態(tài)”，“是否分頁”后打上勾，“欄目類型”選擇“文字新聞類”，點擊“鏈接地址”后的“默認值”，“欄目索引”輸入“3”，點“添加”經(jīng)驗證通過后即可成功添加欄目“新聞動態(tài)”，如圖8-10所示。。8.3.2網(wǎng)站欄目設(shè)置（5）圖片新聞欄目的添加：比如在欄目標題中輸入“圖片新聞”，“是否分頁”后打上勾，“欄目類型”選擇“圖片新聞類”，點擊“鏈接地址”后的“默認值”，“欄目索引”輸入“4”，點“添加”經(jīng)“customitemend.php”驗證通過后即可成功添加欄目“圖片新聞”，如下左圖所示。所有欄目添加成功后，其結(jié)果如右圖所示。8.3.3多頁新聞信息管理多頁新聞信息管理程序為“custom_item_more_edit.php”（程序代碼參見教材225-227頁），它主要對多頁新聞如“新聞動態(tài)”、“新聞圖片”的添加、修改與刪除；點擊后臺系統(tǒng)左側(cè)菜單“新聞動態(tài)”鏈接后再點擊“添加新聞動態(tài)”按鈕而運行該文件，輸入相關(guān)的信息，并上傳兩張圖片，如右圖所示，再點“添加”按鈕經(jīng)驗證后即可成功添加一條新聞信息。注意程序在客戶端對自定義HTML在線編輯器的調(diào)用方法、對信息的有效性驗證方法、圖片的在線預(yù)覽方法以及服務(wù)器端對數(shù)據(jù)的驗證方法。8.3.4單頁新聞信息管理單頁新聞信息管理由“custom_item_one.php”文件實現(xiàn)（其程序源代碼參見教材附件），它主要對單頁類型的新聞如“系統(tǒng)簡介”、“公司簡介”、“聯(lián)系我們”的添加與修改；點擊后臺系統(tǒng)左側(cè)菜單“系統(tǒng)簡介”鏈接而運行該文件，輸入相關(guān)的信息，如右圖所示，再點“修改”按鈕經(jīng)“customitemend.php”驗證后即可成功修改該單頁新聞信息。注意程序在客戶端對自定義HTML在線編輯器的調(diào)用方法、對信息的有效性驗證方法、圖片的在線預(yù)覽方法以及服務(wù)器端對數(shù)據(jù)的驗證方法。8.3.5商品管理商品管理的主界面程序為“shop/shopmanager.php”，它包括商品分類的添加、修改與刪除，也包括商品信息的顯示、搜索以及添加、刪除與修改的入口。點擊后臺系統(tǒng)左側(cè)菜單“商品管理”鏈接而運行該文件，在“添加商品種類(根類)”按鈕前輸入商品分類名稱比如“出版音像”、“旅游產(chǎn)品”或“電子產(chǎn)品”再點擊此按鈕即可成功添加商品分類，最后結(jié)果如下圖所示。8.3.5商品管理商品信息管理程序為“shop/shopmanageredit.php”（程序源代碼參見教材229-230頁），它包括商品信息的添加與修改；點擊上圖中“添加商品”按鈕而運行該文件，輸入相關(guān)的信息，并上傳兩張圖片，如下圖所示，再點“添加”按鈕經(jīng)驗證后即可成功添加一條商品信息。注意程序在客戶端對自定義HTML在線編輯器的調(diào)用方法、對信息的有效性驗證方法、圖片的在線預(yù)覽方法以及服務(wù)器端對數(shù)據(jù)的驗證方法。8.3.6會員管理會員管理，包括給會員群發(fā)郵件、刪除會員、查看會員的詳細信息等，現(xiàn)設(shè)其項目文件為“shop/usermanager.php”（具體代碼參見本書附件）,點擊后臺系統(tǒng)左側(cè)菜單“會員管理”鏈接而運行該文件，其效果如下圖所示。在右圖中選中所有會員，點擊“發(fā)信”按鈕，即進入群發(fā)郵件的主界面“shop/mailtousers.php”（具體代碼參見本書附件），輸入標題以及發(fā)信內(nèi)容，點擊“發(fā)送”經(jīng)“shop/mailtousersend.php”處理后即可成功發(fā)送郵件。注意mail函數(shù)要能正確執(zhí)行，該PHP服務(wù)器必須安裝有郵件服務(wù)器。另外，可以用imap_mail，以利用其他郵件服務(wù)器來發(fā)送郵件。8.3.7訂單管理訂單管理主程序為“shop/order.php”（程序源代碼參見教材233-235頁），它可以管理所有的訂單管理、重發(fā)訂單確認信、收貨確認、收款確認以及刪除訂單；點擊后臺系統(tǒng)左側(cè)菜單“訂單管理”鏈接而運行該文件，其結(jié)果如下圖所示。點擊訂單號，可查看訂單的詳細信息，在這兒，可以重新發(fā)送訂單確認信。當然，最重要的是可以進行發(fā)貨確認與收款確認，從而完成客戶訂單的管理。

為了訂單管理方便，特作“今日訂單”，其項目文件為“shop/admin_config.php”，可以點擊后臺系統(tǒng)左側(cè)菜單“今日訂單”鏈接而運行該文件。8.3.8購物車管理購物車管理模塊，可以定制購物車中顯示的項目以及確認訂單顯示的項目，現(xiàn)設(shè)計其項目文件為“shop/cartconfig.php”（程序源代碼參見教材附件），點擊后臺系統(tǒng)左側(cè)菜單“購物車管理”鏈接而運行該文件，結(jié)果類似如下圖所示，選擇想要顯示的項目后點“確認”即可。8.3.9支付系統(tǒng)管理支付系統(tǒng)管理的項目文件為“shop/deliversystem.php”（程序源代碼參見教材附件），點擊后臺系統(tǒng)左側(cè)菜單“支付系統(tǒng)管理”鏈接而運行該文件，結(jié)果類似如下圖所示。根據(jù)實際情況，選擇所需要的選項后點“確認”按鈕，即可進入詳細設(shè)置頁面。對相關(guān)的情況進行修改，特別的是若是選擇了“招商銀行在線支付”，則需到招商銀行去申請商戶號碼（6位數(shù)字）以及得到相應(yīng)的開戶銀行代碼（4位數(shù)字），然后準確填寫再點確認即可。8.4前臺顯示系統(tǒng)前臺顯示系統(tǒng)，主要完成商品的展示、新聞類信息的顯示以及商品在線交易的完成。商品在線交易涉及會員系統(tǒng)，特單獨作一節(jié)來講解。前臺使用了當前比較流行的模板技術(shù)，不過本系統(tǒng)采用自定義的模板系統(tǒng)，不需要別人的框架來支持。前臺顯示系統(tǒng)文件清單如表8-11所示。8.4.1首頁模板制作啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成教材238-240頁的HTML代碼，然后將文件保存到“tp_home.htm”，即完成首頁模板的制作。8.4.2內(nèi)頁模板制作啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成以下HTML代碼，然后將文件保存到“tp_main.htm”，即完成內(nèi)頁模板的制作。模板制作完成后用phpMyAdmin登錄數(shù)據(jù)庫“zidbshop”，進入模板信息表“templet_info”插入模板數(shù)據(jù)：首頁模板命名為“home”，內(nèi)頁模板命名為“main”。8.4.3模板解析模板解析程序“templates.php”主要是調(diào)用自定義函數(shù)庫的函數(shù)來完成對模板信息的解析，需注意的是其核心模板解析程序：//模板程序解析$main_templet=preg_replace_callback("'<!--keyfun::([_A-Za-z]+):(.*?)-->'i",function($m){global$link;global$tb_prefixion;global$PHP_SELF;global$updir;ob_start();eval("$m[1]($m[2]);");$content=ob_get_contents();ob_end_clean();return$content;},$main_templet);8.4.4網(wǎng)站實現(xiàn)程序網(wǎng)站首頁為“index.php”，其相關(guān)程序代碼如下：<?phprequire("user_session.php");//包含頭文件require("common.inc.php");require("mysql.php");//連接到MySQL服務(wù)器if(!empty(get_shopping_name()))include_once("shop/fun.shop.php");include_once("fun.php");//網(wǎng)站前臺主函數(shù)$templetname="home";//查詢主頁模板include("templates.php");//解析模板header("Content-type:text/html;charset=utf-8");//設(shè)置編碼格式echo$main_templet;//顯示內(nèi)容?>1.網(wǎng)站首頁實現(xiàn)程序8.4.4網(wǎng)站實現(xiàn)程序網(wǎng)站內(nèi)頁為“p.php”，其相關(guān)程序代碼如下：<?phprequire("user_session.php");//包含頭文件require("common.inc.php");require("mysql.php");//連接到MySQL服務(wù)器//網(wǎng)站前臺主函數(shù)if(get_item_type($text)==="在線購物類"||$field_name==="特價產(chǎn)品")include_once("shop/fun.shop.php");include_once("fun.php");include("templates.php");//解析模板//查詢網(wǎng)頁主體內(nèi)容$show_content=((get_item_type($text)==="在線購物類"||$query_key===true||$field_name==="特價產(chǎn)品")?businessfun($field_name,$text):get_custom_item_info_fun($field_name,$text))."\n".$baidu_share;$main_templet=preg_replace("'<!--keyword:mainpagebody-->'i",$show_content,$main_templet);header("Content-type:text/html;charset=utf-8");//設(shè)置編碼格式echo$main_templet;//顯示內(nèi)容?>2.網(wǎng)站內(nèi)頁實現(xiàn)程序8.4.4網(wǎng)站實現(xiàn)程序啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成教材245-246頁PHP代碼，然后將文件保存到“shop/goodsinfo.php”即完成商品信息頁的實現(xiàn)程序；從網(wǎng)站首頁點擊“特價產(chǎn)品”圖片而運行該文件，其結(jié)果如右圖所示。3.商品信息頁實現(xiàn)程序8.4.5購物車電子商務(wù)系統(tǒng)，最重要模塊之一就是購物車了。本系統(tǒng)的購物車采用Session與數(shù)據(jù)庫相結(jié)合的方式來進行，這樣用戶可以不用注冊與登錄就可以向購物車中添加商品。啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成教材246-249頁的PHP代碼，然后將文件保存到“shop/shopping.php”即完成網(wǎng)站信息頁的實現(xiàn)程序；從網(wǎng)站首頁、“在線商城”或商品信息頁點擊“加入購物”而運行該文件，其結(jié)果如下圖所示。8.5會員模塊8.5.1會員注冊啟動AdobeDreamweaverCS6，創(chuàng)建符合HTML5標準的空白HTML頁面，將所有HTML代碼換成教材250-251頁的PHP代碼，然后將文件保存到“shop/zhuce.php”，這就完成了會員注冊入口程序；運行該程序，其效果如下圖所示。輸入相關(guān)信息，經(jīng)“shop/regist.php”驗證后即可成功注冊成為會員。8.5.2會員登錄會員登錄，可以利用第五章的登錄程序，但為了讓購物更方便，則需要作相應(yīng)的調(diào)整。會員登錄入口程序由“shop/index_login.php”文件實現(xiàn)，運行該程