Android Studio实现功能强大的购物商城APP

2023-05-16

这里写目录标题

  • 一、项目概述
  • 二、开发环境
  • 三、项目结构
  • 四、配置服务器
  • 五、项目演示
  • 五、项目总结
  • 六、源码获取

一、项目概述

本次项目是现在软件商店很流行的购物商城APP,现在万物互联的时代,网上shopping早已经是大家的习惯了。足不出户地选择自己想要的商品进行购买多么地方便,这就促使了这款购物商城APP的出现。它具有底部导航栏,有首页、分类、发现、购物车和个人中心五个底部导航栏,每个选项卡功能都很丰富,资源文件除了drawable文件夹中的图片外,其他都是放在Tomcat服务器中的,直接启动Tomcat调用就行。总体来说是非常好的综合项目。

二、开发环境

在这里插入图片描述

三、项目结构

1、将项目的压缩包解压,里面是两个压缩包,第一个是资源文件,第二个是源码。
在这里插入图片描述
2、分别解压后,先来看下atguigu这个文件夹,其实img是加载商品详情页会用的商品图片文件,json是加载商品详情页用到的商品描述信息。
在这里插入图片描述
3、再来看下ShoppingMall文件夹,这就是我们的商城源码。我们在D盘或者E盘新建一个Project文件夹,然后把它复制进来。我们再用Android Studio打开这个ShoppingMall文件夹,此时打开图标变成Android小机器人的头像,说明这就是一个Android项目。
在这里插入图片描述
4、我们进行gradle配置和同步后,就构建好了项目,现在我们先不着急运行,来看下项目结构。
在这里插入图片描述
任何一个新建的项目都会默认使用Android 模式的项目结构,但这并不是项目真实的目录结构,而是被Android Studio转换过的。但是这种项目结构简洁明了,适合进行快速开发。这里借用书中的介绍,可以给小白们很好的指引,如果很熟悉结构的可以跳过这几张图。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
这里面app就是我们的项目主目录,其他的加粗字体的文件夹都是导入的框架,是直接拿来用的,那么下面,我们就对app目录进行详细说明,app目录如下图所示:
在这里插入图片描述
其他文件夹,还是补充介绍下,学习就是重复的过程嘛,上面这样分类就是非常好的习惯,有助于项目共同开发,目录结构一目了然。
在这里插入图片描述

四、配置服务器

1、修改IP地址

如果你是用Android Studio自带的模拟器就不需要改动ip地址;如果是用的第三方模拟器,比如夜神,就需要改成自己电脑的ip地址,就是IPV4地址;如果你想运行到真机上就让手机连上电脑共享的WiFi,注意要关闭电脑的防火墙。

修改的地方就是utils文件夹下的Constants文件,如下图所示:
在这里插入图片描述
2、放置资源文件
我们先花五分钟安装和配置好Tomcat服务器,对于没有使用过Tomcat的同学,可以看这里:

如何安装和配置Tomcat(全网最详)

我们的资源文件atguigu文件夹(img图片和json数据),要放在webapps目录下的ROOT目录中,这样只要启动Tomcat服务器,应用就能访问到这些数据了。就像下图红框所示这样:
在这里插入图片描述
3、修改图片内容

如果你想换掉商城里面的商品图片,可以将这三个文件夹里面想换的图片替换掉,你换的图片一定要文件名和后缀名与原先的图片一样。hdpi、xhpdi、xxhdpi就是Android常见分辨率,适用于各种尺寸的模拟器。每个文件夹的图片都是相互独立使用的。
在这里插入图片描述
举个栗子:

我想换掉这张图片
在这里插入图片描述
那么我打开这张图片看一下,发现它是PNG图像,分辨率是80X80
在这里插入图片描述
然后从自己电脑里面选一张喜欢的图片,调整大小和它相同,重命名一下,然后复制到这个文件夹替换它就行了。

五、项目演示

1、启动AVD运行项目,可以看到此时只有界面,并没有任何图片图片显示,因为我们还没有开启服务器。
在这里插入图片描述

2、再启动Tomcat,退出应用再打开,可以看到资源文件都被加载进来了,很像某宝的首页,这里可以看到最上面的搜索框,下面是滚动播放的广告栏,中间是商品的分类区,下面又是一个可以滚动的图片栏,继续向下,是秒杀栏,可以左右滑动。
在这里插入图片描述

