App首頁有美食搜索功能有廣告輪播圖有美食推薦序列首頁如圖2.5-1
可以點擊瀏覽商品并將收藏美食和將面食加入購物車瀏覽完可以返回到上一頁如圖2.5-2
2.6、小吃點分類點菜頁
點擊點菜頁以后可以來到分類點菜頁面。
頁面給將面食依照城市分類，將全省各地有名面食，以列表的方式分類詮釋在用戶面前。用戶可以隨便點擊自己喜愛的城市的美食，頁可以點擊美食進行詳情瀏覽，或直接點擊有減號并將其加入到購進車內便捷統一下單。美食分類瀏覽頁面如圖2.6-1、2.6-3
2.7、購物車頁面及功能
在購物車系統頁面假如檢測到購物查沒有美食上坪則顯示顯示空空頁的下單提示頁如圖2.7-1
將面食商品添加到購物車后，在購物車系統頁面檢測到有美食數據外賣app開發，可以通過點擊美食頁面上的減號和加號改變美食下單數目，購物車前端程序將手動估算出購物車的商品美食價錢合計并顯示在頁面上。2.7-2
2.8、刪除購物車頁面下
步入購物車頁面可以看見自己添加的美食數據，接出來可以刪掉購物車數據，點擊右下角的刪掉按鍵將彈出彈窗提示刪掉確認，點擊確認刪掉后可以刪掉購物車數據，當數據刪掉成功后，系統將彈出提示已清空數據庫。之后回到空購物車頁面。如圖2.8-1刪掉購物車數據確認圖示、2.8-2購物車刪掉完成提示返回空頁面圖示
2.9、購物車單下單付款頁面
步入購物車頁面可以清晰的看見早已添加到購物車的數據，前端將估算出所有商品的價錢合計。當用戶點擊用戶下單支付后會跳出支付確認頁面。在支付確認頁面用戶可以添加備注信息，選擇支付方法進行支付，app將提供多種支付方法供用戶選擇。當用戶支付成功后，系統前端程序將下單數據逐字添加到數據庫中，作為用戶下單憑據，和數據的保存便捷，后續查看，更改，刪掉等操作。同時下單成功后下單完成的數據也將從購物車數據中清楚。頁面將提示下單成功。而且回到未下單或則空購物車顯示頁面給。
支付確認圖如圖2.9-1支付成功后提示與跳轉頁面給圖示如圖2.9-2
2.10、“我的”個人中心頁面
個人中心頁面。個人中心是一個app必須應當具備的頁面。在我們的云美食app來到個人中心頁面可以看見自己的帳號信息（用戶名，和id,頭像信息）。在我的頁面有查看訂單，查看待付款，查看待評價，查看退貨、支付設置地址管理更改地址通用設置、退出登入等功能?！拔业摹表撁嫒鐖D2.10-1
在“我的”頁面外賣app開發，假如你是未登入狀態。將不能見到自己的個人信息，頁面帳號信息處將提示為未登入。假如點擊頁面上的功能入口后，前端程序將先判別當前是否為帳號登入狀態，倘若未登入狀態，系統將提示當前未登入而且不能步入查看相關內容。由于點擊功能模塊是查看和操作與帳號相關的內容，未登入狀態系統找不到要執行用戶的操作，就將提示“未登入”。如圖2.10-2
假如用戶早已登陸后將查看到自己的信息內容。前端程序將登陸信息持久化并返回當須要執行操作時會先判別當前是否為登陸狀態。在登陸狀態下用戶點擊頭像是將彈出提示：“已登陸”。并能點擊相關功能入口，查看和操作相關數據內容。
登陸狀態如圖2.10-3。登陸后可以點擊頁面相關功能入口查看相關和操作相關內容，如圖2.10-4點擊我的訂單頁面。登陸成功后點擊退出登入將退回到未登入狀態頁面。
2.11、我的訂單頁面
我的訂單頁面是查看我們下單成功后的美食頁面。當用戶點擊“我的訂單”后前端程序將按照當前登入用戶的帳號查詢數據庫中該用戶的訂單記錄顯示到訂單頁面上。頂訂單頁面可查看訂單信息。搜索查找訂單信息。可以對訂單進行相關刪掉、退款等管理操作。在訂單頁面點擊左上角返回按鍵將返回到上一個頁面。訂單頁面如圖2.11-1
2.12、地址管理頁面
在“我的”頁面點擊地址管理將跳轉到地址管理頁面，前端程序按照當前用戶名查詢用戶的地址信息并將用戶的地址信息顯示到地址管理頁面。用戶可以點擊地址信息進行地址管理的更改和刪掉操作。在地址管理頁面點擊添加地址將步入地址添加頁面。
地址管理頁面如圖：2.12-1，點擊地址跳轉刪掉確認如圖2.12-2.
2.13、添加地址頁面
在地址管理頁面點擊添加地址步入地址降低頁面。用戶在地址添加頁面輸入地址信息后，點擊添加按鍵，前端程序將地址信息添加到數據庫地址表（）中儲存，添加成功后頁面將彈出提示“添加成功”并返回到查看頁面。便捷地址的管理。
添加地址頁面如圖2.13-1，地址添加成功如圖2.13-2。
2.14、刪除地址頁面
在地址管理中點擊相應的低音質可以步入到刪掉地址界面。用戶可以點擊刪掉確認刪掉自己不用的地址信息。后臺將按照地址id刪掉對應的數據庫中的內容。
地址刪掉如圖2.14-1刪掉后成功提示如圖2.14-2.
3．數據庫設計
數據庫名為.db。共有3個表，表名分別為：user(用戶數據表)、（訂單數據面表）、（地址數據表）。
3.1、user表
usert表記錄用戶注冊信息，表結構如下表3.1所示。
3.2、表
表記錄用戶訂單信息，表結構如圖3.2-1
3.3、表
表記錄用戶地址信息。表結構如圖3.3-1
4．特色創意5.1、清晰的程序結構
5.2、輪播圖
主要代碼
亂播控件布局
<ViewFlipper
android:id="@+id/flipper"
android:layout_width="match_parent"
android:layout_height="200dp"
android:outAnimation="@anim/left_in"
android:inAnimation="@anim/right_out"
tools:ignore="MissingConstraints">
<ImageView
android:id="@+id/imageView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:src="@drawable/lunbotu3" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:src="@mipmap/orderguanggao" />
<ImageView
android:id="@+id/imageView3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:src="@drawable/sack" />
<ImageView
android:id="@+id/imageView4"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ffffff"
android:src="@drawable/lunbotu2" />
ViewFlipper>
Java中的主要代碼
ViewFlipper flipper;
flipper = findViewById(R.id.flipper);
flipper.startFlipping();
資源文件
設置輪播療效進出方向及時間
left_in.xml
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="1000"
android:fromXDelta="100%p"
android:toXDelta="0" />
set>
right_out.xml
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="1000"
android:fromXDelta="0"
android:toXDelta="-100%p"/>
set>
5.3、ui設計
5.4、登錄持久化
主要代碼
* 登錄狀態
*/
private static boolean isLogin;
public static MyApplication getInstance() {
return appContext;
}
public static List<Snack> getCartSnacks() {
return cartSnacks;
}
public static User getUser() {
return user;
}
public static void setUser(User user) {
MyApplication.user = user;
}
/**
* 是否登錄
*
* @return true: 已經登錄, false: 未登錄
*/
public static boolean isLogin() {
return isLogin;
}
public static void isLogin(boolean isLogin) {
MyApplication.isLogin = isLogin;
}
// 登錄運行
private void checkLogin() {
// 檢查持久化的數據
if (UserDao.isLogin()) {
// 已登錄
MyApplication.isLogin(true);
MyApplication.setUser(UserDao.getUser());
} else {
// 未登錄
MyApplication.isLogin(false);
MyApplication.setUser(null);
}
}
5.5、清晰的層次圖如圖5.5-1
圖5.6-1、層次圖
5.6、數據庫ER圖如圖5.7-1
圖5.6-1數據庫ER圖
5．程序代碼
代碼太長我已打包到云端
下載源碼
下一篇：騎手50分鐘完成4份外賣送到位
免責聲明：部分文章信息來源于網絡以及網友投稿，本站只負責對文章進行整理、排版、編輯，出于傳遞更多信息之目的，并不意味著贊同其觀點或證實其內容的真實性，如本站文章和轉稿涉及版權等問題，請作者在及時聯系本站，我們會盡快為您處理。
