关于我在字节跳动青训营做了个抖音这件事

news/2024/5/9 12:03:38/文章来源:https://blog.csdn.net/Lbsssss/article/details/126665189

一、实践介绍

1.1项目核心信息

本项目实现了影视综艺榜单及其历史数据查询，实现个人页面展示、个人页面粉丝和关注列表、个人页面已发布视频列表及其详情页

1.2项目服务地址

https://github.com/gujunhe/douyin

1.3GitHub地址

https://github.com/gujunhe/douyin

二、实践分工

团队成员	主要贡献
我	负责基础架构、网络框架、room框架搭建、个人页面已发布视频列表及其详情页、粉丝和关注列表
XX	电影榜单、粉丝和关注列表
XX	电视剧榜单、粉丝和关注列表
XX	综艺榜单、导航栏搭建
XX	榜单数据管理、导航栏搭建
XX	影视榜单布局、个人界面布局

三、实践实现

3.1 技术选型与相关开发文档

3.1.1技术选型

Navigation
提供路由导航服务
ViewModel
具备生命周期感知能力的数据存储组件,用于存放应用程序页面所需的数据
在这里插入图片描述

Retrofit

实现网络请求。

Gson

用来配合Retrofit、Room实现序列化和反序列化，自定义Type Converter将榜单List数据转化为Json存储到数据库中。

Room

数据库，与LiveData、ViewModel结合使用，当Room数据库中的数据发生变化时，能够通过LiveData组件通知View层，实现数据的自动更新。

LiveData

LiveData是一个可被观察的数据容器类，在ViewModel中的数据发生变化时通知页面。

DataBinding

使用声明性格式将布局中的界面组件绑定到应用中的数据源，使页面与布局文件之间的耦合度进一步降低。

Paing

列表分页组件,实现数据预加载、按需加载，结合Room使用，数据直接来源于Room数据库。当网络数据请求成功后，会直接将其写入Room数据库，由于使用了LiveData，当数据有变化时，ViewModel会自动得到通知，自动完成数据的更新。

Picasso

加载网络图片，实现占位图、图片自动缓存。

3.1.2开发文档

协作模式

项目通过GitHub进行团队协作开发。

3.2 架构设计

本项目采用MVVM的架构，在ViewModel层和Model层之间引入Repository层。在Repository层处理本地数据和网络数据之间的业务逻辑，让Repository层对ViewModel层负责，使ViewModel只需要关心自己的业务逻辑，而不用关心数据的具体来源。数据在发生变化时，界面能够自动得到通知并进行更新，数据模型驱动界面更新。
在这里插入图片描述
这里以影视综艺榜单代码为例

RankFragment持有RankViewModel，获取到来自RankViewModel的数据后将数据加载进recyclerview。

rankViewModel.getRankItemByTypeAndVersion(type, "141").observe(getViewLifecycleOwner(), new Observer<List<RankItem.DataBean.ListBean>>() {@Overridepublic void onChanged(List<RankItem.DataBean.ListBean> listBeans) {if(listBeans!=null) {myItemRecyclerViewAdapter = new MyItemRecyclerViewAdapter(listBeans);recyclerView.setAdapter(myItemRecyclerViewAdapter);}}
});

RankViewModel持有rankRepository，通过rankRepository获取到榜单数据。

public LiveData<List<RankItem.DataBean.ListBean>> getRankItemByTypeAndVersion(String type,String version) {return rankRepository.getRankItemByTypeAndVersion(type,version);
}

RankRepository进行数据请求。

public LiveData<List<RankItem.DataBean.ListBean>> getRankItemByTypeAndVersion(String type,String version) {return rankRepository.getRankItemByTypeAndVersion(type,version);
}

public void refreshitembyTypeAndVersion(String type,String version)
{apiService.getrankitem("application/json",MyApplication.clientToken.getValue(),type,version).enqueue(new Callback<RankItem>() {@Overridepublic void onResponse(Call<RankItem> call, Response<RankItem> response) {if(response.body().getData().getList()!=null){insertRankItem(response.body().getData().getList());//插入数据库Log.d(TAG,response.body().getData().getList().toString());}}@Overridepublic void onFailure(Call<RankItem> call, Throwable t) {}});
}

private  void insertRankItem(List<RankItem.DataBean.ListBean> list )
{AsyncTask.execute(new Runnable() {@Overridepublic void run() {for(int i=0;i<list.size();i++) {Log.d(TAG, list.get(i).toString());rankItemDao.insertRankItem(list.get(i));}}});
}

RankItemDao获取数据返回的是LiveData对象，当数据库中的数据更新后，ViewModel会自动得到通知，自动完成数据的更新。

@Dao
public interface RankItemDao {@Insert(onConflict = OnConflictStrategy.REPLACE)void insertRankItem(RankItem.DataBean.ListBean rankitem);//获取表中所有数据@Query("SELECT *FROM rankitem WHERE type = :type")LiveData<List<RankItem.DataBean.ListBean>> findAllbytype(String type);
}

3.3 项目代码介绍

adapter：各种适配器，包括自定义的ViewBindingAdapter实现直接在布局文件中通过image调用静态方法加载网络图片，FollowingPagedListAdapter和FansPagedListAdapter实现对粉丝和关注列表进行分页加载。
数据库：数据库Database、操作数据库的相关Dao、自定义@TypeConverter
model
network:ApiService 接口和RetrofitClient
ui:activity和fragment以及对应的Viewmodel层、Repository层（部分没有使用），分页加载的SourceFactory，以及一些布局所需要的函数。
view:自定义View，实现自定义底部导航栏、个人界面相关view、实现顶部下拉图片放大松手图片回弹的view