change_praise(obj) { var user_id = this.user.user_id; var query = { source_table: "dish_information", source_field: "dish_information_id", source_id: this.obj["dish_information_id"], user_id }; var _this = this; _this.obj.praise_len = parseInt(_this.obj.praise_len) // 点赞状态 if (this.state_praise) { this.state_praise = false; this.$get('~/api/praise/del?', query, (res) => { if(res.result){ var praise_len = _this.obj.praise_len-1 this.$post('~/api/dish_information/set?dish_information_id=' + _this.obj["dish_information_id"], { praise_len }, (res) => { if(res.result){ console.log("添加点赞数状态:" ,res.result); } else if(res.error){ console.error(res.error); } }); this.$toast("取消点赞"); } else if (res.error){ this.$toast(res.error.message); console.error(res.error); } }); } else { this.state_praise = true; this.$post('~/api/praise/add?', query, (res) => { if (res.result) { var praise_len = _this.obj.praise_len+1 this.$post('~/api/dish_information/set?dish_information_id=' + _this.obj["dish_information_id"], { praise_len }, (res) => { if(res.result){ console.log("添加点赞数状态:" ,res.result); } else if(res.error){ console.error(res.error); } }); this.$toast("点赞成功"); } else if (res.error) { this.$toast(res.error.message); console.error(res.error); } }); }; },

时间: 2023-12-06 15:42:31 浏览: 61
这是一个 Vue.js 中的方法,用于处理点赞操作。当用户点击点赞按钮时,会调用该方法。它会根据当前点赞状态来决定是添加点赞还是取消点赞,并相应地更新点赞数和状态。具体实现过程中,它会向服务器发送请求来添加或删除点赞,并通过回调函数来处理服务器返回的结果。其中,obj 是一个包含菜品信息的对象,state_praise 是一个布尔值,表示当前的点赞状态。
相关问题

get_praise(obj) { var user_id = this.user.user_id; this.$get("~/api/praise/count?", { source_table: "dish_information", source_field: "dish_information_id", source_id: obj["dish_information_id"] }, (res) => { if (res.result || res.result === 0) { this.praise = res.result; console.log("点赞数:" ,res.result); } else if (res.error){ this.$toast(res.error.message); console.error(res.error); } }); this.$get("~/api/praise/count?", { source_table: "dish_information", source_field: "dish_information_id", source_id: obj["dish_information_id"], user_id }, (res) => { if (res.result || res.result === 0) { this.state_praise = res.result ? true : false; console.log("点赞状态:" ,res.result); } else if (res.error){ this.$toast(res.error.message); console.error(res.error); } }) },

这段代码是一个 Vue.js 组件中的一个方法,用于获取某个菜品信息的点赞数和当前用户是否点过赞。具体来说,该方法会向服务器发送两个 GET 请求,分别获取菜品信息的点赞数和当前用户是否已点赞。其中,`obj` 是包含菜品信息的对象,`this.user.user_id` 是当前用户的 ID。 第一个 GET 请求会向 `~/api/praise/count?` 发送请求,参数包括 `source_table`(来源表格,这里是 "dish_information")、`source_field`(来源字段,这里是 "dish_information_id")和 `source_id`(来源 ID,这里是 `obj["dish_information_id"]`),用于获取菜品信息的点赞数。如果请求成功,返回的结果会保存在 `this.praise` 中,表示点赞数。如果请求失败,会通过 `$toast` 方法弹出错误信息。 第二个 GET 请求同样向 `~/api/praise/count?` 发送请求,参数包括 `source_table`、`source_field`、`source_id` 和 `user_id`(用户 ID,这里是 `this.user.user_id`),用于获取当前用户是否已经点过赞。如果请求成功,返回的结果会保存在 `this.state_praise` 中,表示当前用户是否已经点过赞。如果请求失败,同样会通过 `$toast` 方法弹出错误信息。

data(){ return{ url_get_obj: "~/api/dish_information/get_obj?", field: "dish_information_id", obj: { "praise_len": 0, }, query: { "dish_no": "", "type_of_dish": "", "name_of_dish": "", "price_of_dishes": "", "picture_of_dishes": "", "introduction_details": "", "dish_information_id":0, }, // 点赞 praise: 0, // 点赞状态 state_praise: false, // 收藏状态 state_collect: false, list_comment: [], form_comment: { source_table: "dish_information", source_field: "dish_information_id", source_id: 0, reply_to_id: 0, }, count_pages: 1, // 页面数 } },

这是一个Vue.js组件的data部分。 - `url_get_obj` 是一个API接口的URL,用于获取菜品信息。 - `field` 是作为查询参数的字段名,用于查询菜品信息。 - `obj` 是一个对象,表示菜品信息,其中 `praise_len` 表示点赞数。 - `query` 是一个对象,表示查询参数,包括菜品编号、类型、名称、价格、图片和介绍等信息。 - `praise` 表示点赞数。 - `state_praise` 表示点赞状态,初始值为false。 - `state_collect` 表示收藏状态,初始值为false。 - `list_comment` 是一个数组,表示评论列表。 - `form_comment` 是一个对象,表示评论表单,包括评论的来源表、来源字段、来源ID和回复ID等信息。 - `count_pages` 表示页面数,初始值为1。
阅读全文

相关推荐

大家在看

recommend-type

呼叫中心系统源码(可用)

简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统简单的呼叫中心系统
recommend-type

手机银行精准营销策略研究

手机银行精准营销策略研究,蒋娟,吕亮,随着4G时代的到来和WIFI覆盖范围的病毒式发展,广大消费者对移动金融服务的需求与日俱增。手机银行作为结合现代互联网通信技术和电
recommend-type

【瑞幸财报下载】2017-2023年Q1瑞幸咖啡财报LK.O年报财务报表数据Excel招股书中文下载

瑞幸咖啡 LK.O(退市); 2017-2023年Q1; 格式:财报Excel/ 招股书PDF/年报PDF; 立即下载: 部分截图 1.三大财务报表Excel: 资产负债表>> 利润表>> 现金流量表>> 2.财务分析比率指标Excel: 3 .招股说明书PDF:
recommend-type

互联网系统运维

只有更多的了解一些知识,预测未来十年的变化,才能成为更好的自己
recommend-type

Sparta (An open-source DSMC code)

Sparta (An open-source DSMC code)

最新推荐

recommend-type

微信小程序云开发实现云数据库读写权限

_id: obj._id, // 当前数据的 id dianza: dianza // 用户的点赞信息 }, success: res => { console.log('更新数据成功') } }) ``` 确保将'你新建的云函数名字'替换为实际的云函数名,同时将`obj._id`和`dianza...
recommend-type

学生信息管理系统-----------无数据库版本

学生信息管理系统-----------无数据库版本。资源来源于网络分享,如有侵权请告知!
recommend-type

2024年福建省村级(居委会)行政区划shp数据集

2024年福建省村级(居委会)行政区划shp数据集 坐标系:WGS1984
recommend-type

PowerShell控制WVD录像机技术应用

资源摘要信息:"录像机" 标题: "录像机" 可能指代了两种含义,一种是传统的录像设备,另一种是指计算机上的录像软件或程序。在IT领域,通常我们指的是后者,即录像机软件。随着技术的发展,现代的录像机软件可以录制屏幕活动、视频会议、网络课程等。这类软件多数具备高效率的视频编码、画面捕捉、音视频同步等功能,以满足不同的应用场景需求。 描述: "录像机" 这一描述相对简单,没有提供具体的功能细节或使用场景。但是,根据这个描述我们可以推测文档涉及的是关于如何操作录像机,或者如何使用录像机软件的知识。这可能包括录像机软件的安装、配置、使用方法、常见问题排查等信息。 标签: "PowerShell" 通常指的是微软公司开发的一种任务自动化和配置管理框架,它包含了一个命令行壳层和脚本语言。由于标签为PowerShell,我们可以推断该文档可能会涉及到使用PowerShell脚本来操作或管理录像机软件的过程。PowerShell可以用来执行各种任务,包括但不限于启动或停止录像、自动化录像任务、从录像机获取系统状态、配置系统设置等。 压缩包子文件的文件名称列表: WVD-main 这部分信息暗示了文档可能与微软的Windows虚拟桌面(Windows Virtual Desktop,简称WVD)相关。Windows虚拟桌面是一个桌面虚拟化服务,它允许用户在云端访问一个虚拟化的Windows环境。文件名中的“main”可能表示这是一个主文件或主目录,它可能是用于配置、管理或与WVD相关的录像机软件。在这种情况下,文档可能包含如何使用PowerShell脚本与WVD进行交互,例如记录用户在WVD环境中的活动,监控和记录虚拟机状态等。 基于以上信息,我们可以进一步推断知识点可能包括: 1. 录像机软件的基本功能和使用场景。 2. 录像机软件的安装和配置过程。 3. 录像机软件的高级功能,如自定义录像设置、自动化任务、音视频编辑等。 4. PowerShell脚本的基础知识,包括如何编写简单和复杂的脚本。 5. 如何利用PowerShell管理录像机软件,实现自动化控制和监控录像过程。 6. Windows虚拟桌面(WVD)的基本概念和使用方法。 7. 如何在WVD环境中集成录像功能,以及如何使用PowerShell进行相关配置和管理。 8. 录像数据的处理和存储,包括录像文件的格式、转码、备份和恢复等。 9. 录像机软件在企业环境中应用的策略和最佳实践。 10. 常见问题诊断和解决方法,以及如何使用PowerShell脚本来应对录像机软件出现的问题。 这个知识点总结覆盖了从基础操作到高级管理的多个方面,旨在为读者提供一个全面的录像机软件使用和管理的框架。通过这些知识点,IT专业人员可以更有效地部署、操作和维护录像机系统,确保录像机软件能够满足各种业务需求。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

Honeywell打印机驱动提升秘诀:从基础到高级配置的全方位解析

![HoneywellPrint_DLL_UM_CN.pdf](https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190425160011/Anonymous-Types-in-C-1024x540.png) # 摘要 本文针对Honeywell打印机驱动的安装、配置、高级功能配置、故障诊断与优化以及安全与合规性进行了全面的介绍。首先概述了Honeywell打印机驱动的基础知识,随后详细阐述了驱动安装流程、基础打印设置及高级功能的实现。接着,文中探讨了打印机驱动在日常使用中可能遇到的常见问题及其解决方法,并提出了一系列打印性能优
recommend-type

Python输入三个数 a,b,c。判断能否以它们为三个边长构成直角三角形。若能,输出 YES,否则 输出NO。

在Python中,我们可以利用勾股定理来判断三个数a、b和c是否可以作为直角三角形的边长。如果满足a² + b² = c²,则这是一组直角三角形的三边;反之则不是。以下是一个简单的函数实现: ```python def is_right_triangle(a, b, c): if a**2 + b**2 == c**2 or a**2 + c**2 == b**2 or b**2 + c**2 == a**2: # 三种情况考虑,因为两边之和等于第三边的情况不属于常规直角三角形 return "YES" else: return "NO"
recommend-type

探索杂货店后端技术与JavaScript应用

资源摘要信息:"杂货店后端开发项目使用了JavaScript技术。" 在当今的软件开发领域,使用JavaScript来构建杂货店后端系统是一个非常普遍的做法。JavaScript不仅在前端开发中占据主导地位,其在Node.js的推动下,后端开发中也扮演着至关重要的角色。Node.js是一个能够使用JavaScript语言运行在服务器端的平台,它使得开发者能够使用熟悉的一门语言来开发整个Web应用程序。 后端开发是构建杂货店应用系统的核心部分,它主要负责处理应用逻辑、与数据库交互以及确保网络请求的正确响应。后端系统通常包含服务器、应用以及数据库这三个主要组件。 在开发杂货店后端时,我们可能会涉及到以下几个关键的知识点: 1. Node.js的环境搭建:首先需要在开发机器上安装Node.js环境。这包括npm(Node包管理器)和Node.js的运行时。npm用于管理项目依赖,比如各种中间件、数据库驱动等。 2. 框架选择:开发后端时,一个常见的选择是使用Express框架。Express是一个灵活的Node.js Web应用框架,提供了一系列强大的特性来开发Web和移动应用。它简化了路由、HTTP请求处理、中间件等功能的使用。 3. 数据库操作:根据项目的具体需求,选择合适的数据库系统(例如MongoDB、MySQL、PostgreSQL等)来进行数据的存储和管理。在JavaScript环境中,数据库操作通常会依赖于相应的Node.js驱动或ORM(对象关系映射)工具,如Mongoose用于MongoDB。 4. RESTful API设计:构建一个符合REST原则的API接口,可以让前端开发者更加方便地与后端进行数据交互。RESTful API是一种开发Web服务的架构风格,它利用HTTP协议的特性,使得Web服务能够使用统一的接口来处理资源。 5. 身份验证和授权:在杂货店后端系统中,管理用户账户和控制访问权限是非常重要的。这通常需要实现一些身份验证机制,如JWT(JSON Web Tokens)或OAuth,并根据用户角色和权限管理访问控制。 6. 错误处理和日志记录:为了保证系统的稳定性和可靠性,需要实现完善的错误处理机制和日志记录系统。这能帮助开发者快速定位问题,以及分析系统运行状况。 7. 容器化与部署:随着Docker等容器化技术的普及,越来越多的开发团队选择将应用程序容器化部署。容器化可以确保应用在不同的环境和系统中具有一致的行为,极大地简化了部署过程。 8. 性能优化:当后端应用处理大量数据或高并发请求时,性能优化是一个不可忽视的问题。这可能包括数据库查询优化、缓存策略的引入、代码层面的优化等等。 通过以上知识点的综合运用,我们可以构建出一个功能丰富、性能优化良好并且可扩展性强的杂货店后端系统。当然,在实际开发过程中,还需要充分考虑安全性、可维护性和测试等因素。
recommend-type

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依
recommend-type

【松下伺服故障预防与维护手册】:从报警代码中提炼出的维护要诀

![【松下伺服故障预防与维护手册】:从报警代码中提炼出的维护要诀](https://assets.content.na.industrial.panasonic.com/public/inline-images/panasonic-servos-%26-drives-grp-photo-rgb-1105-x-370-09-07-22.png?VersionId=f9eJ1OTTrsuzTPjWGmGokgWMpIMwEE0Q) # 摘要 伺服系统是确保工业自动化设备稳定运行的关键组成部分,故障预防、诊断分析、维护实践以及修复技术是提高系统稳定性和减少停机时间的重要手段。本文首先概述了伺服系统