首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何才能只显示与给定页面相关联的id等于某个id的评论呢?

要实现只显示与给定页面相关联的id等于某个id的评论,可以通过以下步骤来完成:

  1. 首先,需要在页面中获取给定页面的id。可以通过前端开发技术,如JavaScript,从URL中解析出页面的id参数,或者通过后端开发技术,如服务器端路由,从请求中获取页面的id参数。
  2. 接下来,需要与数据库进行交互,查询与给定页面相关联的评论。可以使用后端开发技术,如后端框架(如Node.js的Express框架、Python的Django框架等)和数据库查询语言(如SQL),根据给定页面的id参数查询数据库中与之相关的评论数据。
  3. 在查询到相关评论数据后,可以将其返回给前端进行展示。可以使用前端开发技术,如HTML、CSS和JavaScript,将查询到的评论数据动态地渲染到页面上。

以下是一种可能的实现方案:

前端部分:

代码语言:javascript
复制
// 从URL中获取给定页面的id参数
const pageId = getParameterByName('id');

// 发起请求,获取与给定页面相关联的评论数据
fetch(`/api/comments?pageId=${pageId}`)
  .then(response => response.json())
  .then(data => {
    // 渲染评论数据到页面上
    renderComments(data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

// 解析URL参数的函数
function getParameterByName(name) {
  const url = window.location.href;
  name = name.replace(/[\[\]]/g, '\\$&');
  const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
  const results = regex.exec(url);
  if (!results) return null;
  if (!results[2]) return '';
  return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// 渲染评论数据到页面上的函数
function renderComments(comments) {
  const commentsContainer = document.getElementById('comments-container');
  commentsContainer.innerHTML = '';

  comments.forEach(comment => {
    const commentElement = document.createElement('div');
    commentElement.textContent = comment.text;
    commentsContainer.appendChild(commentElement);
  });
}

后端部分(以Node.js和Express框架为例):

代码语言:javascript
复制
const express = require('express');
const app = express();

// 处理/comments路由,根据给定页面的id参数查询相关评论数据
app.get('/api/comments', (req, res) => {
  const pageId = req.query.pageId;

  // 在此处使用数据库查询语言(如SQL)查询与给定页面相关联的评论数据
  const comments = queryCommentsFromDatabase(pageId);

  res.json(comments);
});

// 启动服务器,监听指定的端口
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

// 模拟从数据库中查询评论数据的函数
function queryCommentsFromDatabase(pageId) {
  // 在此处执行数据库查询操作,返回与给定页面相关联的评论数据
  // 返回的数据可以是一个数组,每个元素表示一条评论,包含评论的文本等信息
  return [
    { text: '评论1' },
    { text: '评论2' },
    { text: '评论3' }
  ];
}

这个实现方案中,前端部分通过获取URL中的页面id参数,并发起请求到后端的/comments路由,后端根据页面id参数查询数据库中与之相关的评论数据,并将其返回给前端。前端接收到评论数据后,使用JavaScript动态地将评论数据渲染到页面上。

请注意,这只是一个示例实现方案,具体的实现方式可能会根据具体的开发环境和需求而有所不同。在实际开发中,还需要考虑安全性、性能优化、错误处理等方面的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress 分类如何实现拖动排序?

WordPress 默认对分类排序真的是太弱了,仅支持通过代码方式使用 ID,使用数量(count),名称(name),别名(slug)等字段进行排序,都没有提供自定义分类方法,更别提拖动排序。...另外由于 WordPress 分类是层级,在多层情况下怎么实现拖动排序?在分类层级非常复杂情况下,怎么方便管理和排序?...: 原来只显示第一级」按钮变成「显示所有」,点击则返回,非常方便。...所以如果是多层分类模式,只有点击「只显示第一级」之后,才可以对第一层分类进行排序: 如果某个分类下面的子分类要进行拖动排序如何操作?...分类管理 层式管理分类和分类拖动排序,支持设置分类层级。 并且在后台分类管理界面可以按层级显示和拖动排序。 评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1.

1.7K30

django自关联,auth模块

这样我们就直接用表内关联将外键关联设置成自身表字段 2.例如,对于微博评论,每条评论都可能有子评论,但每条评论字段内容应该都是相同,并且每条评论都只有一个父评论,这就满足了一对多情形,父评论id...,一个是 from_主表名_id,一个是 to_主表名_id 5.当我们通过 from_主表名_id 相关联对象查 to_主表名_id相关联对象时,可以直接通过 '主表对象.关系表(从表)' 查询...* from app01_user where id in (3,4); ''' 6.当我们 通过 to_主表名_id相关联对象查 from_主表名_id 相关联对象时,则需要通过 '主表对象.关系表...将session表数据删除即可演示该效果 # 3.如何判断request.user用户是否通过auth.login登陆?...,并且后面会拼接上你上一次想访问页面路径/login/?

1.1K20
  • WordPress主题基本模板及常用函数

    :模板函数,存放主题用到函数模块 attachment.php:附件模板页面 判断标签 is_home():是否为首页 is_front_page():是否为指定首页,后台-设置-阅读指定首页 is_single...get_header():调header模板 get_sidebar():调用sidebar模板 get_footer():调用footer模板 get_categories() :获取所有分类列表(只显示有内容分类列表...post_meta这个表数据,比如输出某个自定义字段内容 the_ID():特定内容页ID the_tags('关键字','',''):显示文章关键tag the_excerpt():post/page...页摘要,输入文章发布页面摘要面板内容 the_content('more'):显示内容(post/page)全文 wp_list_pages():显示page列表,常用于显示单篇文章分页,配合...', '评论数 1', '评论数 %') : 正文中留言链接。

    86110

    从0系统学Android--4.2 Fragment 生命周期

    暂停状态 当一个 Activity 进入暂停状态时,与它相关联可见碎片就会进入到暂停状态。...销毁状态 碎片总是依附于 Activity 而存在,因此当 Activity 被销毁时,相关联碎片就会进入销毁状态。...onAttach() 当碎片和 Activity 建立关联时候使用 onCreateView() 为碎片创建视图(加载布局)时调用 onActivityCreated() 确保碎片相关联 Activity...保存下来数据在 onCreateView() 和 onActivityCreated() 和 onCreate() 中都可以获取到 4.4 动态加载布局技巧 程序如何能够根据设备分辨率或屏幕大小在运行时来决定加载哪个布局...但是手机就不行了,屏幕比较小,只能显示一页内容。 那么怎么样才能在运行时判断程序应该使用双页模式还是单页模式?这就需要限定符(Qualifiers)实现。

    58510

    Typecho主题模板制作快速入门简易教程

    > 输出结果: 站点名称 » 页面标题 让我们来分解一下其中语句,前一句大家都很明白,显示站点名称嘛,那后一句?其实后一句标题包含三个参数: 只显示 pingback 为了分开,我们开始对 comments.php 做如下修改,首先只显示评论: <?...调用某一分类下文章 比如想某地方调用mid=1那个分类文章列表..怎么使用? 例如: 分类id=1 分类id=2 文章1.. 文章1.. 文章2.. 文章2.. 文章3.. 文章3.....-- 嵌套评论相关 --> 自定义好HTML代码后,将如何去实现?首先我们要打开模板文件夹里 comments.php 文件,做好修改准备。...>"> 其中,替换ID这里,还需要判断判断当前评论是父级评论还是子级评论,且判断评论 ID 奇偶数等。

    5.7K20

    用户行为数据采集系统

    对于后端发生交互行为,我们可以从后端服务日志、业务数据库中拿到相关数据;而对于那些仅仅发生在前端行为,则需要依靠前端主动上报给后端才能知晓。...采什么 用户在前端UI上操作,大多数表现为两类:第一类,打开某个页面,浏览其中信息,然后点击感兴趣内容进一步浏览;第二类,打开某个页面,根据UI提示输入相关信息,然后点击提交。...对于浏览,我们关注是浏览了哪个页面,以及之相关元数据;对于点击,我们关注是点击了哪个页面的哪个元素,该元素相关联其他元素信息,以及相关元数据。...元素相关联其他元素信息,指的是“点击”相关联输入/选择信息,比如在上面的注册页面中,“提交”按钮相关联信息有手机号、验证码、姓名。...通过UI元素属性值来设置元素关联关系,用于获取上述元素相关联其他元素信息”。 我们首先在WebH5页面中做了实践,核心代码很简单。

    4.2K30

    begin主题使用说明(详解教程)

    ID 文章显示篇数 首页杂志布局各功能模块后台主题选项对应说明。...杂志布局需要有一定文章量,才能撑起来,新站文章有限,还是先用博客布局,等文章量有了,再启用杂志布局不迟,如果非要使用杂志布局,可先将无内容模块关闭,只显示基本分类模块,也不能添加根本没有的分类ID...注:修改完成后,必须到WP后台--设置--固定链接页面,保存一下更改,才能生效。...begin主题使用说明(详解教程) 普通分类使用图片布局 将begin主题根目录中category-grid.php名称后面“grid”改为某个分类ID号,之后再次打开这个分类就会以图片九宫格布局展示内容...使用方法: 1、打开begin主题根目录category-cms.php模板文件,修改其中加注释代码中分类ID或文章ID 2、保存后,将category-cms.php名称后面的“cms”改为某个分类

    4.8K40

    Hexo even让博客优雅起来

    按照博客 使用Gitee+Hexo搭建个人博客 教程,我们已经成功在Gitee上搭建完成了自己博客,但是这个博客还是比较简陋。 接下来讲介绍 如何开始写作 和 Even主题常用配置 。...在其他系统中,分类和标签听起来很接近,但是在 Hexo 中两者有着明显差别:分类具有顺序性和层次性,也就是说 Foo, Bar 不等于 Bar, Foo;而标签没有顺序和层次。...文章截断 在文章内容中添加 即可在首页显示时只显示其之上内容。 并且会在 添加一个 Read more 链接。...完成邮箱激活后,点击头像,进入控制台页面 创建新应用 创建一个新应用,并创建名称为 Counter Class(注意权限选择无限制) 配置 app_id app_key 在你所创建应用 设置...->应用Key 中查看 app_id app_key 修改主题配置文件 _config.yml,填入 app_id app_key: # LeanCloud leancloud: app_id

    90720

    R实战——大众点评-汉拿山评论情感浅析

    本人也不知道如何处理,正好最近在学R语言,于是就想到了不如通过R语言编写个简单爬虫抓取大众点评上评论,参考其他店回复和处理方式。爬取了数据,又可以拿来练手,做个简单情感分析。...二级清洗 二级清洗主要去除无用内容,比如字母,数字等 分词和三级清洗 分词即将整段文本分成由词组够成向量,那么要按照什么规律或者方式分词才能符合中文习惯?...先用lapply()函数算出每条评论分词个数,然后生成每个词对应ID。...同时我们发现有8个id缺失了,这是由于个别评论较短,导致匹配不到情感得分,这特别需要注意,在与人工标注好情感表做比较时,会发生id不匹配问题。...上面代码先生成跟id长度一致向量,再将每个ID得分匹配到对应id,再根据得分打上标签,得分大于0规定为正向情感,标签为1,得分小于等于0规定为负向情感,标签为-1。

    1.3K101

    分享WordPress各种标签大全集合 以及如何调用

    > 4、仅显示某个分类下子分类,下面的示例代码生成了 ID 为8父分类下子分类根据其 ID 进行排序链接列表(读起来真绕口 -__-|||),它会显示每个分类下文章数,并且隐藏链接...> 这个函数里设置参数比较多,这里我稍作说明:我们可以看到不同参数之间使用了“&”这个“符号”来进行区分连接,orderby=id 按照 ID 排序,show_count=1 显示分类下文章数...> 说明: child_of=10中10是指某个分类ID号。...> 说明: child_of=5中5是指某个页面ID号。 wordpress去评论者链接评论输出 //作者:全百科网 //网站:http://www.quanbaike.com/ <?...5、大概只有国外空间才能使用.(经我验证,确实如此) wordpress 非插件调用评论表情 <?

    3.2K30

    PHP基础面试题 - 第十天

    By和order by,没有limit等等.必要时候,把数据库逻辑封装到DBMS端存储过程里面.缓存查询结果,explain每一个sql语句 (5).所得皆必须,只从数据库取必需数据,比如查询某篇文章评论数...SNS网站短消息功能,简述一下,你该如何实现....首先建立数据表,其中字段uid用户表ID相关联,字段sid被发送信息用户相关联,当发送信息时,将内容保存到数据库中,间隔一定时间查询数据库是否有用户相关联信息存储,若有用户相关联信息就遍历输出出来...),会增加一条记录,记录用户ID(user_id),以及购买产品数量。...输出购买产品数分别等于1,2,3,4,5,6,7,8,9,10用户数量,如果某个数量对应用户数为0,可以不输出。

    41710

    Wordpress网站转成小程序

    第三步 在小程序开发—开发设置,下面就会有一个小程序ID,小程序密钥是需要点击才能生成并且只显示一次微信官方并不会对密钥进行保存,所以如果忘掉密钥的话当你再次点击查看密钥,发现小程序密钥又换了。...我们在回到WordPress找到微信小程序设置,把微信小程序ID和密钥填写上去,然后再把文章ID填写进去 ? 文章ID如何获取?...紫色箭头标注地方(关于我页面),这里需要把自己页面ID填写上,把 ABOUTID = 55;这个55数字替换成你页面ID就可以了。...蓝框选定地方是消息模板,你需要把蓝色框区域里面的红色字符替换成你消息模板ID就可以了 第五步 修改完之后记得保存一下,保存完之后,点击左上角上传,小程序就会上传到你小程序管理—版本页面,我们登录微信公众平台就可以在...可以在审核通过后开启小程序评论 最后感谢大佬(守望轩)开发小程序源码和插件 https://www.watch-life.net/

    4.3K42

    erdaoo WP Theme 教程学习笔记

    对于每一个集成模块中内容,理论上是可以随意放置,比如我们可以把header模块中搜索栏放在sidebar模块中去。 那如何区分这四个集成模块?看以下代码。...> class 现在我们得要说说 class 了,它是 id 都是标签属性,但是不同之处在于,id 参数值是唯一,它在一个页面只能使用一次,而 class 参数值是可以多次使用,...页面导航 当你博客内容越来越多时候,在 WP 后台又设定了首页只显示10个日志,那么从第11个开始都无法在首页显示出来。 这样在博客最后一篇日志下面就会出现后一页或前一页链接。...> 说明:对于静态页面,它没有属于哪个分类,我们也不希望被某人评论,当然它也不能显示另一个页面连接,所在要去掉一部分代码。...说明:在单篇文章下面显示应是上一篇下一篇链接,而不是上一页下一页链接。 如何处理留言评论

    60230

    深入理解Python内存管理垃圾回收,再也不怕问了(一)

    我们一起了解看看Python是怎么设计。 为了提高效率就是: 如何高效分配? 如何有效回收?...更细致过程:垃圾回收机制算法实现 第1层 Python低级内存分配器 Python 中使用对象基本上都小于等于 256 字节,并且净是一些马上就会被废弃对象。 请看下面的例子。...这些就像我们书中类比页面。这些池被分成较小内存块。 给定池中所有块均具有相同“大小等级”。给定一定数量请求数据,大小类定义特定块大小。...pool 内被 block 完全填满了,那么 pool 是怎么进行 block 状态管理? block 只有以下三种状态。...在这里插入图片描述 赋值语句内存分析 我们可以通过使用id()函数来查看某个对象内存地址,每个人电脑内存地址不一样。

    2.7K41

    揭秘Linux日志分析利器 - 全面透析journalctl

    本文将介绍journalctl基本概念、用法和常见使用场景。将详细讨论如何使用journalctl来查看和过滤日志消息,以及如何通过搜索和格式化选项来定位特定日志内容。..._SYSTEMD_INVOCATION_ID=21174b37b37c4cd5b4d20c828cbffaa3 -u sshd -o json-pretty图片又或者指定_BOOT_ID某个值,筛选优先级为...10.显示相关联消息目录信息(-x, --catalog)在systemd-journald日志系统中,每条日志消息可以一个或多个消息目录(message catalog)相关联。...使用 -x 或 --catalog 选项,journalctl 命令会尝试显示每条日志消息相关联消息目录信息:journalctl -u sshd -x -n图片如果没有关联日志,则还是正常显示。...它会检查日志文件完整性、有效性以及相关索引文件一致性:journalctl --verify图片6.只显示头部信息(--header)不显示日志内容,只显示日志头部信息:journalctl -

    5.5K4314

    《精通CSS》第2章 添加样式

    本章笔者在读完之后,根据原文解构做了一些调整,主要包括选择器及其详解、层叠特异性及继承、以及如何应用样式,最后延伸了一下性能知识。希望你看完之后能够有收获。...ID 选择器 #idname 这种选择器会选择所有 id 属性之匹配元素。需要注意是一个文档中每个 id 都应该是唯一。 通用选择器 * 这个选择器会选择所有节点。...匹配元素属性等于某个值时,属性后接等号和值即可,如input[type="submit"],会匹配type为submitinput。...2.1.2 伪元素 在涉入前端之初,大家一定被问到过伪元素和伪类区别是什么。在展开之前,我们先来看看这个问题。 伪类用于在页面元素处于某个状态时,为其添加指定样式。...任何选择符特殊性都对应于如下 4 个级别,即 a、b、c、d: 行内样式(写在 style 属性里样式),a 为 1; b 等于 ID 选择器个数; c 等于类选择器、伪类选择器以及属性选择器个数

    1.6K40
    领券