小吃推荐序列首页2.5-1删除购物车数据确认、2.8-2
2023-10-03 07:01:57 欢乐点

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,头像信息)。在我的页面有查看订单,查看待付款,查看待评价,查看退货、支付设置地址管理更改地址通用设置、退出登入等功能。“我的”页面如图2.10-1

在“我的”页面外卖app开发,假如你是未登入状态。将不能见到自己的个人信息,页面帐号信息处将提示为未登入。假如点击页面上的功能入口后,前端程序将先判别当前是否为帐号登入状态,倘若未登入状态,系统将提示当前未登入而且不能步入查看相关内容。由于点击功能模块是查看和操作与帐号相关的内容,未登入状态系统找不到要执行用户的操作,就将提示“未登入”。如图2.10-2

假如用户早已登陆后将查看到自己的信息内容。前端程序将登陆信息持久化并返回当须要执行操作时会先判别当前是否为登陆状态。在登陆状态下用户点击头像是将弹出提示:“已登陆”。并能点击相关功能入口,查看和操作相关数据内容。

登陆状态如图2.10-3。登陆后可以点击页面相关功能入口查看相关和操作相关内容,如图2.10-4点击我的订单页面。登陆成功后点击退出登入将退回到未登入状态页面。

2.11、我的订单页面

外卖开发票吗_外卖app开发_外卖开发app要多少钱

我的订单页面是查看我们下单成功后的美食页面。当用户点击“我的订单”后前端程序将按照当前登入用户的帐号查询数据库中该用户的订单记录显示到订单页面上。顶订单页面可查看订单信息。搜索查找订单信息。可以对订单进行相关删掉、退款等管理操作。在订单页面点击左上角返回按键将返回到上一个页面。订单页面如图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

外卖开发app要多少钱_外卖app开发_外卖开发票吗

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.程序代码

代码太长我已打包到云端

下载源码

免责声明:部分文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快为您处理。

欢乐点

留言咨询

×