基于Android Studio如何实现 购物商城 案例（简单易上手）

2024-06-04 7199阅读

一、高质量源码（非开源，白嫖低价勿扰）

关注公众号：《编程乐学》

后台回复：23102801

        这是一个使用Android Studio和Java开发的购物商城应用。该应用旨在提供用户一个方便、快捷的购物体验。通过该应用，用户可以浏览不同类别的商品，并将其添加到购物车中。用户可以查看商品的详细信息，包括价格等。购物商城应用还提供了用户注册和登录功能，以便用户可以保存个人信息。该应用还支持商品搜索功能，帮助用户快速找到所需商品。购物商城应用的界面简洁、直观，操作易于上手，为用户提供了一个愉快的购物体验。

目录

一、项目概述

1、构成以及功能设计

二、开发环境

三、准备工具

四、详细设计

1、新建工程

2、搭建启动页面

3、搭建注册、登陆界面

4、搭建主页界面

5、搭建购物车界面

6、搭建我的页面

五、项目运行

1.图片演示

2.视频演示

六、项目总结

七、源码下载

项目视频介绍

Android studio期末设计大作业~购物商城App

一、项目概述

1、构成以及功能设计

①启动页

②.用户登录/注册功能

③主页面功能

    - 顶部轮播图功能

    - 搜索功能

    - 商品目录

    - 商品列表

    -点击商品列表进入详情页

④ 购物车功能

    - 商品数量的增加减少

    - 商品支付购买

⑤ 我的页面

    - 修改用户密码

⑥详情页面

   - 显示商品详情信息

二、开发环境

        我的开发环境如下，大家的AS版本不需要和我相同，只要是近两年从官网下载的版本，都是比4.0.0高的，是可以满足运行和开发要求的。

基于Android Studio如何实现 购物商城 案例（简单易上手） 第1张

三、准备工具

  1. 准备商品详情内容

四、详细设计

1、新建工程

  • 首先打开Android Studio，并新建一个工程，File——>New——>New Project——>Empty Project，工程名称叫做NewShop，可以根据自己喜好设置名称。

  • 包名自己随意设定，这里博主用的是com.example，一般是com.example；工程文件的保存路径要修改一下，不要放在C盘，我这里选择的是放在H盘，养成项目统一放在英文路径下的好习惯。

  • 最后选择API 24：Android 7.0，因为这样它就拥有了96.3%的跨平台性（兼容性非常好），因为它版本很低，基本上模拟器API版本都是高于20的，所以这个软件可以运行其他各种设备上。点击Finish完成创建。

    基于Android Studio如何实现 购物商城 案例（简单易上手） 第2张

    2、搭建启动页面

      我们来看一下activity_start布局文件。

    基于Android Studio如何实现 购物商城 案例（简单易上手） 第3张

            启动页面xml完整代码如下：

             然后回到我们的Activity文件。首先创建一个ImageView控件 然后进行页面背景颜色修改。

    启动页面代码如下：

    package com.android.newshop.Start;
import android.content.Intent;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.os.Handler;
import android.widget.Button;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;
import com.android.newshop.Login.LoginActivity;
import com.android.newshop.R;
public class StartActivity extends AppCompatActivity {
    private ImageView imageView2;
    private Button button;
    private Runnable runnable = new Runnable() {
        @Override
        public void run() {
            tomainActive();
        }
    };
    // 进入主页面
    private void tomainActive() {
        startActivity(new Intent(this, LoginActivity.class));
        // 跳转完成后注销
        finish();
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_start);
      
    }
    // 计时器
    class TimeCount extends CountDownTimer {
        public TimeCount(long millisInFuture, long countDownInterval) {
            super(millisInFuture, countDownInterval);
        }
        @Override
        public void onTick(long l) {
        }
        @Override
        public void onFinish() {
           
        }
    }
}

    3、搭建注册、登陆界面

            主要实现用户数据的存储，实现用户使用注册的账号进行登陆。

    基于Android Studio如何实现 购物商城 案例（简单易上手） 第4张

    基于Android Studio如何实现 购物商城 案例（简单易上手） 第5张

    注册页面xml代码如下所示：

    登陆页面xml代码如下：

    注册页面JAVA代码如下所示：

    package com.android.newshop.Register;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import com.android.newshop.Data.DatabaseHelper;
