微前端架构如何改变企业的开发模式与效率提升
697
2022-11-05
基于MVP模式开发的带缓存网络爬虫,采用最流行框架搭建
##FreeBook v2.0 去除网络爬虫 使用api请求数据 ###引言
基于MVP模式开发的免费-小说app,采用最流行框架搭建,干货多多
集中最近流行的框架和思维以一种简单易理解的方式实现,方便大家学习
至于需求什么的我就不说了,对于准备毕业项目的同学学会这个你会觉得毕业项目非常easy
api帮助文档
APK- 免费-小说 学习的同时 还能拿到不少的干货
由于使用的美国服务器 国内访问会比较慢 所有api仅使用于学习 当然也欢迎大家赞助 换个国内好点的服务器啦
这里有那么一群志同道合的人在等你加入 QQ群:173999252
RxJava+Retrofit2+Okhttp+RxCache 实现API数据请求以及缓存(缓存不区分GET&POST 缓存策略可根据自己要求修改) RxJava+jsoup+RxCache 实现HTMl页面爬虫数据的请求以及缓存 缓存实现与API一致 不需要另写逻辑 glide加载图片 LCRapidDevelop 下拉刷新 状态页 RecyclerView适配器 RecyclerView加载动画 等等感兴趣的自行了解 传送门 bga-banner 首页的Banner实现无限循环 还不错 集成简单
###功能点
首页banner 以及推荐数据 根据后台接口更新(总要有点自己可控的元素嘛 比如加个广告什么的 哈哈 比如说) 书库类别 以及类别的HTML地址等数据 通过后台接口控制 (如果哪天我觉得这个网站的资源不是很丰富 我可以很任性的直接在后台换一个) 数据缓存 请求HTML网页再从网页上抓取想要的数据其实相对API来说耗时会比较大 缓存就显得非常重要了 文件-统一管理 并且调用系统支持的程序打开文件
###首先详细讲解一下RxJava+Retrofit2+Okhttp+RxCache的使用 五部曲 第一步:导包
compile 'io.reactivex:rxjava:1.1.8' compile 'io.reactivex:rxandroid:1.2.1' compile 'com.squareup.retrofit2:retrofit:2.0.0-beta4' compile 'com.squareup.retrofit2:converter-gson:2.0.0-beta4' compile 'com.squareup.retrofit2:adapter-rxjava:2.0.0-beta4' compile 'com.github.VictorAlbertos.RxCache:core:1.4.6'
第二步:新建API接口
/** * API接口 * 因为使用RxCache作为缓存策略 所以这里不需要写缓存信息 */public interface MovieService { //获取书库分类信息 @GET("freebook/typeconfigs.json") Observable> getBookTypes(); //获得首页banner以及书籍数据 @GET("freebook/home.json") Observable
> getSearchLable();}
第三步:新建缓存接口(Html爬虫共用)
/** * 缓存API接口 * @LifeCache设置缓存过期时间. 如果没有设置@LifeCache , 数据将被永久缓存理除非你使用了 EvictProvider, EvictDynamicKey or EvictDynamicKeyGroup . * EvictProvider可以明确地清理清理所有缓存数据. * EvictDynamicKey可以明确地清理指定的数据 DynamicKey. * EvictDynamicKeyGroup 允许明确地清理一组特定的数据. DynamicKeyGroup. * DynamicKey驱逐与一个特定的键使用EvictDynamicKey相关的数据。比如分页,排序或筛选要求 * DynamicKeyGroup。驱逐一组与key关联的数据,使用EvictDynamicKeyGroup。比如分页,排序或筛选要求 */public interface CacheProviders { //获取书库对应类别列表 缓存时间 1天 @LifeCache(duration = 7, timeUnit = TimeUnit.DAYS) Observable> oRepos, DynamicKey userName, EvictDynamicKey evictDynamicKey); //获取书库分类信息缓存数据 缓存时间 永久 Observable
> oRepos, DynamicKey userName, EvictDynamicKey evictDynamicKey); //获取首页配置数据 banner 最热 最新 缓存时间7天 @LifeCache(duration = 7, timeUnit = TimeUnit.DAYS) Observable
> oRepos, DynamicKey userName, EvictDynamicKey evictDynamicKey); //获取书籍详情 缓存时间7天 @LifeCache(duration = 7, timeUnit = TimeUnit.DAYS) Observable
第四步:新建retrofit抽象类
/** *封装一个retrofit集成0kHttp3的抽象基类 */public abstract class RetrofitUtils { private static Retrofit mRetrofit; private static OkHttpClient mOkHttpClient; /** * 获取Retrofit对象 * * @return */ protected static Retrofit getRetrofit() { if (null == mRetrofit) { if (null == mOkHttpClient) { mOkHttpClient = new OkHttpClient.Builder().build(); } //Retrofit2后使用build设计模式 mRetrofit = new Retrofit.Builder() //设置服务器路径 .baseUrl(Constant.API_SERVER + "/") //添加转化库,默认是Gson .addConverterFactory(GsonConverterFactory.create()) //添加回调库,采用RxJava .addCallAdapterFactory(RxJavaCallAdapterFactory.create()) //设置使用okhttp网络请求 .client(mOkHttpClient) .build(); } return mRetrofit; }}
第五步:新建HttpData类 用于统一管理请求
/* *所有的请求数据的方法集中地 * 根据MovieService的定义编写合适的方法 * 其中observable是获取API数据 * observableCahce获取缓存数据 * new EvictDynamicKey(false) false使用缓存 true 加载数据不使用缓存 */public class HttpData extends RetrofitUtils { private static File cacheDirectory = FileUtil.getcacheDirectory(); private static final CacheProviders providers = new RxCache.Builder() .persistence(cacheDirectory) .using(CacheProviders.class); protected static final MovieService service = getRetrofit().create(MovieService.class); //在访问HttpMethods时创建单例 private static class SingletonHolder { private static final HttpData INSTANCE = new HttpData(); } //获取单例 public static HttpData getInstance() { return SingletonHolder.INSTANCE; } //获取app书本类别 public void getBookTypes(Observer> observer){ Observable observable=service.getBookTypes(); Observable observableCahce=providers.getBookTypes(observable,new DynamicKey("书本类别"),new EvictDynamicKey(false)).map(new HttpResultFuncCcche
>()); setSubscribe(observableCahce,observer); } //获取app首页配置信息 banner 最新 最热 public void getHomeInfo(Observer
> observer){ Observable observable=service.getSearchLable(); Observable observableCache=providers.getSearchLable(observable,new DynamicKey("搜索热门标签"), new EvictDynamicKey(false)).map(new HttpResultFuncCcche
>()); setSubscribe(observableCache,observer); } /** * 插入观察者 * * @param observable * @param observer * @param
RxJava+Retrofit2+Okhttp+RxCache的搭建就是这么简单的五步就完成了,剩下的就是怎么去使用了 我来举个栗子 像这样请求数据肯定是需要写到Model里面的
/** * 获得类别数据 */public class HomeStackFragmentModel { public void LoadData(final OnLoadDataListListener listener){ HttpData.getInstance().getBookTypes(new Observer>() { @Override public void onCompleted() { } @Override public void onError(Throwable e) { listener.onFailure(e); } @Override public void onNext(List
想要的数据已经拿到了,故事到这里结束了,但是新的故事又开始了,吃瓜群众们你们准备好瓜子了吗?
###RxJava+jsoup+RxCache 实现HTMl页面爬虫数据的请求以及缓存 四部曲 第一步:导包 还是熟悉的套路
compile 'org.jsoup:jsoup:1.9.2'
第二步:其实就是RxJava+Retrofit2+Okhttp+RxCache 的第三步 新建缓存接口 第三步:新建自定义OnSubscribe 用于解析Html获得自己数据
/** * 其实这里面的玩法还很多 * 这是jsop的中文文档 http://open-open.com/jsoup/ 再牛逼的数据都能抓取 * 其实doc.select(".bookcover h1:eq(1)"); ()里面的数据完全可以通过接口定义 达到完全控制的效果 * 我是懒得写了 但是这个需求还是提一下 很nice的 装逼必备啊 */public class BookInfoHtmlOnSubscribe
第四步:新建HtmlData类 和上面的非常相似 哎 就不解释了 就是这么666
/** * Created by Administrator on 2016/9/14. */public class HtmlData { //这里是设置一个缓存地址 如果地址不存在就新建一个 private static File cacheDirectory = FileUtil.getcacheDirectory(); //添加缓存提供者 private static final CacheProviders providers = new RxCache.Builder() .persistence(cacheDirectory) .using(CacheProviders.class); //在访问HttpMethods时创建单例 private static class SingletonHolder { private static final HtmlData INSTANCE = new HtmlData(); } //获取单例 public static HtmlData getInstance() { return SingletonHolder.INSTANCE; } //根据类型获取书籍集合 public void getStackTypeHtml(BookTypeDto bookType, int pageIndex, Observer> observer) { Observable observable = Observable.create(new StackTypeHtmlOnSubscribe
>()); setSubscribe(observableCache, observer); } //根据关键字搜索书籍 public void getSearchList(String key,Observer
> observer){ try { //中文记得转码 不然会乱码 搜索不出想要的效果 key = URLEncoder.encode(key, "utf-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } Observable observable=Observable.create(new StackTypeHtmlOnSubscribe
>()); setSubscribe(observableCache, observer); } //获得书籍的详情 public void getBookInfo(String bookUrl,String bookName, Observer
使用方式和RxJava+Retrofit2+Okhttp+RxCache一致 我也举个栗子好了
/** * 获取书籍详情数据 */public class BookInfoModel { public void loadData(String bookUrl,String bookName, final OnLoadDataListListener listener){ HtmlData.getInstance().getBookInfo(bookUrl,bookName, new Observer
###接下来就是MVP了
最近mvp真的是火的不行啊,了解后确实觉得非常不错,解决了View和Model的耦合,对于后期的维护以及逻辑的清晰度的来说还是非常不错的
有吃瓜群众要说了 为毛一步可以搞定的事情非要分三步
######MVP的优点:
模型与视图完全分离,我们可以修改视图而不影响模型 可以更高效地使用模型,因为所有的交互都发生在一个地方——Presenter内部 我们可以将一个Presenter用于多个视图,而不需要改变Presenter的逻辑。这个特性非常的有用,因为视图的变化总是比模型的变化频繁。 如果我们把逻辑放在Presenter中,那么我们就可以脱离用户接口来测试这些逻辑(单元测试)
######MVP一种编程模式 没有必要照搬 按照自己的理解去写就好 下面我例举这个APP里的书籍详情页面 来帮助大家理解
首页是Model层:业务逻辑和实体模型 由于我不是很关注实体模型 所以model层我只放业务逻辑 实体统一丢 entity
/** * 获取书籍详情数据 */public class BookInfoModel { public void loadData(String bookUrl,String bookName, final OnLoadDataListListener listener){ HtmlData.getInstance().getBookInfo(bookUrl,bookName, new Observer
然后是我们的view层: View 对应于Activity||fragment,负责View的绘制以及与用户交互
/** * 定义一个接口来控制Activity相关操作 */public interface BookInfoView { //显示加载页 void showProgress(); //关闭加载页 void hideProgress(); //数据加载成功 void newData(BookInfoDto data); //显示加载失败 void showLoadFailMsg();}
最后就是Presenter 负责完成View于Model间的交互 一个正宗的媒婆 不应该说中介 大哥你三环的房子卖吗?
public class BookInfoPresenter implements OnLoadDataListListener
然而不管我们套路有多深 最终我们还是得回到Activity
public class BookInfoActivity extends BaseActivity implements BookInfoView { @BindView ...... @BindView(R.id.book_info_textview_download) TextView bookInfoTextviewDownload; private String bookurl, bookname; private BookInfoDto bookInfoDto; private BookInfoPresenter presenter; @Override protected void loadViewLayout() { setContentView(R.layout.activity_book_info); } @Override protected void findViewById() { Intent intent = getIntent(); bookurl = intent.getStringExtra("bookurl"); bookname = intent.getStringExtra("bookname"); } public void initview(BookInfoDto data) { bookInfoDto = data; Glide.with(mContext) .load(data.getBookImageUrl()) .crossFade() .placeholder(R.mipmap.image_error) .into(bookInfoImageviewBookurl); bookInfoTextviewName.setText(data.getBookName()); bookInfoTextviewAuthor.setText(data.getBookAuthor()); bookInfoTextviewType.setText(data.getBookType()); bookInfoTextviewLength.setText(data.getBookLength()); bookInfoTextviewProgress.setText(data.getBookProgress()); bookInfoTextviewUpdatetime.setText(data.getBookUpdateTime()); bookInfoTextviewIntroduction.setText(Html.fromHtml(data.getBookIntroduction())); } @Override protected void setListener() { } @Override protected void processLogic() { presenter = new BookInfoPresenter(this); presenter.loadData(bookurl, bookname); } @Override protected Context getActivityContext() { return this; } @Override public void showProgress() { bookInfoProgress.showLoading(); } @Override public void hideProgress() { bookInfoProgress.showContent(); } @Override public void newData(BookInfoDto data) { initview(data); } @Override public void showLoadFailMsg() { toError(); } public void toError() { bookInfoProgress.showError(getResources().getDrawable(R.mipmap.load_error), Constant.ERROR_TITLE, Constant.ERROR_CONTEXT, Constant.ERROR_BUTTON, new View.OnClickListener() { @Override public void onClick(View v) { bookInfoProgress.showLoading(); //重试 presenter.loadData(bookurl, bookname); } }); }}
在APP里出现的加载页面 无数据页面 网络错误页面 下拉刷新 自动加载 加载动画 viewpage的头部动画等等 看似很高级 其实就是很轻量级的框架啦 LCRapidDevelop是我前段时间整合的一个快速开发框架 欢迎大家star
网络上形形色色的教程非常之多 讲的也非常细致 细致到 看着看着我都不想看了 我呢 只是教大家怎么去入门
先把东西玩起来再去细致的了解 会比你先详细的了解在开发要轻松的多
目前在线阅读还没有开发 感兴趣的朋友可以一起
联系邮箱mychinalance@gmail.com
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~