摘要
網上手機商城系統的開發主要包括兩個部分的內容，一個是前端界面的設計與搭建；一個是后臺數據的管理及數據庫的設計與實踐。電商購物網站是互聯網＋購物的一種重要組成部分，以C2C的形式存在。購物，我們生活中必不可少的行為，在很大程度上影響著我們的生活。但從古時候到上世紀，一直是傳統的購物方式，那個時候還沒有互聯網，我們無法從網上那樣點開網絡就可以看到商品，加上聯絡不方便，我們平時的購物方式基本就是去最近的集市什么的，很大程度限制我們購物。傳統方式存在著許多缺點，比如：效率低，不方便，信息不流通，局限性等等。從而無法讓我們的需求達到更好的滿足。隨著科技的不斷發展，網上購物越來越普遍，相對于傳統購物方式，網上購物不僅可以通過網絡商城進行購物，送貨上門，還可以發表自己的評論。這一形式使人們的生活水平進一步提高，具有傳統購物所無法比擬的優點。例如：節約時間，篩選較優商品，方便生活，發表觀點，提高服務質量，安全可靠等等。這些優點極大地提高了人們購物體驗，也是新時代逐漸發展的產物，與世界接軌的重要條件。
關鍵詞：手機；商城；購物；網站
一、系統開發工具和技術簡介
?。ㄒ唬╅_發工具
開發此購物系統使用了win10的操作系統。服務器使用的是Apache HTTP Server（簡稱Apache），他的強大之處就是兼容性很強，基本上可以在絕大部分的計算機操作系統中運行。它的功能也非常強大，是許多開發人員的第一選擇。同時它的運行速度和處理速度也非?？?，是一款靠譜安全性高的服務器。
sublime Text3編輯器，Sublime是一款流行的簡潔的代碼編輯器軟件，是對于html和css來說好用的文本編輯器，可運行在多種操作系統中，它不僅簡潔方便體積小而且有非常強大的插件功能，是一款非常不錯代碼編輯軟件。
WampServer，是一個整合的軟件集合包，包含了開發網站的很多軟件，比如Apache服務器可以當服務器，Mysql數據庫軟件，以及PHP解釋器。方便了開發人員的開發，無需一個個下載對應的軟件，節約了時間。
VScode編輯器，也使用VScode是因為它可以提高工作效率，它具有很多插件及功能，包括它可以讓你的代碼界面更清晰便于觀看，所以他也是一款不錯的編碼軟件。
調試工具Google Chrome（谷歌）瀏覽器，對于開發人員來說調試網站最好的選擇就是谷歌瀏覽器，它不僅功能強大，而且很人性化，界面設計也深受開發者喜歡。它也是一款兩種引擎的雙開源引擎瀏覽器。而且調試功能和插件功能很強大，可以下載一些代碼文件調試等的插件進行開發，對于開發人員來說作用非常大，也節約了很多時間。它是調試工具的不二選擇。
數據庫管理系統MySQL，這個系統在WEB應用方面里是最好的關系數據庫應用的軟件之一。不僅運行速度快，體積也很小，運行指令的速度也非?？?，同時開源的可移植性強，有著非常廣泛的應用，搭配Apache服務器和PHP開發語言可以組成一個良好的具有高效率的開發環境。
（二）開發技術
使用了PHP語言，以及html，css，JavaScript，JQuery框架，還有boostrap框架。PHP可以說是超文本的處理器，PHP相對于其他語言來說，有著雙面向的特性，即面向過程和面向對象。同時它也是一種通用的開源腳本語言，是開發網站時很青睞的一種后端語言，使用它的可操作性很高。使用時可以與很多主流的數據庫建立起比較簡單高效的連接。
HTML是網頁的結構組成，他的標簽是網頁頁面的每一個小部分，而css則是來修飾HTML這些小部分，這兩者組成了一個個美觀的網頁，而JavaScript就是讓我們美麗的頁面加入一點點特效，讓我們的網頁變成動態網頁。
JQuery框架就是對js的封裝，使我們的代碼變得更加簡潔，節約了開發者很多時間，從而提高了效率。而boostrap則是css的封裝，不僅簡潔、直觀、強悍，使得web開發變得更加快捷。
（三）硬件環境
機型：HP Pacilion Notebook；
主頻；2.30GHz；
內存容量：8GB；
磁盤容量；500GB；
特殊部件：數據庫；
操作系統：windows10；
二、系統分析
?。ㄒ唬┭芯磕繕?/strong>
現在的電商網站越來越多，電商網站百態多樣，我們要通過實際情況知道我們真正想要什么樣的系統，最后才可以實踐開發。在開發前的分析自己的需求至關重要，這樣做可以讓你在開發的過程中防止出現開發內容不清晰，無從下手的情況。當然，開發軟件的都知道時間是很重要的，時間也是成本的一部分，開發者要在一定時間內完成系統的哪個階段，從而才可以有序的進行著。所以需求分析的作用就是，在開發前了解你的客戶的需求，按照客戶的需求安排相對應的開發任務，包括時間，人員等一系列安排。從而明確整個開發過程中任務和分配。
（二）可行性分析
可行性分析的作用就是根據需求進行可操作性的分析，比如對需要完成的功能或者系統的搭建進行可行性分析，基本的包括技術上的，經濟上的，操作等方面進行分析。并且找到系統所需要的技術支持，對于開發時的經濟需求等等，這是開始一個軟件前必做的步驟。
?。ㄈ┘夹g可行性
技術可行性就是對開發技術的分析，分析是否有能夠完成需求的技術條件，并且能在整個開發過程中提供對應的技術支持，使得系統能夠順利完成，技術分析主要分為兩個方面，一個是軟件，一個是硬件。此系統中采用Visual Studio Code集成開發環境，后臺開發語言使用的是PHP，系統服務器用的是Apache，后臺數據庫管理用的是Mysql。根據使用情況，現在使用的技術已經可以來開發此系統。所以，對于此系統的技術需求是可以滿足的。
（四）操作可行性
本系統是基于B/S結構的WEB應用，對于界面的設計面向用戶，可以保證用戶的操作流暢度，而且可操作性強，使用人員經過簡單的了解就可以掌握系統的使用；本系統簡單明了，使用者只需按照顯示的網頁進行一些相應操作就行，無需太高的操作技巧便可實現系統的基本流程操作，保證操作者可以在無人指導的完成系統對應操作。
綜上所述，通過各方面的分析，開發此系統的各方面的分析結果都達到開發的要求，因此說明對于此系統的開發是可行的。
三、系統設計
?。ㄒ唬┚唧w設計目標
根據來發系統需求分析的要求，整體設計目標主要分為兩部分，一個是前端頁面布局設計，一個是后臺數據返回。前端頁面設計毋庸置疑就是我們要設計美觀的前端頁面，每個頁面可能有多個模塊之間的滲透交雜，前端設計簡單講就是讓這些看似復雜的交互變得簡單美觀，根據實際需求設計符合該操作系統的前端頁面，實現功能的搭建。后臺數據主要是數據之間的交互，我們要根據設計的功能返回相應的數據，根據功能需求實現數據庫數據的整合，拿到功能算需要的數據，并且通過前端展示出來，所以后臺數據設計及其重要。前端頁面設計和后臺數據的操作一起構成了我們的系統。后臺根據需求設計相應的數據庫邏輯并且創建物理數據庫，實現數據的更換，最終返回我們想要的數據至前臺，這是每一個系統幾乎必備的流程，設計一個符合邏輯的系統至關重要。
（二）系統描述
本系統分為幾個功能模塊，分別是個人中心模塊、登錄模塊、評論模塊、分類模塊、訂單模塊、購物車模塊以及后臺管理模塊。其中登錄模塊主要負責的是實現用戶的登錄、注冊以及找回秘密的功能實現；個人中心模塊是指用戶在登錄成功后具有的個人中心功能，主要是訂單的查看和用戶收貨地址的添加；購物車模塊是用戶對購買商品的添加和保存功能，根據商品庫存的判斷是否可以提交購物車信息，如果庫存為零則無法提交訂單；訂單模塊是指用戶在個人中心的地址信息通過購物車的選定的商品提交形成一個購物訂單，每個訂單都有一個訂單號，并且提交訂單時必須有至少一個收貨地址，否則無法提交訂單，需跳轉個人中心添加收貨地址返回；評論模塊則是商品訂單提交后的一個評論功能，需要用戶提交訂單后點擊確認收貨，則可以點擊評論跳轉評論；分類模塊是對商品進行分類顯示包括品牌分類，每個商品都有一個品牌及分類，前端設計也是根據分類設置布局；后臺管理系統是對前端頁面的數據操作，包括用戶、分類、訂單、商品、評論、廣告牌的查看、修改和刪除操作。
（三）系統結構設計
系統設計其實就是物理設計，它是開發信息管理系統的第二主要階段，在系統項目的需求完成后，接下來就是系統結構的設計了。系統結構設計是一個非常重要的部分，系統的結構和功能實現目標可以通過結構設計為基礎，根據設計好的結構實現最基本的模塊功能。
在設計系統結構前，我們必須進行系統的業務需求分析。要根據分析出來的內容設計符合需求的系統功能架構。在需求分析時要明確系統軟件的各部分模塊功能和業務范圍為前提進行結構的設計。如果需求分析未確定則不能開發系統功能架構的設計，需求不明或者不確定可能會導致架構開發重新來過，這是不推薦的，所以需要完成需求分析階段判斷是否向下繼續開展設計。
（四）系統結構描述
用戶注冊登錄后跳轉商品首頁來瀏覽商品頁面，點擊商品詳情頁面查看詳細內容包括庫存等等，如果沒有庫存則提示商品庫存不夠無法跳轉購物車頁面，如果檢測到有庫存跳轉添加商品至購物車。如果在購物車中用戶沒有設置收貨地址信息則需要點擊跳轉至個人中心設置地址信息添加地址信息，然后跳轉購物車提交訂單，提交成功后跳轉個人中心查看訂單信息，當確認收貨后就可以評論商品，點擊提交評論信息后評論將在商品下方顯示。
?。ㄎ澹┫到y功能模塊設計
每個系統都由不同的模塊組成，每個模塊代表著一個或者多個功能的實現。系統功能模塊設計就是以需求分析的基礎設計出不同模塊，每個模塊實現對應的系統功能，所以系統功能模塊化設計也是至關重要的一部分。
主要系統功能分為幾個模塊，包括用戶管理模塊，分類管理模塊，品牌管理模塊，商品管理模塊，評論管理模塊，訂單狀態模塊，訂單管理模塊，廣告管理模塊，系統管理模塊。
用戶管理模塊包括用戶個人中心信息和用戶登錄與注冊。分類管理模塊實現的是對商品進行分類，以及對商品分類的查看、添加和修改，把商品劃分為很多不同的分類，在添加商品時要選擇商品的分類信息。品牌管理模塊則包括查看所有商品品牌信息，以及對商品的添加和修改，管理員在添加商品時同樣需要選擇對應商品的品牌類型，通過在后臺添加品牌信息，把數據返回前臺。商品管理即管理商品的信息，在后臺可以查看所有商品信息，包括商品名、分類、品牌、圖片信息、價格、是否上架等等，添加商品后會在首頁顯示商品信息。評論管理在評論后根據會返回后臺評論列表，在后臺可以看到，并且可以后臺管理人員刪除用戶評論，前臺則在商品下方顯示，用戶必須在確認收貨后才可以評論，否則無法評論。訂單狀態每個訂單都有一個狀態，查看商品訂單的狀態信息，顯示是否發貨，是否收貨還是在運輸中，可以根據業務變更添加對應的狀態信息。訂單管理，每個用戶購買商品都要需要提交訂單，包括在個人中心填寫收貨信息，添加訂單會生成唯一的訂單號和購買的商品信息，訂單提交后后臺人員可以查看，并且可以改變訂單狀態。廣告管理，設置首頁的廣告欄，可以在后臺更換廣告內容，包括廣告牌的地址信息以及位置。系統管理可以修改管理員的后臺登錄后令，可以直接后臺返回前臺的接口，并且可以退出整個系統。
整個系統又不用的模塊構成，形成了一個功能完整的系統網站。模塊化開發可以使系統更容易維護和更新，到需要修改時不必修改整個，這是現在開發的一個開發模式。一個系統由多個子模塊構成，形成了一個完整的系統網絡。
四、系統模塊詳細設計與實現
?。ㄒ唬┯脩糇缘脑敿氃O計
用戶注冊模塊：用戶填寫并且完善注冊表單，表單通過php驗證插件實時驗證輸入數據的符合度，如果數據符合添加要求則注冊成功，并且把用戶信息存儲到數據庫中。重要代碼部分：
效果圖如下：
?。ǘ┯脩舻卿浀脑敿氃O計
用戶登錄模塊，用戶輸入用戶信息后點登錄，如果信息正確則直接跳到首頁，失敗則提示重新輸入。重要代碼部分：
圖4-4
圖4-5
效果圖如下：
圖4-6
圖4-7
（三）用戶發表評論功能的詳細設計
評論模塊：用戶在個人中心查看訂單是否確認，如果確認，則可以點擊評論按鈕跳轉評論頁面，在評論頁面評論框填寫評論語，然后點擊發表；如果未確認，則需點擊確認后再點評論按鈕跳轉。
重要代碼部分：
圖4-8
圖4-9
效果圖如下：
? （四）用戶提交訂單的詳細設計
訂單模塊：用戶需在購物車有商品的情況下才可以提交訂單，如果用戶沒有設置收貨地址信息，則需要點擊添加按鈕到個人中心添加收貨地址，才可以返回選擇相應的地址提交訂單。提交訂單后跳轉個人中心顯示查看所有訂單。重要代碼部分：
效果圖如下：
圖4-15
（五）購物車功能的詳細設計
購物車模塊：用戶點擊商品加入購物車，在購物車頁面可以返回繼續購物，購物車不會自動清空，點擊清空按鈕可以清空購物車，可以加減商品數量，如果商品庫存不足則無法添加購物車。每個用戶購物車情況都會存儲在后臺數據中。
重要代碼部分：
圖4-16
圖4-17
效果圖如下：
圖4-18
（六）后臺管理功能的詳細設計
后臺管理管理著前臺的數據跟換，后臺管理分為幾個板塊：
一級目錄下用戶管理對應著子目錄查看用戶和添加用戶兩個子目錄，查看用戶界面可以查看用戶信息，包括id、用戶名，點擊修改按鈕可以修改用戶名和密碼信息，點擊刪除按鈕則可以刪除用戶；
一級目錄分類管理對應著查看分類和添加分類兩個子目錄，查看分類可以查看分類的編號、名稱及修改按鈕和刪除按鈕，添加分類則可以添加一項分類。一級目錄品牌管理下有查看品牌和添加品牌兩個子分類，查看品牌頁面有編號、品牌名稱、分類名稱、修改按鈕、刪除按鈕，點擊修改則跳轉修改品牌頁面，可以修改品牌名稱和選擇對應的分類；添加品牌則可以輸入品牌名稱和選擇分類。
一級目錄商品管理有兩個子目錄，查看商品和添加商品。查看商品可以查看編號、商品名稱、商品圖片、上下架、價格、庫存、品牌、分類、刪除按鈕、修改按鈕，點擊修改按鈕可以修改商品信息，刪除則刪除商品。添加商品添加的信息包括商品名稱、價格、庫存、上下架、品牌選擇、選擇圖片。
一級目錄評論管理有一個子目錄，查看評論。顯示所有評論的編號、用戶名、商品名稱、內容、時間及刪除按鈕。
一級目錄訂單狀態有兩個子目錄，查看狀態和添加狀態。查看和更改訂單狀態
一級目錄訂單管理管理有一個子目錄，查看訂單。前臺返回的訂單信息查看，包括訂單號、用戶名、下單時間、訂單狀態、聯系方式、客戶確認及修改和刪除按鈕。
一級目錄廣告管理有兩個子目錄，查看廣告和添加廣告。查看廣告可以查看廣告信息，包括圖片的地址、要放置的位置、URL信息及修改和刪除按鈕；添加廣告的信息則是廣告的位置、文件及URL。
一級目錄系統管理有三個子目錄，修改口令、退出系統和網站首頁。修改口令頁面則是修改管理員的密碼頁面，退出系統則是退出整個后臺系統，點擊網站首頁也是跳轉至首頁。
重要代碼部分：
效果圖如下：
圖4-21
?。ㄆ撸┥唐饭芾淼脑敿氃O計
點擊查看聯系方式，查看訂單的地址信息；點擊添加聯系方式則是跳轉到添加地址的頁面，填寫信息點擊提交保存后臺數據；點擊查看訂單頁面查看當前用戶的訂單信息。
重要代碼部分：
效果圖如下：
圖4-25
五、數據庫設計
?。ㄒ唬祿爝壿嫹治?/strong>
(1)實體模型轉換為關系模式
每個系統對應的都有很多實體，實體可以說是系統數據組成的基礎。每個實體模型對應不同的關系，每段關系把所有連接為一體。實體之間的關系可以進行合并，轉換為獨立的關系模式。如關系表1和關系表2所示：
關系表5-1
(其中”負責”的這個關系的碼可以是評論的id，也可以是用戶的id，這就是關系)
關系表5-2
一對多的聯系模型之間對應的關系也可以進行合并。如關系表3和關系表4所示：
關系表5-3
（對應的用戶id和訂單關系）
（二）數據庫結構設計
1．數據庫概念結構設計
根據系統的功能需求設計出對應的數據庫。數據庫都有對應的數據信息。這些信息是構成系統功能的基礎，也是交互數據的基礎，通過這些實體數據之間的交互，才可以得到我們想要的實現結果。效果圖如下：
2．數據庫表設計
（1）數據庫名：shop15
表5-5表名：用戶信息表（user）
六、系統測試
?。ㄒ唬y試內容
表6-1系統管理測試表
（二）測試計劃
運行Apache，在瀏覽器中輸入：http://localhost:8080
http://localhost:8080/myshop15/admin/public進入本系統后臺管理頁面之后
輸入用戶名和密碼進入本系統，用戶名、密碼如下表所示：
表6-2信息表
表6-3信息表
緒論
目前,科學技術快速發展,計算機應用已在各行業中發揮著極為重要的作用，其對人事管理上發揮著巨大的作用，在沒有計算機出現時，對于人事的管理只能依靠人來記在書本上，這樣工作效率極低，而且也不便于管理統計，特別是對于人事的更改問題都極為不便利。因此，人事管理系統開發對人事管理有至關重要的作用，對于人事管理系統而言,其優點在于保存時間長、成本低、簡單易用、存儲量大、可修復更改等方面發揮著重要的優勢。
在當今科學技術的飛速發展下,企業的人事管理也需要不斷改變,引入新的管理技術,充分運用當代科學技術來對人事進行管理,對人事管理系統進行充分利用,助于企業有效管理,進而快速發展。人事管理系統在企業的人事管理中能夠更加科學化、高效化,對企業的長遠發展發揮著極為重要的作用。
參考文獻
[1]Jim Christian.《寫給所有人的編程思維》.北京日報出版社.2019年4月
社.2019年
[2]Robin Nixon.《PHP、MySQL與JavaScript學習手冊》.中國電力出版社，2017年3月
[3]姜承堯著.《MySQL高效編程》[J].北京:機械工業出版社,2012年
[4]王亞鴿，劉亞棟?；趐hp的產品售后服務管理系統設計與實現[J].物聯網技術，2017,（03）：66-67.
[5]張樹明著.《Web前端設計從入門到實戰：HTML5、CSS3、JavaScript項目案例開發》.清華大學出版社.2019
[6]楊生舉，江濤，蒙杰著.《SQL Server數據庫設計與項目應用開發》.北京師范大學出版社.2017
[7]林程華?；赑HP的技能競賽選拔和訓練系統的設計與實現[J].電腦知識與技術，2017,（02）：74-77.
[8]阮曉龍.Web前端開發課程內容改革的探索與嘗試[J].中國現代教育裝備，2015（4）：94-97.
[9]雷華軍，邢益良，王晶?；赑HP的Android Intent的研究與實現[J].電子世界，2017,（06）：69+129.
[10]劉聲杰著.《輕松學PHP》.人民郵電出版社.2019年
1、如文檔侵犯商業秘密、侵犯著作權、侵犯人身權等，請點擊“文章版權申述”（推薦），也可以打舉報電話：18735597641(電話支持時間：9:00-18:30)。
2、網站文檔一經付費（服務費），不意味著購買了該文檔的版權，僅供個人/單位學習、研究之用，不得用于商業用途，未經授權，嚴禁復制、發行、匯編、翻譯或者網絡傳播等，侵權必究。
3、本站所有內容均由合作方或網友投稿，本站不對文檔的完整性、權威性及其觀點立場正確性做任何保證或承諾！文檔內容僅供研究參考，付費前請自行鑒別。如您付費，意味著您自己接受本站規則且自行承擔風險，本站不退款、不進行額外附加服務。
原創文章，作者：1158，如若轉載，請注明出處：http://www.twofishesartistry.com/chachong/175322.html,