import com.android.newshop.Login.LoginActivity;
import com.android.newshop.R;
import org.w3c.dom.Text;
public class RegisterActivity extends AppCompatActivity {
    private EditText mUserNameEditText;
    private EditText mPasswordEditText;
    private TextView tvLogin;
    private DatabaseHelper mDatabaseHelper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
        mDatabaseHelper = new DatabaseHelper(this);
        mUserNameEditText = findViewById(R.id.username_edittext);
        mPasswordEditText = findViewById(R.id.password_edittext);
        tvLogin = findViewById(R.id.tv_login);
        // 返回登陆页面
        tvLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });
        // 注册
        Button registerButton = findViewById(R.id.register_button);
        registerButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = mUserNameEditText.getText().toString().trim();
                String password = mPasswordEditText.getText().toString().trim();
                if (username.isEmpty() || password.isEmpty()) {
                    Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
                    return;
                }
                boolean result = mDatabaseHelper.insertData(username, password);
                if (result) {
                    Toast.makeText(getApplicationContext(), "注册成功", Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
                    startActivity(intent);
                    finish();
                } else {
                    Toast.makeText(getApplicationContext(), "注册失败", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

    登陆页面xml代码如下所示：

    package com.android.newshop.Login;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import com.android.newshop.Data.DatabaseHelper;
import com.android.newshop.MainActivity;
import com.android.newshop.R;
import com.android.newshop.Register.RegisterActivity;
public class LoginActivity extends AppCompatActivity {
    private TextView loginRegister;
    private EditText user;
    private EditText pass;
    private Button mLoginButton;
    private DatabaseHelper mDatabaseHelper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        user = findViewById(R.id.user);
        pass = findViewById(R.id.pass);
        mLoginButton = findViewById(R.id.login_button);
        loginRegister = findViewById(R.id.login_register);
        mDatabaseHelper = new DatabaseHelper(this);
        loginRegister.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(LoginActivity.this, RegisterActivity.class);
                startActivity(intent);
            }
        });
        mLoginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = user.getText().toString().trim();
                String password = pass.getText().toString().trim();
                if (username.isEmpty() || password.isEmpty()) {
                    Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
                    return;
                }
                boolean result = mDatabaseHelper.checkUser(username, password);
                if (result) {
                    Toast.makeText(getApplicationContext(), "登陆成功", Toast.LENGTH_SHORT).show();
                    Intent intent = new Intent(LoginActivity.this, MainActivity.class);
                    startActivity(intent);
                    finish();
                } else {
                    Toast.makeText(getApplicationContext(), "账号或密码错误", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

    4、搭建主页界面

    基于Android Studio如何实现 购物商城 案例（简单易上手） 第6张

    主页面xml如下所示：
    • 在onCreateView方法中，通过调用initView方法初始化视图控件，包括Banner、搜索按钮、搜索框、TabLayout和ListView等。
    • 在sousuo方法中，设置了搜索按钮的点击事件，根据用户输入的关键词搜索相关商品并展示。
    • 在initListView方法中，初始化ListView，并加载商品数据。通过读取json数据文件，将商品数据解析为Shop对象列表，并将所有商品数据存储在dataAll列表中。然后将dataAll列表中的商品添加到shopList列表中，并使用ShopAdapter作为ListView的适配器。同时，根据商品数据中的shoptype字段，动态创建TabLayout的Tab，并设置TabLayout的选择事件监听器，以根据选择的商品类别展示相应的商品列表。
    • 在ListView的点击事件监听器中，根据点击的商品位置，将对应的Shop对象传递给DetailsActivity，并启动该活动。
    • 通过调用initView方法，将视图控件与布局文件中的对应控件进行绑定。

              接下来是对应java文件代码:

      package com.android.newshop.Fragment;
import android.content.Context;
import android.content.Intent;
import android.graphics.Outline;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewOutlineProvider;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.constraintlayout.widget.Guideline;
import androidx.fragment.app.Fragment;
import com.android.newshop.Adapter.ShopAdapter;
import com.android.newshop.Bean.Shop;
import com.android.newshop.Details.DetailsActivity;
import com.android.newshop.MainActivity;
import com.android.newshop.R;
import com.google.android.material.tabs.TabLayout;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import com.youth.banner.Banner;
import com.youth.banner.loader.ImageLoader;
import java.io.IOException;
import java.io.InputStream;
import java.nio.charset.StandardCharsets;
import java.util.ArrayList;
import java.util.HashSet;
import java.util.List;
import java.util.Set;
public class HomeFragment extends Fragment {
    // 声明控件成员变量
    private EditText etSearch;
    private Button btnSearch;
    private ListView listView;
    private ShopAdapter shopAdapter;
    private List shopList = new ArrayList();  // 存放展示的商品列表
    private List dataAll = new ArrayList();   // 存放所有商品数据
    private String selectedType;                      // 选择的商品类别
    private Banner banner;
    private TabLayout tabLayout;
    public HomeFragment() {
    }
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
        }
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_home, container, false);
        initView(view);
        banner();
        initListView();
        sousuo();
        return view;
    }
    private void sousuo() {
        // 设置点击搜索按钮事件
        btnSearch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String searchText = etSearch.getText().toString().trim();   // 获取搜索框文本
                if (TextUtils.isEmpty(searchText)) {                        // 搜索框为空时展示全部商品
                    shopList.clear();
                    shopList.addAll(dataAll);
                    shopAdapter.notifyDataSetChanged();
                    Toast.makeText(getActivity(), "请输入搜索内容！", Toast.LENGTH_SHORT).show();
                } else {     // 根据关键词搜索相关商品并展示
                    shopList.clear();
                    for (Shop shop : dataAll) {
                        if (shop.getTitle().contains(searchText)) {
                            shopList.add(shop);
                        }
                    }
                    shopAdapter.notifyDataSetChanged();
                }
            }
        });
    }
    private void initListView() {
        if (!"".equals(loadJSONFromAsset())) {
            dataAll = new Gson().fromJson(loadJSONFromAsset(), new TypeToken() {
            }.getType());
            shopList.addAll(dataAll);
        }
        shopAdapter = new ShopAdapter(getContext(), shopList);
        listView.setAdapter(shopAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                Intent intent = new Intent(getActivity(), DetailsActivity.class);
                intent.putExtra("data", shopList.get(position));
                startActivity(intent);
            }
        });
        Set tt = new HashSet();
        for (Shop newsBean : dataAll) {
            tt.add(newsBean.getShoptype());
        }
        tabLayout.removeAllTabs();
        for (String s : tt) {
            TabLayout.Tab tab = tabLayout.newTab();
            tab.setText(s);
            tabLayout.addTab(tab);
        }
        // 标题
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                selectedType = tab.getText().toString();
                shopList.clear();
                List filteredList = new ArrayList();
                for (int i = 0; i  

       

      5、搭建购物车界面 
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第7张
       

      购物车页面xml代码如下所示：
       

          
    
    
    
    
    
    
        
            
            
        
    

       

              实现了加载购物车数据、显示购物车列表、支付功能的实现。
       

              在onCreateView方法中，它通过调用loadDataToListView方法来加载数据并将其设置到ListView上。然后，它设置了支付按钮的点击事件，当用户点击支付按钮时，会显示一个支付成功的Toast消息。
       

              在loadDataToListView方法中，它首先对购物车数据进行逆序排序，以便按照添加时间的逆序显示购物车列表。然后，它创建一个CartItemAdapter适配器，并将其设置到ListView上。
       

              对应的java编程代码：
       

      package com.android.newshop.Fragment;
import android.content.Context;
import android.content.SharedPreferences;
import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import com.android.newshop.Adapter.CartItemAdapter;
import com.android.newshop.Bean.CartItem;
import com.android.newshop.R;
import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;
import java.util.Map;
public class CartFragment extends Fragment {
    private ListView listView;
    private CartItemAdapter cartAdapter;
    private Button pay;
private TextView zj;
    public CartFragment() {
    }
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_cart, container, false);
        listView = view.findViewById(R.id.lv_cart);
        pay = view.findViewById(R.id.btn_pay);
        zj = view.findViewById(R.id.tv_total);
        // 加载并设置数据到ListView
        loadDataToListView(listView);
        // 设置支付按钮的点击事件
        pay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getActivity(), "支付成功，购物车已清空！", Toast.LENGTH_SHORT).show();
            }
        });
        return view;
    }
        // 对数据集合进行逆序排序
        Collections.sort(cartList, new Comparator() {
            @Override
            public int compare(CartItem item1, CartItem item2) {
                // 逆序比较添加时间
                return Long.compare(item2.getAddTime(), item1.getAddTime());
            }
        });
        Collections.reverse(cartList); // 将ArrayList进行逆序排列