3、我们向下滑动,这里是新品推荐,有图片和商品名称,还有价格,继续滑动向下都是首页展示的热卖商品。
在这里插入图片描述

4、点击右上角的消息,可以进入消息中心,查看以下信息。
在这里插入图片描述
5、选择【服饰】,我们可以看到服饰有关的商品,这里可以按综合排序或者价格递增递减排列,也可以进行筛选,因为功能很多,这里不一一展示。
在这里插入图片描述

6、点击任意一个商品,可以看到它的详情,可以联系客服,还可以收藏加购,加购后我们会在购物车看到加入的商品。
在这里插入图片描述

7、我们在首页随便选择一个商品,进入都是不同的商品详情,我们将这件物品收藏加购。
在这里插入图片描述

8、我们在【分类】中可以看到这里左侧有各种选项,然后右侧就是展示的商品,这里我们选择小裙子,可以看到右边先是【热卖推荐】,然后是【常用分类】,非常符合现在的购物软件。
在这里插入图片描述
9、右滑选择一件商品,然后加购。
在这里插入图片描述

10、在【标签】里面,可以看到有很多分类标签。
在这里插入图片描述
11、点击【社区】,可以看到这里是给用户讨论的地方,每个用户发的帖子就在这里呈现,有赞有评论
在这里插入图片描述

12、热帖也是如此,就相当于热榜,根据流量和热度来计算的帖子
在这里插入图片描述

13、点击【购物车】,我们可以看到这里是刚刚加购的商品,我们可以选择数量,并且可以多选。
在这里插入图片描述

14、点击删除画板这件商品,可以看到画板被删除了。
在这里插入图片描述

15、点击【个人中心】,可以看到很多个人信息,包括地址、收藏和优惠券等等。
在这里插入图片描述
16、点击头像,进入到登录注册界面,当然这里登录注册功能只是展示。
在这里插入图片描述

五、项目总结

本次项目主要是应用了适配器和帧布局的知识,加上跳转以及导入UI框架实现,整体难度中等偏难。可以说是对购物商城几乎所有的功能进行了复现,功能十分强大完整。大家也可以模仿着,自己去做一个属于自己的APP。光学习理论只学到了20%,实践才能学到60%,剩下20%需要自己总结和思考才行。

六、源码获取

点此下载源码:👉Android Studio实现功能强大的购物商城项目👈

还可以关注博主公众号《萌新加油站》,后台回复:商城APP,即可获取源码。


