劉鵬 通化師范學院計算機學院
在高節奏生活的現代社會,如何節約時間,如何高效率的應用時間,已經成為所有人都會去思考的問題.基于Android平臺的超市購物系統正好使得人們節約下了購物的時間,而且使得人們更好的利用一些在等待的時間.沒有了時間和空間的限制,購物就變得更加便捷,更加人性化了.此超市購物系統(百米超市)是本人在公司所完成的項目之一,是針對解決一個小區內的用戶能如何在手機在線購買本小區內超市的商品的問題,且商家只給自己小區的用戶送貨,實現能夠在最短的時間送貨上門.
用戶進入首頁后看到的界面從上到下依次是位置定位、廣告圖片、超市列表,用戶點超市列表的某個超市即可進入所有的商品瀏覽界面,在商品瀏覽界面點擊任意商品,用戶就能了解該商品的詳細信息.若用戶喜歡該商品,可將其加入購物車,隨時結算,提交訂單,即完成了一次購物.
本系統是一款在智能手機上超市購物的應用, 總共分為五個大功能模塊:首頁顯示模塊、商品瀏覽模塊、購物車模塊、查看訂單模塊、我的模塊,主要目的是設計一款方便消費者在手機上超市購物的應用.
2.1.首頁模塊
首頁模塊顯示的首先橫向的廣告和豎列的超市信息,橫向能左右滑動豎向能上下,用戶在首頁上方或下方超市列表處點擊超市就能進入到該超市的商品瀏覽頁面,在商品瀏覽頁面中用戶可根據自己的需要將該商品加入購物車,數量也是可自由增加或減少的.
2.2.商品瀏覽模塊
用戶可以通過上下滑動,直觀地瀏覽商品列表中的商品,點擊特定的商品圖片可以查詢商品詳情.在商品列表功能中,運用到了Android的一個ListView的控件,該控件可以通過數據庫中建表的商品對象的名稱,加載出JAVA中對應的實體對象,從而方便快捷地將表中的商品內容用界面展示出來.
2.3.購物車模塊
用戶在查看超市商品之前須先登錄自己的賬號和密碼,沒有登錄的話該界面會提示"請登錄"的消息.該模塊能實現的功能有:將要買的商品添加至購物車中、編輯商品數量直到滿足自己的需求、把加入購物車中的商品顯示出來.
2.4.訂單模塊
該模塊的功能有:提交已付款的訂單、選擇適合自己的支付方式、全部費用結算、查看已完成的和未完成的訂單.在購物車中確定要買的商品進行費用結算,然后完善收貨信息(對于備注,可表明對商品的需求)就完成了訂單,跳轉到支付頁面,顯示若干種付款方式,用戶按照適合自己的付款方式,此項訂單就產生了.
2.5.我的模塊
我的模塊主要包括:管理收貨地址、推薦店鋪、關于百米超市、全民經紀人、幫助、設置.例如:增加新的收貨地址或者刪除已經不用的收貨地址,幫助則給客戶解答一些疑惑和怎樣使用該軟件.
該系統分為前臺客戶端和后臺管理端:前臺主要是用戶的注冊、登錄、購物,后臺主要是管理員對商品、訂單的管理,在整個系統中他們具有不同的功能和權限.如圖1所示.

圖1
客戶端的主要使用對象是普通用戶,分為用戶登陸,用戶注冊,商品搜索,商品分類,購物車;后臺管理模塊的主要使用對象是管理員,分為管理員登陸,商品信息管理,訂單信息管理.
客戶端是供用戶購物的,其包含了用戶的登錄、瀏覽商品、加入購物車、查詢訂單、面對面支付等功能,它負責直接和用戶交互的功能.
用戶進入軟件如果以前登錄過就會把訂單記錄重新顯示,只有登錄過后才能把商品加入購物車或夠買商品,沒有登錄的話系統會跳到登錄界面提示用戶先登錄.其功能流程圖如圖2所示:

圖2 客戶端系統流程圖
服務端主要用于服務端的管理員管理用戶、商品和訂單等方面,用戶包括用戶名、密碼、電話等一些個人信息,商品包含商品名、圖片、價格、數量等信息,訂單包括時間、地址等屬性信息.其E-R圖如下3所示:

圖3 E-R圖
系統管理員主要管理用戶,商品,訂單,商品類型四個方面.用戶主要包含了,ID,昵稱,密碼等屬性;商品主要包含ID,名稱,價格等屬性;訂單主要包含ID,訂單狀態等屬性;商品類型主要包含ID,類型名稱等屬性.如下圖4所示:

圖 4 E-R圖
用戶首次進入APP,用戶首先了解到APP內容的便是歡迎頁,歡迎頁一般會用圖片的形式將APP的主要特點給用戶直觀地展示出來.歡迎頁面有個登錄判斷,若用戶首次登錄,則跳到登錄界面,若用戶已經登錄過則跳到主界面.如圖5所示

圖5 歡迎界面
歡迎界面加載開機圖片的代碼:
用戶登錄:通過訪問服務器登錄接口,將對應的用戶名(手機號)和驗證碼傳到數據庫t_people表里,獲得接口傳到的result的值,從而判斷可否登錄.如果沒有注冊,服務端會以手機號為賬號自動注冊用戶.如圖6所示:

圖6 登錄界面
(1)商品瀏覽界面功能:用戶可以通過上下滑動,直觀地瀏覽商品列表中的商品,點擊特定的商品圖片可以查詢商品詳情.在商品列表功能中,運用到了Android的一個ListView的控件,該控件可以通過數據庫中建表的商品對象的名稱,加載出JAVA中對應的實體對象,從而方便快捷地將表中的商品內容用界面展示出來.如圖7與圖8所示:


圖8 商品詳情界面
(2)購物車功能:購物車主要用來瀏覽已添加到購物車的商品列表和進行購買前數量的選擇操作,用戶可根據選擇點擊加減按鈕進行數量的選取和刪除,這些信息全部保存在客戶端,因此購物車模塊功能的實現并不需要和服務器進行交互.購物車的主界面如圖9所示:

圖9 購物車界面
提交訂單界面主要有三部分構成,分別是用戶的收貨地址信息,購買的商品信息,和備注,通過這幾部分的集合視圖,可實現不同的信息的展示.提交訂單界面如圖10所示:

圖10 結算界面
完成訂單界面是實現一次購物的流程的最后模塊,根據需要支付方式有支付寶面對面,微信面對面,貨到付款三種支付方式,用戶可以自由選擇支付方式,商家送貨上門后當面結清貨款.提交訂單界面如圖11所示:

圖 11完成訂單界面
訂單查詢界面主要由ListView實現,可以了解每個訂單的商家和所購買的商品及訂單狀態.訂單界面如圖12所示:

圖 12訂單查詢界面
訂單詳情界面主要展現訂單的詳細信息,如訂單號、商家信息、所購商品信息、訂單提交時間、商家確認時間、訂單完成時間、買家留言和支付方式等,還有點擊再來一單可以進入超市在這單的基礎上進行購物.訂單詳情界面如圖13所示:

圖13 訂單詳情界面
我的界面主要包括:地址管理、推薦店鋪、關于百米超市、全民經紀人、幫助、設置.例如:地址管理可增加新的收貨地址或者刪除已經不用的收貨地址,推薦店鋪可以根據店鋪的推薦碼把常用的店鋪置頂從而方便購物,幫助則給客戶解答一些疑惑和怎樣使用該軟件,設置里則有清除緩存和退出登錄功能.如圖14-圖16所示:

圖 14我的界面

圖 15地址管理界面

圖16 幫助界面
這套系統是我們對大學課程所學知識的全面應用,是應用理論知識分析實際問題、解決實際問題能力的真實反映,也是對教師教學效果的一次全面反饋.我所做的課題是基于Android的超市購物系統,由于此應用開發時間短,所以一定會存在許多不足之處,因此在以后的用戶使用中會不斷完善和優化.此外在設計的過程中,走了很多的彎路,發現自己有很多的不足,對開發工具的掌握不是很全面,因此我應該多學習一些編程技巧與思想,使自己的能力得到提升.