// 创建适配器并设置到ListView上
        CartItemAdapter adapter = new CartItemAdapter(getActivity(), cartList);
        Log.d("Adapter", "Adapter set to ListView");
    }
}
       

      6、搭建我的页面
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第8张
       

      对应的xml代码如下所示：
       

          
    
        
            
            
        
        
        
            
            
        
        
    

       

      实现java代码如下所示：
       

      package com.android.newshop.Fragment;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.appcompat.app.AlertDialog;
import androidx.fragment.app.Fragment;
import com.android.newshop.Data.DatabaseHelper;
import com.android.newshop.Login.LoginActivity;
import com.android.newshop.R;
/**
 * A simple {@link Fragment} subclass.
 * Use the {@link MineFragment#newInstance} factory method to
 * create an instance of this fragment.
 */
public class MineFragment extends Fragment {
    private ImageView imageView9;
    private TextView textView8;
    private TextView textView9;
    private View view11;
    private TextView tvModify;
    private View view15;
    public static MineFragment newInstance(String param1, String param2) {
        MineFragment fragment = new MineFragment();
        return fragment;
    }
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_mine, container, false);
        tvModify = view.findViewById(R.id.tv_modify);
        modify();
        return view;
    }
    // 设置tvModify的点击修改密码事件
    private void modify() {
        tvModify.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showDialog();
            }
        });
    }
    // 创建自定义对话框方法
    private void showDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        // 获取布局中的控件
        View dialogView = getLayoutInflater().inflate(R.layout.dialog_modify_password, null);
        final EditText etUsername = dialogView.findViewById(R.id.et_username);
        final EditText etNewPassword = dialogView.findViewById(R.id.et_new_password);
        builder.setView(dialogView)
                .setPositiveButton("确认", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        String username = etUsername.getText().toString();
                        String newPassword = etNewPassword.getText().toString();
                        // 调用修改密码的方法
                        boolean isPasswordUpdated = updatePassword(username, newPassword);
                        if (isPasswordUpdated) {
                            Toast.makeText(getActivity(), "密码修改成功！", Toast.LENGTH_SHORT).show();
                            Intent intent = new Intent(getActivity(), LoginActivity.class);
                            startActivity(intent);
                            getActivity().finish();//注销页面
                        } else {
                            Toast.makeText(getActivity(), "密码修改失败！", Toast.LENGTH_SHORT).show();
                        }
                    }
                })
                .setNegativeButton("取消", null)
                .create()
                .show();
    }
    // 修改密码的方法
    private boolean updatePassword(String username, String newPassword) {
        // 这里调用之前提到的 DatabaseHelper 类的 updatePassword 方法来执行密码修改操作
        DatabaseHelper dbHelper = new DatabaseHelper(getActivity());
        return dbHelper.updatePassword(username, newPassword);
    }
}
       

              至此，完整的购物商城项目创建完成。
       

      五、项目运行
       

      1.图片演示
       

      （1）运行app到模拟器上，显示启动面：
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第9张
       

      （2）登陆页面：
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第10张
       

      （3）点击注册跳转到注册页面：
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第11张
       

      （4）注册账号后进行登陆然乎进入首页：
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第12张
       

      （5）点击商品进入详情页：
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第13张
       

      （5）进入购车页面
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第14张
       

      （6）进入我的页面
       

      基于Android Studio如何实现 购物商城 案例（简单易上手） 第15张
       

              运行效果和功能很完整，至此就完成了非常简单的购物车App。大家可以跟着动手做一下，放上自己喜欢的商品，还有头像！
       

      六、项目总结
       

      1.  
        启动页：应用启动时显示的欢迎页面。
         
      2.  
        用户登录/注册功能：用户可以通过输入用户名和密码进行登录或注册新账户。
         
      3.  
        主页面功能：
         
  
        • 顶部轮播图功能：展示热门商品或促销活动的轮播图。
        • 搜索功能：允许用户根据关键字搜索商品。
        • 商品目录：按照类别或标签分类展示商品。
        • 商品列表：展示符合搜索条件或所选类别的商品列表。
        • 点击商品列表进入详情页：用户可以点击商品列表中的商品，查看其详细信息。
      4.  
        购物车功能：
         
  
        • 商品数量的增加减少：允许用户在购物车中增加或减少商品的数量。
        • 商品支付购买：用户可以选择购买购物车中的商品，进行支付。
      5.  
        我的页面：
         
  
        • 修改用户密码：允许用户修改已登录账户的密码。
      6.  
        详情页面：
         
  
        • 显示商品详情信息：展示选定商品的详细信息，如价格、描述、评价等。
       

      七、获取源码
       
 
 
      关注公众号《编程乐学》
       
 
 
 
      后台回复：23102801
       
 
 
 
      👇👇👇快捷获取方式👇👇👇

相关阅读：

1、揭秘真相，VPS使用不会让你的账号被盗！

2、轻松卸载VPS插件步骤教程，详细解读，轻松操作！

3、VPS125保养秘籍，让设备焕然一新，持久如新使用指南

4、波仔独家分享，VPS使用心得、技巧大揭秘

5、在 Linux 中，可以使用 ls、du 或 stat 命令查看文件大小，并以 MB（M）为单位显示。以下是具体方法，如何在 Linux 中快速查看文件大小并以 MB 为单位显示？，如何在 Linux 中一键查看文件大小并以 MB 显示？

    高速稳定云服务器25元起
    免责声明：我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明：本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度，360，搜狗等多加搜索引擎自动关键词搜索配图，如有侵权的图片，请第一时间联系我们，邮箱：ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

    相关阅读

    目录[+]