安卓課程設計康園圈校園購物平臺大學論文

廣州商學院課程論文題目：“康園圈”校園購物平臺課程名稱移動互聯網與手機應用開發(fā)考查學期2016/2017學年第一學期考查方式課程論文姓名梁植淋學號專業(yè)商業(yè)軟件工程指導教師

目錄1項目需求分析 31.1 市場定位 31.2 平臺中的用戶與角色 31.3 平臺特點 31.4 平臺運行結構 42 功能介紹 52.1 店鋪瀏覽 52.2 商品瀏覽 62.3 購買商品 82.4 注冊及登錄 102.5 二維碼掃描進店 142.6 活動消息 152.7 留言反饋 173 功能實現說明 183.1 客戶端界面 183.2 客戶端與服務端進行數據交換 193.2.1Json數據接口 193.2.2WebView組件 203.3 手機驗證碼 213.4 二維碼掃描 223.5 后臺管理系統 2321/231項目需求分析市場定位隨著現代科學技術的發(fā)展，互聯網的應用越來越廣，淘寶、百度等各種網絡平臺深受人們歡迎。網上購物平臺已是一種必然的趨勢，但至今仍沒有一款特別成功地針對高校學生群體、以學生生活圈子作為服務區(qū)域劃分依據的平臺，本平臺的推出，就是為了解決高校學生“最后一公里”的痛點。“康園圈校園購物平臺”是專門針對校內購物的一款app,商家和學生可以通過審核在上面開店，長期售賣各種商品，包括實體商品和服務型商品。平臺中的用戶與角色學生用戶商家用戶平臺管理員平臺特點以學校圈子為服務區(qū)域，商品類型、經營范圍專為高校學生量身打造，具有更強的針對性。服務區(qū)域小，配送路程短，大大縮短了發(fā)貨及配送需要的時間，還能實現“點到點”配送，送貨員能在短時間內把商品送到購買同學的具體宿舍。為高校學生提供了兼職平臺，學生可以在上面開店，長期售賣各種商品，也可結合自身專業(yè)特色在平臺上售賣各種服務，如計算機專業(yè)學生在平臺上提供上門安裝電腦系統服務，藝術設計專業(yè)學生可在平臺上提供飾品訂做服務等。具有更高的保障性。由于買家和賣家都在校園圈子內，可以直接根據學生證件或非學生商家的營業(yè)執(zhí)照進行身份審核，在有需要時可輕易實現面對面交易，出現交易糾紛亦可找到交易對方本人。平臺運行結構“康園圈校園購物平臺”向用戶提供了安卓客戶端和網頁端服務（本文章將著重介紹安卓客戶端），安卓客戶端與網頁端共用服務端的邏輯業(yè)務層及數據庫，并由同一個后臺管理系統進行管理維護。平臺運行結構關系如圖1所示：圖1平臺運行結構功能介紹店鋪瀏覽(1)使用角色用戶(2)功能概述用戶打開App后就能看到店鋪列表，列表信息包括“店鋪名”、“店鋪介紹”及“店鋪頭像”，點擊相應店鋪條目就能進入該店鋪。(3)效果展示瀏覽店鋪的實際效果如圖2所示。圖2瀏覽店鋪效果圖(4)后臺管理店家申請開店經過審核后，管理員可在后臺管理系統對其店鋪進行監(jiān)管維護，后臺店鋪管理如圖3所示。圖4后臺店鋪管理圖商品瀏覽(1)使用角色用戶(2)功能概述用戶點擊店鋪條目即可進入店鋪首頁并瀏覽商品，商品信息包括商品名稱、商品介紹、商品價格及店鋪二維碼。(3)效果展示商品瀏覽的實際效果如圖2所示。圖3商品瀏覽效果圖(4)后臺管理商家可在后臺管理系統管理自家店鋪商品，管理員可在后臺管理所有店鋪商品。商品的后臺管理界面如圖4所示。圖4后臺店鋪管理購買商品(1)使用角色用戶(2)功能概述用戶瀏覽到心儀的商品即可選擇數量并點擊購買，購買時會判斷是否已登錄賬號，若還未登錄，會跳到提示登錄界面，若已登錄賬號，則會跳到提交訂單界面，填寫收貨地址及聯系電話或即可提交并生成訂單。(3)效果展示若未登錄，跳到提示登錄界面，界面如圖5所示。圖5提示登錄界面若已登錄，跳到提交訂單界面界面效果如圖6所示。圖6提交訂單界面提交訂單后，跳轉到“我的訂單”列表，“我的訂單”界面如圖7所示。圖7我的訂單(4)后臺管理用戶購買商品并生成訂單后，商家可在后臺管理相應訂單，并根據實際情況將訂單狀態(tài)由“待發(fā)貨”改為“配送中”、“已收貨”等。注冊及登錄(1)使用角色用戶(2)功能概述買家用戶需先進行登錄才能進行商品購買、訂單查看等操作。(3)效果展示進入登錄界面“我的”界面里可以看到，未登錄時頭像下顯示“請先登錄”，登錄后則會顯示相應用戶名。點擊“請先登錄”即可進入登錄界面，“我的”界面如圖8所示。圖8“我的”界面登錄輸入用戶賬戶和密碼并點擊登錄，若賬號密碼正確則提示登錄成功，否則提示賬號或密碼錯誤。登錄界面如圖8所示。圖8登錄界面注冊用戶提交相關資料和接收到的手機驗證碼即可完成注冊并綁定手機號，注冊界面如圖9所示。圖9注冊界面(4)后臺管理商家可在后臺對用戶進行統一管理，管理包括對違規(guī)用戶進行賬號凍結，后臺管理用戶賬號界面如圖10所示。圖10后臺管理用戶界面二維碼掃描進店(1)使用角色用戶(2)功能概述進入店鋪瀏覽商品時，可以看到左下角有一個二維碼圖標，點擊該二維碼圖標即可放大顯示該店鋪的二維碼，用戶將該二維碼分享給朋友，其朋友即可使用帶有二維碼掃描功能的應用訪問該店鋪。本App在“我的”界面內頁提供了“掃一掃”功能，掃描某店鋪二維碼即可直接進入該店購物。(3)效果展示點擊店鋪內二維碼圖標放大顯示店鋪二維碼，效果如圖11所示。圖11店鋪二維碼點擊“掃一掃”進入掃描二維碼如圖12所示圖12掃描二維碼界面活動消息(1)使用用戶用戶(2)功能概述用戶點擊“消息”即可進入活動消息列表界面，列表信息包括活動名稱及時間。點擊列表條目即可查看相應的活動詳情。平臺可通過此功能向用戶發(fā)布最新動態(tài)，商家也可通過付費獲得通過此功能推送優(yōu)惠活動相關的海報及文章。(3)效果展示活動消息列表界面如圖13所示圖13活動消息界面活動詳情如圖14所示圖14活動詳情界面留言反饋(1)使用用戶用戶(2)功能概述用戶可在“我的”—>“留言反饋”功能中進行留言，此功能的設計是為了讓平臺運營及維護人員收集用戶的建議及反饋，以便做出相應調整，為用戶提供更好的服務。(3)效果展示留言反饋界面如圖15所示。圖15留言反饋界面后臺對留言的管理界面如圖16所示。圖16后臺留言管理界面功能實現說明客戶端界面“我的”模塊中的子模塊界面是傳統的Activity跳轉，但App的“首頁”、“消息”、“我的”三大界面是通過Fragment來實現的，在MainActivity中對界面底部導航欄進行點擊事件監(jiān)聽，點擊了相應欄目即顯示相應的Fragment界面。監(jiān)聽部分的實現代碼如圖17所示。圖17界面切換監(jiān)聽代碼截圖客戶端與服務端進行數據交換本App客戶端與服務端的數據交互主要有兩種途徑：json數據解析接口和WebView組件。本App客戶端根據實際需要來對兩種途徑結合使用，如登錄及注冊等數據及界面變化不大的就采用json接口的途徑操作數據，并將相應數據呈現在原生的安卓界面中；而對于購買商品等數據及界面變化較大的功能則采用了WebView組件嵌入網頁瀏覽，從而實現安卓客戶端對服務端提供的安卓尺寸及樣式的網絡頁面進行瀏覽。下面對兩種途徑進行具體的解釋說明。3.2.1Json數據接口(1)接收數據客戶端通過服務端提供的專用接口獲取相應的json數據，在客戶端內進行解析，獲取最終數據進行展示。(2)發(fā)送數據服務端向該服務端發(fā)送json數據，并接收服務端返回的信息，從而實現對服務端數據庫的交互。(3)實現代碼封裝的HttpHleper工具類代碼如圖18所示，主要是利用URLConnection類的相應方法進行網絡請求。圖18HttpHelper工具類代碼截圖3.2.2WebView組件(1)對于數據及界面變動較大的頁面，本App客戶端采用了WebView組件進行瀏覽相應網絡數據，在該組件上綁定相應url的代碼如圖19所示。圖19WebView組件綁定url代碼截圖(2)使用WebView還有一個好處就是，能加入左右滑動翻頁、放大縮小瀏覽、報錯緩存等輔助功能，以提高用戶的瀏覽體驗。相應代碼如圖20所示。圖20瀏覽輔助功能代碼截圖手機驗證碼本App客戶端中手機驗證碼是通過“mob”平臺提供的接口實現，在此之前也嘗試過使用“阿里大于”等其他平臺接口，但由于其他平臺的認證門檻高、使用費用高等原因，最終選擇了mob短信驗證碼接口平臺。用戶注冊獲取手機驗證碼的部分代碼如圖21所示。圖21手機驗證碼實現代碼截圖二維碼掃描(1)生成二維碼本App客戶端中每個店鋪都會自動生成獨一的二維碼，該二維碼解析后就會得到該店鋪的訪問鏈接，生成二維碼的代碼如圖22所示。(2)掃描二維碼本App客戶端中掃描二維碼是通過codeBar庫實現的，codeBar是一個基于google的ZXing庫的一個集成開源庫，掃描二維碼前必須先獲取相機的權限。二維碼掃描的部分實現代碼如圖22所示。圖22掃描二維碼代碼截圖后臺管理系統(1)后臺管理系統是一個使用Spring+SpringMVC+MyBatis+Mysql框架實現的JavaWeb服務層，主要提供了3套接口:安卓客戶端使用的json數據接口；網頁用戶端的接口；管理系統接口。(2)商家和管理員都由同一登錄入口登錄，但區(qū)別是管理員登錄后能管理所有店鋪，而商家登錄