基于JS技術的電子商品管理系統設計及實現

陳春雨，王福成，解國粱

（1.大慶師范學院 機電工程學院，黑龍江 大慶 163712；2.黑龍江八一農墾大學 工程學院，黑龍江 大慶 163000）

基于JS技術的電子商品管理系統設計及實現

陳春雨1，王福成2＊，解國粱2

（1.大慶師范學院 機電工程學院，黑龍江 大慶 163712；2.黑龍江八一農墾大學 工程學院，黑龍江 大慶 163000）

電商行業想要通過高效的互聯網絡提高辦事效率、降低開銷成本、方便管理人員管理，利用軟件工程的設計方法和先進的軟件開發框架來實現電子商務管理勢在必行。文章主要對JS下電商管理系統的設計及實現進行了探討，以期為電商管理系統的建設提供參考。

JS；電商管理系統；設計；實現

JS（JavaScript）是一類前臺的編程語言，類似C語言一樣，也有變量、循環、函數，除此之外還有對象、DOM操作、事件等[1]。在JS下進行電商管理系統的設計、建設，具有很高的優勢和可行性，且在當前的各類系統設計中都較為常見。

1 開發工具

1.1 PhpStorm軟件

PhpStorm是本次開發的主要工具，是一種商業的PHP集成開發工具。PhpStorm的主要功能是進行PHP程序編輯，同時也可以進行JavaScript程序編輯，能夠為設計人員提供一個便捷的工作環境，可以自動地補全代碼，甚至進行語法、關鍵詞、變量方面的正確性檢測，可以提高程序設計的質量和效率[2]。

1.2 XAMPP Control Panel軟件

XAMPP是Apache+MySQL+PHP+PERL的縮寫。在本次開發中充當本地服務器的角色，沒有它，程序將無法運行。從本質上來講，XAMPP是一個集成性的軟件包，在多種操作系統之下均可運行使用，例如常用的Windows，Linux以及Solaris。另外，其具有豐富的語言支持功能，可以在日語、俄語以及英語之間做出切換，而且其功能允許開發人員輕松地在自己的計算機上構建Web服務器。

1.3 Navicat for MySQL軟件

Navicat for MySQL是一套專門為MySQL設計的數據庫管理和開發的工具。它的出現，降低了開發成本，為開發者帶來了更高的開發效率[3]。

2 系統設計思想

2.1 實用性

系統以電子商品管理者需求為目的，方便電商管理者為原則。根據實際需要，量身定制一個便捷的工作環境，盡可能方便電子商品管理者使用，以滿足其基本要求，成為一個方便管理者使用的軟件。

2.2 先進性

本系統以XAMPP Control Panel+PhpStorm+Navicat for MySQL為主要開發環境。運用成熟的框架是此系統的強力支柱[4]。

2.3 高可靠性

本系統采用先進的開發環境、流行的開發框架，保證了數據傳輸的正確性。

3 系統設計及實現

3.1 系統主界面設計

本軟件系統主界面由CSS+DIV布局，嵌入iframe框架，整體結構是左右結構，左側為導航欄，告訴使用者可對商品進行搜索、增加、刪除和搜索操作。右側為工作窗口，進行具體操作并展示頁面效果。下面簡單展示了商品列表界面（見圖1）和商品搜索界面，界面中的商品均為虛擬，無實質意義。

圖1 商品列表

3.2 數據庫設計

3.2.1 MySQL數據庫簡介

MySQL是一個關系型數據庫。MySQL數據庫由于其出色的性能，可以與PHP，Linux和Apache形成良好的開發環境，所以在業內很受歡迎并被廣泛應用。

一個MySQL數據庫包含表、視圖、觸發器、存儲過程等對象，數據庫中每一行叫作記錄，每一列叫作字段。

3.2.2 數據庫設計概念

數據庫的設計是建立數據庫和應用系統的技術，是信息系統開發的重要部分，具體來說，數據庫的設計就是運用給定的環境，構造出最優的信息要求和處理要求，這也是軟件開發階段主要要解決的問題。多年來，開發人員一直沒有停止探索。

3.2.3 數據庫的詳細設計

設計數據庫時，應注意以下幾項：（1）數據庫的應用，是要創建一個與應用相符的數據庫；（2）數據庫應符合規則，更要規范，以免發生數據庫的設計出現錯誤；（3）通過設計字段是否允許為空等，對數據進行完整性的保護。

在數據庫商品列表中，通過定義字段來體現商品的各種性質，如：商品編號、商品名稱、商品價格等，完成了商品的詳細規定，在商品分類表中通過字段限制了商品的種類。數據庫通過cid字段為兩表建立關聯，完善了商品的詳細信息，這樣數據庫可以完美地實現商品搜索、編輯、增加刪除的功能。如果不為兩表建立關聯，商品分類將無法加載，頁面就無法顯示商品分類功能。