🚀这有你错过的精彩内容
Android Studio实现记账本
Android Studio实现旅游App
Android Studio实现新闻APP
Android Studio实现订餐系统
Android Studio实现天气预报
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Android Studio实现功能强大的购物商城APP 的相关文章

  • TDD项目实战-命令行参数解析

    认识1 基本规则2 三步骤3 任务分解法总结 项目1命令行参数解析01 任务分解法与整体工作流程1 API 构思与组件划分2 功能分解与任务列表3 红绿灯循环 02 识别坏味道与代码重构1 引入多态接口2 使用 抽象工厂 模式的变体来替换分
  • mapper扫描问题(Invalid bound statement (not found))

    分析 xff1a 通常来说这种情况是mybatis没有配置好 但是还有一种可能是你的mapperscan扫描问题 解决 xff1a 使用这个的时候应该扫描的是mapper层 如果我们用成全局的扫描 xff08 根目录 xff09 xff0c
  • 找不到org.springframework.cloud.client.loadbalancer.reactive.OnNoRibbonDefaultCondition

    原因 xff1a 该类存在于spring cloud commons jar 引用的jar包存在冲突 新版本的spring cloud commons中取消了OnNoRibbonDefaultCondition类 解决 xff1a 引入依赖
  • Parameter 0 of method modifyRequestBodyGatewayFilterFactory in org.springfra..问题

    原因 xff1a 依赖冲突 解决 xff1a 例如我的是spring cloud starter gateway和spring boot starter web和spring boot starter webflux依赖冲突排除 sprin
  • 重构 - 消除重复的new创建

    如下 xff1a 有时会遇到这种重复的new创建 span class token keyword public span span class token keyword class span span class token class
  • IDEA快捷键-重构

    文章目录 重构项目案例参考重构技巧1 消除重复new创建重构技巧2 提炼函数 xff0c 消除重复计算 提炼函数提炼变量搬移函数inlIne使用 xff08 内联 xff09 inLine重构局部变量inLine重构方法 重构重构菜单栏ID
  • 重构 - 提炼函数,消除重复代码

    一 参考资料二 重构步骤 以提炼重复计算函数为例子演示代码具体步骤1 提取重复new创建2 提取会变化的信息3 使用抽取的共有信息 xff0c 并删除原有信息4 提取计算函数5 使用卫语句 xff0c 简化代码逻辑 一 参考资料 重构 2
  • 模板方法 + 工厂变体消除重复if else

    模板方法 43 工厂消除重复if else 1 将重复代码 xff0c 抽取到抽象类中2 子类实现抽象类3 使用工厂获取对象 思维导图 xff1a 示例代码 xff1a 1 将重复代码 xff0c 抽取到抽象类中 span class to
  • mapstruct学习及使用详解

    映射器定义基本映射自定义映射方法从多个源对象映射映射嵌套对象更新现有实例继承配置逆映射映射期间的异常处理 数据类型转换隐式类型转换映射集合映射策略映射流映射枚举定义默认值或常量定义默认表达式 映射器检索策略映射定制装饰器 64 Before
  • 开窗函数@sql学习

    参考链接 https zhuanlan zhihu com p 98655285 mysql8 0 43 开窗函数 开窗函数又称OLAP函数 xff08 Online Analytical Processing xff09 1 开窗函数的语
  • LWIP学习系列(一):OSI模型以及TCP/IP模型的整理

    一 OSI模型与TCP IP模型的对比图 这张图是从网上搜来的 xff0c 我认为能够比较好的对应其中的两种模型的差别 学习lwip对其中部分协议有个大致的了解就行了 xff0c 具体需要的时候 xff0c 在按需求进行学习
  • win10 ubuntu16 双系统共用蓝牙鼠标

    最近给新笔记本电脑装了win10 43 ubuntu16双系统 xff0c 发现原来在win10下已经配对的蓝牙鼠标 xff0c 在ubuntu下配对后 xff0c win10就不能用了 xff0c 需要重新配对才行 xff0c 反之亦然
  • Validation校检使用及验证反模式问题,详细

    Validation校检认识基本使用验证 Spring MVC 控制器的输入验证 service层输入验证持久化层 实体输入使用验证组为不同的用例验证不同的对象自定义验证错误自定义验证器以编程方式验证 验证反模式 使用问题 xff09 仅在
  • Springboot使用定时任务scheduler详解

    目录 认识示例代码定时任务 调度任务开启调度添加定时任务以固定延迟执行定时任务 fixedDelay以固定速率执行定时任务 fixedRate延迟第一次初始化 initialDelay以 ISO 时间格式指定间隔 fixedRateStri
  • @Builder导致的No primary or default constructor found 问题,原因分析和解决方法

    问题 span class token class name Resolved span span class token punctuation span span class token class name span class to
  • 使用stream流的map调用set()方法提示不存在变量R的实例,因此void符合R

    示例代码 span class token keyword public span span class token class name List span span class token generics span class tok
  • 使用gitee go将spring boot项目部署到云主机上并运行

    使用 进入Gitee Go xff0c 点击免费使用 选择要做流水线的仓库 xff0c 点击免费体验 进入界面后 xff0c 点击新建流水线 构建流水线 基本信息 流水线的名称 xff0c 当执行流水后会生成一个pipeline 20220
  • 目标追踪——光流法optical flow

    光流法简介 光流光流法光流的物理意义光流场 光流法基本原理金字塔方法基于光流的运动目标检测 xff08 前景检测 xff09 算法实现原理 光流 光流 xff08 optical flow xff09 是空间运动物体在观察成像平面上的像素运
  • Vim配置文件vimrc 2022_11_18

    Vimrc简介 vimrc是vim的配置文件 xff0c Vim编辑器相关的所有功能开关都可以通过 vimrc文件进行设置 备注 xff1a 文件名中的 rc 是出自 run commands 最初的源头是麻省理工学院在1965年发展的CT
  • Exception ignored in: <function BufferedFile.__del__ at 0x03A9D898> 2022_12_10

    1 代码 import paramiko 创建对象 client 61 paramiko SSHClient 进行验证 xff0c 填写yes client set missing host key policy paramiko Auto

随机推荐