基于JS技術(shù)的電子商品管理系統(tǒng)設(shè)計(jì)及實(shí)現(xiàn)

陳春雨，王福成，解國(guó)粱

（1.大慶師范學(xué)院 機(jī)電工程學(xué)院，黑龍江 大慶 163712；2.黑龍江八一農(nóng)墾大學(xué) 工程學(xué)院，黑龍江 大慶 163000）

基于JS技術(shù)的電子商品管理系統(tǒng)設(shè)計(jì)及實(shí)現(xiàn)

陳春雨1，王福成2＊，解國(guó)粱2

（1.大慶師范學(xué)院 機(jī)電工程學(xué)院，黑龍江 大慶 163712；2.黑龍江八一農(nóng)墾大學(xué) 工程學(xué)院，黑龍江 大慶 163000）

電商行業(yè)想要通過高效的互聯(lián)網(wǎng)絡(luò)提高辦事效率、降低開銷成本、方便管理人員管理，利用軟件工程的設(shè)計(jì)方法和先進(jìn)的軟件開發(fā)框架來實(shí)現(xiàn)電子商務(wù)管理勢(shì)在必行。文章主要對(duì)JS下電商管理系統(tǒng)的設(shè)計(jì)及實(shí)現(xiàn)進(jìn)行了探討，以期為電商管理系統(tǒng)的建設(shè)提供參考。

JS；電商管理系統(tǒng)；設(shè)計(jì)；實(shí)現(xiàn)

JS（JavaScript）是一類前臺(tái)的編程語(yǔ)言，類似C語(yǔ)言一樣，也有變量、循環(huán)、函數(shù)，除此之外還有對(duì)象、DOM操作、事件等[1]。在JS下進(jìn)行電商管理系統(tǒng)的設(shè)計(jì)、建設(shè)，具有很高的優(yōu)勢(shì)和可行性，且在當(dāng)前的各類系統(tǒng)設(shè)計(jì)中都較為常見。

1 開發(fā)工具

1.1 PhpStorm軟件

PhpStorm是本次開發(fā)的主要工具，是一種商業(yè)的PHP集成開發(fā)工具。PhpStorm的主要功能是進(jìn)行PHP程序編輯，同時(shí)也可以進(jìn)行JavaScript程序編輯，能夠?yàn)樵O(shè)計(jì)人員提供一個(gè)便捷的工作環(huán)境，可以自動(dòng)地補(bǔ)全代碼，甚至進(jìn)行語(yǔ)法、關(guān)鍵詞、變量方面的正確性檢測(cè)，可以提高程序設(shè)計(jì)的質(zhì)量和效率[2]。

1.2 XAMPP Control Panel軟件

XAMPP是Apache+MySQL+PHP+PERL的縮寫。在本次開發(fā)中充當(dāng)本地服務(wù)器的角色，沒有它，程序?qū)o法運(yùn)行。從本質(zhì)上來講，XAMPP是一個(gè)集成性的軟件包，在多種操作系統(tǒng)之下均可運(yùn)行使用，例如常用的Windows，Linux以及Solaris。另外，其具有豐富的語(yǔ)言支持功能，可以在日語(yǔ)、俄語(yǔ)以及英語(yǔ)之間做出切換，而且其功能允許開發(fā)人員輕松地在自己的計(jì)算機(jī)上構(gòu)建Web服務(wù)器。

1.3 Navicat for MySQL軟件

Navicat for MySQL是一套專門為MySQL設(shè)計(jì)的數(shù)據(jù)庫(kù)管理和開發(fā)的工具。它的出現(xiàn)，降低了開發(fā)成本，為開發(fā)者帶來了更高的開發(fā)效率[3]。

2 系統(tǒng)設(shè)計(jì)思想

2.1 實(shí)用性

系統(tǒng)以電子商品管理者需求為目的，方便電商管理者為原則。根據(jù)實(shí)際需要，量身定制一個(gè)便捷的工作環(huán)境，盡可能方便電子商品管理者使用，以滿足其基本要求，成為一個(gè)方便管理者使用的軟件。

2.2 先進(jìn)性

本系統(tǒng)以XAMPP Control Panel+PhpStorm+Navicat for MySQL為主要開發(fā)環(huán)境。運(yùn)用成熟的框架是此系統(tǒng)的強(qiáng)力支柱[4]。

2.3 高可靠性

本系統(tǒng)采用先進(jìn)的開發(fā)環(huán)境、流行的開發(fā)框架，保證了數(shù)據(jù)傳輸?shù)恼_性。

3 系統(tǒng)設(shè)計(jì)及實(shí)現(xiàn)

3.1 系統(tǒng)主界面設(shè)計(jì)

本軟件系統(tǒng)主界面由CSS+DIV布局，嵌入iframe框架，整體結(jié)構(gòu)是左右結(jié)構(gòu)，左側(cè)為導(dǎo)航欄，告訴使用者可對(duì)商品進(jìn)行搜索、增加、刪除和搜索操作。右側(cè)為工作窗口，進(jìn)行具體操作并展示頁(yè)面效果。下面簡(jiǎn)單展示了商品列表界面（見圖1）和商品搜索界面，界面中的商品均為虛擬，無實(shí)質(zhì)意義。

圖1 商品列表

3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

3.2.1 MySQL數(shù)據(jù)庫(kù)簡(jiǎn)介

MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)。MySQL數(shù)據(jù)庫(kù)由于其出色的性能，可以與PHP，Linux和Apache形成良好的開發(fā)環(huán)境，所以在業(yè)內(nèi)很受歡迎并被廣泛應(yīng)用。

一個(gè)MySQL數(shù)據(jù)庫(kù)包含表、視圖、觸發(fā)器、存儲(chǔ)過程等對(duì)象，數(shù)據(jù)庫(kù)中每一行叫作記錄，每一列叫作字段。

3.2.2 數(shù)據(jù)庫(kù)設(shè)計(jì)概念

數(shù)據(jù)庫(kù)的設(shè)計(jì)是建立數(shù)據(jù)庫(kù)和應(yīng)用系統(tǒng)的技術(shù)，是信息系統(tǒng)開發(fā)的重要部分，具體來說，數(shù)據(jù)庫(kù)的設(shè)計(jì)就是運(yùn)用給定的環(huán)境，構(gòu)造出最優(yōu)的信息要求和處理要求，這也是軟件開發(fā)階段主要要解決的問題。多年來，開發(fā)人員一直沒有停止探索。

3.2.3 數(shù)據(jù)庫(kù)的詳細(xì)設(shè)計(jì)

設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)，應(yīng)注意以下幾項(xiàng)：（1）數(shù)據(jù)庫(kù)的應(yīng)用，是要?jiǎng)?chuàng)建一個(gè)與應(yīng)用相符的數(shù)據(jù)庫(kù)；（2）數(shù)據(jù)庫(kù)應(yīng)符合規(guī)則，更要規(guī)范，以免發(fā)生數(shù)據(jù)庫(kù)的設(shè)計(jì)出現(xiàn)錯(cuò)誤；（3）通過設(shè)計(jì)字段是否允許為空等，對(duì)數(shù)據(jù)進(jìn)行完整性的保護(hù)。

在數(shù)據(jù)庫(kù)商品列表中，通過定義字段來體現(xiàn)商品的各種性質(zhì)，如：商品編號(hào)、商品名稱、商品價(jià)格等，完成了商品的詳細(xì)規(guī)定，在商品分類表中通過字段限制了商品的種類。數(shù)據(jù)庫(kù)通過cid字段為兩表建立關(guān)聯(lián)，完善了商品的詳細(xì)信息，這樣數(shù)據(jù)庫(kù)可以完美地實(shí)現(xiàn)商品搜索、編輯、增加刪除的功能。如果不為兩表建立關(guān)聯(lián)，商品分類將無法加載，頁(yè)面就無法顯示商品分類功能。

4 軟件和系統(tǒng)測(cè)試

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

4.1 軟件測(cè)試

經(jīng)過分析、設(shè)計(jì)和編碼后，得到源代碼，然后開始進(jìn)行軟件測(cè)試。

4.1.1 測(cè)試的基本概念

測(cè)試的目的是為了能夠找到程序中的錯(cuò)誤和不足。明確測(cè)試的目的是非常重要的，因?yàn)樵趯?shí)際應(yīng)用中人們對(duì)測(cè)試存在著許多誤解，這些誤解時(shí)刻影響著測(cè)試工作的順利開展。要進(jìn)行測(cè)試，除了需要測(cè)試數(shù)據(jù)外，還要給出測(cè)試數(shù)據(jù)會(huì)輸出的結(jié)果，把它叫作預(yù)期的結(jié)果。在測(cè)試過程中，將實(shí)際輸出的結(jié)果和預(yù)期的結(jié)果進(jìn)行對(duì)比，如果兩者不同，則代表發(fā)現(xiàn)了錯(cuò)誤。

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

4.1.2 測(cè)試步驟

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

4.2 系統(tǒng)測(cè)試

測(cè)試過程及結(jié)果如表1所示。

表1 測(cè)試過程及結(jié)果

5 結(jié)語(yǔ)

在測(cè)試時(shí)，發(fā)現(xiàn)本系統(tǒng)還有不足之處。在對(duì)電子商品進(jìn)行操作的過程中，如果使用刪除功能，在點(diǎn)擊確認(rèn)按鈕后，該電子商品雖然在數(shù)據(jù)庫(kù)中已經(jīng)被刪除，但是頁(yè)面中還能看見該商品，需要對(duì)網(wǎng)頁(yè)刷新后才能將該商品從頁(yè)面中刪除。但不影響功能實(shí)現(xiàn)，只是頁(yè)面效果欠佳，尚有待完善。

[1]吳菊華，徐夢(mèng)，莫贊，等.社會(huì)化電子商務(wù)平臺(tái)的設(shè)計(jì)研究[J].現(xiàn)代情報(bào)，2016（5）：117-122.

[2]陳小梅，關(guān)南寶.基于電子商務(wù)網(wǎng)站設(shè)計(jì)與管理研究[J].山東工業(yè)技術(shù)，2014（21）：131-132.

[3]尚芳，吳賓賓.小型電子商務(wù)網(wǎng)站規(guī)劃設(shè)計(jì)研究[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013（21）：37-38.

[4]呂春生，張俊峰.電子商務(wù)網(wǎng)站的設(shè)計(jì)與推廣[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，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

黑龍江八一農(nóng)墾大學(xué)教學(xué)研究課題；項(xiàng)目名稱：基于BIM技術(shù)的計(jì)算機(jī)繪圖技能的探索與實(shí)踐研究；項(xiàng)目編號(hào)：NDJY1608。

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

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