4 軟件和系統測試

隨著信息技術的飛速發展，軟件產品逐漸滲透到社會的方方面面，軟件產品的廣泛應用讓軟件使用者不僅關注軟件的頁面美化，更加關注軟件產品的質量。無論軟件開發人員還是軟件用戶，都努力在競爭激烈的環境中生存。為了占有市場，軟件開發商就必須保證產品的質量，否則就會在激烈的競爭中被淘汰。為了保證工作的正常進行，必須選擇高質量的軟件。軟件產品質量差不僅會增加維護成本，還會產生其他問題，使企業喪失信譽度，進而打擊股市。尤其在一些關鍵的應用程序軟件中使用，一旦出現錯誤就會導致災難性的后果。

4.1 軟件測試

經過分析、設計和編碼后，得到源代碼，然后開始進行軟件測試。

4.1.1 測試的基本概念

測試的目的是為了能夠找到程序中的錯誤和不足。明確測試的目的是非常重要的，因為在實際應用中人們對測試存在著許多誤解，這些誤解時刻影響著測試工作的順利開展。要進行測試，除了需要測試數據外，還要給出測試數據會輸出的結果，把它叫作預期的結果。在測試過程中，將實際輸出的結果和預期的結果進行對比，如果兩者不同，則代表發現了錯誤。

測試的關鍵是測試用例的設計，其方法可分成兩類：白盒測試和黑盒測試。簡單來說，白盒測試就是在透明的環境之下，對程序進行測試，這個時候測試人員對于程序的設計和運行過程等都完全知曉，其主要測試的是路徑是否正確，以及邏輯是否有誤。相反，黑盒測試則是在不透明的環境下進行測試，測試人員對于程序的內部運作相當于是完全不了解的，是在一種真實的使用環境下對其進行測試，這主要測試的內容是檢查程序功能是否能夠達到預期的要求。

4.1.2 測試步驟

軟件測試的主要步驟包括單元測試、集成測試和驗證測試。單元測試（Unit Testing，UT）通常是在編碼階段進行的，單元測試通常使用白盒測試。集成測試（Integration Testing，IT）也叫裝配測試，是對每個模塊組裝在一起的程序的測試，集成測試一般采用黑盒測試。驗證測試（Validation Testing，VT）是檢查軟件的功能、性能和其他功能是否符合用戶的需求，黑盒測試通常用于驗證測試。

4.2 系統測試

測試過程及結果如表1所示。

表1 測試過程及結果

5 結語

在測試時，發現本系統還有不足之處。在對電子商品進行操作的過程中，如果使用刪除功能，在點擊確認按鈕后，該電子商品雖然在數據庫中已經被刪除，但是頁面中還能看見該商品，需要對網頁刷新后才能將該商品從頁面中刪除。但不影響功能實現，只是頁面效果欠佳，尚有待完善。

[1]吳菊華，徐夢，莫贊，等.社會化電子商務平臺的設計研究[J].現代情報，2016（5）：117-122.

[2]陳小梅，關南寶.基于電子商務網站設計與管理研究[J].山東工業技術，2014（21）：131-132.

[3]尚芳，吳賓賓.小型電子商務網站規劃設計研究[J].計算機光盤軟件與應用，2013（21）：37-38.

[4]呂春生，張俊峰.電子商務網站的設計與推廣[J].農業網絡信息，2006（2）：69-72.

Design and implementation of e-commodity management system based on JavaScript technology

Chen Chunyu1, Wang Fucheng2*, Xie Guoliang2
（1.Mechatronics Engineering School of Daqing Normal University, Daqing 163712, China; 2.Engineering College of Heilongjiang Bayi Agricultural University, Daqing 163000, China）

The e-commodity industry wants to improve ef fi ciency of the service, reduce the cost of overhead, facilitate the management of managers through the efficient interconnection network, using the design method of software engineering and advanced software development framework to implement e-commodity management is imperative. This paper mainly discusses the design and implementation of the e-commerce management system of JavaScript（JS）, so as to provide reference for the construction of e-commerce management system.

JavaScript; e-commodity management system; design; implementation

黑龍江八一農墾大學教學研究課題；項目名稱：基于BIM技術的計算機繪圖技能的探索與實踐研究；項目編號：NDJY1608。

陳春雨（1979— ），女，吉林四平人，博士，講師；研究方向：測試計量技術及儀器。

＊通信作者：王福成（1979— ），男，吉林四平人，講師；研究方向：結構力學。