模仿头条项目记录

本文记录了模仿头条项目中文章列表的需求分析。主要涉及数据表的设计,包括文章信息表、用户文章列表、文章展现行为表和行为实体表。同时,详细介绍了后端需要实现的接口,如加载文章列表、上拉刷新、下拉刷新等,以及在不同登录状态下的处理策略。
摘要由CSDN通过智能技术生成

1.需求分析

1.1app文章列表

在这里插入图片描述

思考需要哪些数据、以及如何存储、管理这些数据

一拿到需求,就要思考,数据存储应该如何组织?

首先,必须有一张表,存储文章本身的信息,这里称为ap_article

其次,还需要一张用户文章列表,这里称为ap_user_article_list_APP

还需要文章展现行为表,称为ap_show_behaviorAPP

最后,需要一张行为实体表,称为ap_behavior_entry_app

APP行为实体表,一个行为实体可能是用户或者设备,或者其它。

文章列表相关接口定义

通过需求分析,知道用户在首页的可能触发的行为有加载文章列表、刷新(上拉刷新、下拉刷新)等动作,这也就是我们后端需要对应的几个数据接口,其中还包含一个隐含的用户行为接口,即记录用户是否阅读某一个篇文章的行为接口,则可以分析出来后端需要的接口有:

(1)load接口

load接口,分为两种情况,一个是登录,一个是未登录,加载多条数据(有条数的限制,size),用户可以选择频道进行数据的切换

  • 登录,从后台获取用户信息,作为条件查询
  • 未登录,直接加载默认数据即可。

(2)load_more接口和load_new接口

当用户进行刷新的时候,我们的系统定义了两种操作,第一种是上拉刷新也就是load_more,第二种是下拉刷新load_new接口,两个接口的区别在于加载的内容的时间不同

用户进入系统的时间TimeA浏览了一会首次加载的数据之后到了TimeB时间,这时候如果用户继续上拉看后面的内容则调用load_more接口并把TimeB时间传递到后端,后端根据TimeB时间查找当前时间之前发布的内容;

用户下拉刷新则说明用户需要当前最新的内容则调用load_new接口,将TimeA时间传到后端查找TimeA时间之后发布的内容,其请求参数接口设计和load_more接口相同。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue黑马头条项目的难点主要包括以下几个方面: 1. 数据流管理:在Vue黑马头条项目中,需要管理大量的数据,包括用户信息、新闻内容、评论等。如何有效地处理并管理这些数据,确保数据的正确性和一致性是一个难点。可以使用Vuex来进行全局的数据管理,并通过状态管理模式来统一管理数据的流动和变化。 2. 组件交互与通信:Vue黑马头条项目中使用了大量的组件,组件之间的交互与通信是其中一个难点。组件之间需要进行数据的传递、事件的派发与监听,如何高效地组织和管理这些组件之间的交互,提高项目的可维护性和扩展性是一个挑战。 3. 页面布局和样式:Vue黑马头条项目的页面比较复杂,需要考虑到不同屏幕尺寸的适配和响应式布局。同时,页面中的样式设计也需要符合美观和用户体验的要求。如何在保持页面布局的灵活性和可扩展性的同时,确保页面样式的一致性和用户友好性也是一个难点。 4. 请求与响应处理:Vue黑马头条项目需要与后台进行数据交互,包括获取新闻内容、发布评论等。在请求与响应处理中,需要考虑到网络请求的错误处理、数据的缓存和异步操作的管理等问题,确保用户在使用过程中的流畅性和体验。 5. 性能优化:Vue黑马头条项目中的数据量较大,页面频繁地进行数据的渲染和更新,对页面的性能和响应速度提出了要求。如何通过合理的数据缓存、懒加载、组件按需加载等方式进行性能优化,提高项目的执行效率和用户体验,是一个需要解决的难题。 通过了解和解决这些难点,可以更好地设计和实现Vue黑马头条项目,提高项目的开发效率和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值