搜索
首页后端开发php教程javascript - 讨论个通知列表和详情的API设计

想做一个通知组件,基于MVVM,所有数据走json。列表页带过滤和搜索功能。通知详情带上一条下一条切换。

希望能实现在无过滤和搜索条件下时,在详情页内直接做到全局的上一条下一条切换;而在有过滤条件或搜索条件时,上一条下一条在搜索结果列表中切换。

方案1:

这是我自己想出来的方案。
在整个组件初始化时,就把本用户下的所有通知(ID)取到本地,记到全局[store.list.all],之后当点击详情页时,前端把要点击的条目id作为参数做ajax请求,这样详情页就有当前通知id,所有通知id列表。这样的话详情页就可以很轻松的知道上一条的id、下一条的id。
当有过滤或搜索条件时,记到全局[store.list.filter],方法同上。

  • 优点:上一条下一条会变得非常容易实现,而且列表页每次翻页不需要请求数据。

  • 缺点:如果这个用户的通知列表非常长,那么初始化和搜索的时候,需要请求并记录到[store.list]中的数据就会非常大,首页速度可能会非常慢,而且性能会变糟。

方案2:

公司以前产品的方案。
列表页做分页查询,每次请求使用page+row做参数,以一页row条,查询第page页的方式进行查询(比如page=3,row=10,就意味着查询第31-40条)。过滤和搜索功能同样。
之前的产品未实现上一条下一条切换。
不过按照这个思路继续搞下去的话,大概会这样:
无过滤搜索条件下,发送当前id作为参数,并带上next或previous参数,这样数据库查询时可以依靠select * from foo where id = (select min(id) from foo where id > 4)这个方式去查询。
有过滤搜索条件下,这个就比较恶心了,自己没想出什么好主意,大概是在从列表页点进详情页时保存一下搜索状态(这个可以做到,返回按钮就有保存这个状态),之后在上一条下一条时,除了id、next,也带上搜索条件做查询。就是ajax请求api写起来会比较恶心。

  • 优点:列表页分页,用户有多少条通知都不怕。

  • 缺点:列表页翻页时还要请求和查询,查询条件复杂,后端负担大,详情页上一条下一跳的ajax请求会比较难写。

目前就这两种思路,各有优缺点。

大家还有没有其他思路?

回复内容:

想做一个通知组件,基于MVVM,所有数据走json。列表页带过滤和搜索功能。通知详情带上一条下一条切换。

希望能实现在无过滤和搜索条件下时,在详情页内直接做到全局的上一条下一条切换;而在有过滤条件或搜索条件时,上一条下一条在搜索结果列表中切换。

方案1:

这是我自己想出来的方案。
在整个组件初始化时,就把本用户下的所有通知(ID)取到本地,记到全局[store.list.all],之后当点击详情页时,前端把要点击的条目id作为参数做ajax请求,这样详情页就有当前通知id,所有通知id列表。这样的话详情页就可以很轻松的知道上一条的id、下一条的id。
当有过滤或搜索条件时,记到全局[store.list.filter],方法同上。

  • 优点:上一条下一条会变得非常容易实现,而且列表页每次翻页不需要请求数据。

  • 缺点:如果这个用户的通知列表非常长,那么初始化和搜索的时候,需要请求并记录到[store.list]中的数据就会非常大,首页速度可能会非常慢,而且性能会变糟。

方案2:

