基于Android Studio购物商城app+web端实现（前后端分离）一

基于Android Studio购物商城app+web端，登录实现（前后端分离）二 ：https://blog.csdn.net/jky_yihuangxing/article/details/142911602

1. 项目功能思维导图

2. 项目涉及到的技术点

1. 使用MySQL数据库实现数据存储
2. 使用CountDownTimer实现启动页倒计时
3. 使用SharedPreferences实现记住密码登录
4. 使用BottomNavigationView实现底部导航栏
5. 使用Activity+Fragment实现底部导航栏页面之间切换
6. 使用RecyclerView+Adapter实现商品信息列表
7. 使用RecyclerView实现商品水平滑动分类
8. 使用CardView卡片控件实现头像圆角
9. 使用AlertDialog实现退出登录提醒框
10. 使用springBoot搭建服务端
11. 使用okhttp实现app端和服务端数据通讯

3. 开发环境

app端

1. 开发工具：Androidstudio
2. 开发语言：Java
3. jdk版本：11+以上

服务端

1. 开发工具：IDEA
2. 开发语言：Java
3. 开发框架：springBoot

web端

1. 开发工具：Vscode
2. 开发环境：Nodejs
3. Element UI +Vue 实现框架搭建

4. 项目运行效果图

web端运行效果图

5. 部分功能实现

1. app开屏页布局activity_welcome.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white">


    <androidx.cardview.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_margin="20dp"
        android:backgroundTint="@color/my_light_primary"
        app:cardCornerRadius="25dp"
        app:cardElevation="0dp">

        <TextView
            android:id="@+id/tv_countdown"
            android:layout_width="88dp"
            android:layout_height="44dp"
            android:gravity="center"
            android:text="3s | 跳过"
            android:textColor="@color/white"
            android:textSize="16sp" />

    </androidx.cardview.widget.CardView>


    <androidx.cardview.widget.CardView
        android:layout_width="110dp"
        android:layout_height="110dp"
        android:layout_centerInParent="true"
        app:cardCornerRadius="55dp"
        app:cardElevation="0dp">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/img_logo" />


    </androidx.cardview.widget.CardView>


</RelativeLayout>

2. WelcomeActivity.java倒计时实现

/**
 * 启动页
 */
public class WelcomeActivity extends AppCompatActivity {
    private TextView tvCountdown;

    private CountDownTimer countDownTimer;
    private long timeLeftInMillis = 3000; // 设置倒计时时长，单位为毫秒

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_welcome);
        //初始化控件
        tvCountdown = findViewById(R.id.tv_countdown);

        // 启动倒计时
        startCountdown();
    }

    private void startCountdown() {
        countDownTimer = new CountDownTimer(timeLeftInMillis, 1000) {
            @Override
            public void onTick(long millisUntilFinished) {
                timeLeftInMillis = millisUntilFinished;
                int secondsRemaining = (int) (millisUntilFinished / 1000);
                tvCountdown.setText(secondsRemaining + " s | 跳过");
            }

            @Override
            public void onFinish() {
                //跳转到登录页面（看自己逻辑想跳转哪个页面）
                startActivity(new Intent(WelcomeActivity.this, MainActivity.class));
                // 倒计时结束后的操作，例如跳转到主页面
                finish();

            }
        }.start();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (countDownTimer != null) {
            countDownTimer.cancel();
        }
    }
}

6. 视频教程学习

1. Androidstudio底部导航栏实现： https://www.bilibili.com/video/BV1MQ4y1H7wM/?spm_id_from=333.337.search-card.all.click&vd_source=984bb03f768809c7d33f20179343d8c8

2. Androidstudio制作欢迎页倒计时： https://www.bilibili.com/video/BV1zw411676Z/?spm_id_from=333.337.search-card.all.click&vd_source=984bb03f768809c7d33f20179343d8c8

3. Android安卓项目目录介绍，如何正确运行Android项目： https://blog.csdn.net/jky_yihuangxing/article/details/141933510

4. springBoot项目目录介绍，如何启动springBoot项目： https://blog.csdn.net/jky_yihuangxing/article/details/141926182