公司以前产品的方案。
列表页做分页查询,每次请求使用page+row做参数,以一页row条,查询第page页的方式进行查询(比如page=3,row=10,就意味着查询第31-40条)。过滤和搜索功能同样。
之前的产品未实现上一条下一条切换。
不过按照这个思路继续搞下去的话,大概会这样:
无过滤搜索条件下,发送当前id作为参数,并带上next或previous参数,这样数据库查询时可以依靠select * from foo where id = (select min(id) from foo where id > 4)这个方式去查询。
有过滤搜索条件下,这个就比较恶心了,自己没想出什么好主意,大概是在从列表页点进详情页时保存一下搜索状态(这个可以做到,返回按钮就有保存这个状态),之后在上一条下一条时,除了id、next,也带上搜索条件做查询。就是ajax请求api写起来会比较恶心。

  • 优点:列表页分页,用户有多少条通知都不怕。

  • 缺点:列表页翻页时还要请求和查询,查询条件复杂,后端负担大,详情页上一条下一跳的ajax请求会比较难写。

目前就这两种思路,各有优缺点。

大家还有没有其他思路?

方案一的致命一击: 如果一个用户用10W条通知。

方案二的致命一击:不停的增加查询条件的复杂度,对存储压力增大。

======

中庸方案
一次读取N天数据(前提是N天的数据量基本可控,否则该方案不实现)。

靠谱方案
使用Elasticsearch

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
PHP如何识别用户的会话?PHP如何识别用户的会话?May 01, 2025 am 12:23 AM

phpientifiesauser'ssessionusessessionSessionCookiesAndSessionIds.1)whiwSession_start()被称为,phpgeneratesainiquesesesessionIdStoredInacookInAcookInamedInAcienamedphpsessidontheuser'sbrowser'sbrowser.2)thisIdAllowSphptptpptpptpptpptortoreTessessionDataAfromtheserverMtheserver。

确保PHP会议的一些最佳实践是什么?确保PHP会议的一些最佳实践是什么?May 01, 2025 am 12:22 AM

PHP会话的安全可以通过以下措施实现:1.使用session_regenerate_id()在用户登录或重要操作时重新生成会话ID。2.通过HTTPS协议加密传输会话ID。3.使用session_save_path()指定安全目录存储会话数据,并正确设置权限。

PHP会话文件默认存储在哪里?PHP会话文件默认存储在哪里?May 01, 2025 am 12:15 AM

phpsessionFilesArestoredIntheDirectorySpecifiedBysession.save_path,通常是/tmponunix-likesystemsorc:\ windows \ windows \ temponwindows.tocustomizethis:tocustomizEthis:1)useession_save_save_save_path_path()

您如何从PHP会话中检索数据?您如何从PHP会话中检索数据?May 01, 2025 am 12:11 AM

ToretrievedatafromaPHPsession,startthesessionwithsession_start()andaccessvariablesinthe$_SESSIONarray.Forexample:1)Startthesession:session_start().2)Retrievedata:$username=$_SESSION['username'];echo"Welcome,".$username;.Sessionsareserver-si

您如何使用会议来实施购物车?您如何使用会议来实施购物车?May 01, 2025 am 12:10 AM

利用会话构建高效购物车系统的步骤包括:1)理解会话的定义与作用,会话是服务器端的存储机制,用于跨请求维护用户状态;2)实现基本的会话管理,如添加商品到购物车;3)扩展到高级用法,支持商品数量管理和删除;4)优化性能和安全性,通过持久化会话数据和使用安全的会话标识符。

您如何在PHP中创建和使用接口?您如何在PHP中创建和使用接口?Apr 30, 2025 pm 03:40 PM

本文解释了如何创建,实施和使用PHP中的接口,重点关注其对代码组织和可维护性的好处。

crypt()和password_hash()有什么区别?crypt()和password_hash()有什么区别?Apr 30, 2025 pm 03:39 PM

本文讨论了PHP中的crypt()和password_hash()之间的差异,以进行密码哈希,重点介绍其实施,安全性和对现代Web应用程序的适用性。

如何防止PHP中的跨站点脚本(XSS)?如何防止PHP中的跨站点脚本(XSS)?Apr 30, 2025 pm 03:38 PM

文章讨论了通过输入验证,输出编码以及使用OWASP ESAPI和HTML净化器之类的工具来防止PHP中的跨站点脚本(XSS)。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。