微信小程序云开发实例 源码 点赞、收藏、评论等功能实现（一）

最新推荐文章于 2024-05-14 14:45:09 发布
最新推荐文章于 2024-05-14 14:45:09 发布
阅读量5.5k 收藏 82
点赞数 8
分类专栏： 微信小程序 文章标签： 小程序 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxk2017/article/details/114189504
版权

微信小程序云开发实例 源码 点赞、收藏、评论等功能

小贝校招是本人闲暇时间做的一个小程序，主要使用了云开发功能，不涉及其他数据库操作，这篇博客先介绍一下各个页面功能，后续将详细介绍每个页面的功能：
为了更好的学习交流小程序云开发，将代码开源，源码地址：https://github.com/XiaokangLei/find_job
https://gitee.com/lxk2020/find_job

基础知识

  • 数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 文档型数据库
  • 文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理
  • 云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码

基础页面功能介绍

首页

在这里插入图片描述

详情

包括校招详情截图、评论、点赞和收藏功能的实现。

在这里插入图片描述

用户中心

在这里插入图片描述

云开发数据库

在这里插入图片描述

小程序体验

微信小程序搜索：小贝校招

参考文档

小 K 同学
关注
  • 8
    点赞
  • 踩
  • 82
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
专栏目录
php点赞 收藏 评论代码,基于云开发的小程序评论、点赞、收藏功能实现总结 | 码农网...
weixin_28786193的博客
04-03 875
mini-blog 的详情页的功能按钮基本已经全部实现(除了生成海报功能)，这里记录下整个实现过程和实际编码中的一些坑。实现思路实现文章的一些操作功能，最主要的还是评论，这是作者和读者之间沟通的桥梁，评论功能的衍生无非是细化作者和读者之间的互动，或者增加文章的传播，所以在动手开发时需要思考下你期望实现哪些功能，并对应功能进行细化。我一般的经验是，先在脑子里过一遍需要的功能和大致流程，然后在笔记稍微...
微信小程序基于云数据库简单实现帖子点赞功能。
qq_59117381的博客
08-31 1310
利用微信小程序自带云开发，云数据库实现简单的点赞功能。
微信小程序实现列表页的点赞和取消点赞功能
12-20
今天开发了一个文章的留言版块，于是想到要为某个留言点赞，点过赞的再次点击会取消点赞，代码如下： /*更新点赞*/ update_zan:function(e){ var that = this; var data = e.currentTarget.dataset; var mid = data.mid; var cookie_mid = wx.getStorageSync('zan') || [];//获取全部点赞的mid var isadd = 1; var newmessage = []; if (cookie_mid.includes(mid)){//
微信云开发实现点赞收藏评论功能
小黄同学的博客
11-04 2836
微信云开发实现点赞收藏评论功能 本人专注使用云开发，实现一个前端可以做后端以及整个项目的部署与上线。 如果觉得我讲的好就可以给我点个赞。也可以加我微信了解详情。 1.首先你需要先了解 一下基本的云开发知识。 我们主要用到的数据库的操作为，查询，添加，更新。 1.查询 我们查的是全部定坐消息，所以我们应该使用云函数请求数据库，可以查询到表中所有数据，这样权限就更高了。如果是在js中查询只能查询自己添加的数据，以及cms添加的 数据。 2.添加，这个操作是属于自己本身 的操作不需要其他的参与，所以我们可以使用
微信小程序简单留言板制作
最新发布
2401_83167768的博客
05-14 488
【代码】微信小程序简单留言板制作。
微信小程序实现点赞和取消点赞的功能
weixin_57837567的博客
05-14 1747
页面的js代码 页面的wxml代码 页面的wxss代码
微信小程序 文章点赞功能
qq_42897782的博客
12-19 4464
小程序给文章列表点赞 资讯列表页 资讯详情页 小程序前端代码： (在前端添加点击事件 bindtap='update') <view style='padding-top:30rpx;width:93%;margin:0 auto;'> <text class='block font15 gray5 tl fl' style='padding-l......
微信小程序点赞成功，取消点赞、评论。
a13145211的博客
02-13 4434
今天做了一个微信小程序的点赞和评论功能！人生都有第一次，没有做过是因为没有思路，如果思路明白了，自然就会了！ 一、首先，我们点赞需要明白两点。 1、微信人的id,也就是本人点击成功。 2、我想要点赞哪篇文章的id。 那么好，这就是我们要做的第一步！ （1）let user_id = wx.getStorageSync(‘user_id’); //自己的id （2）toAgree: function...
微信小程序实现简单评论功能
01-20
在微信小程序中实现一个简单的评论功能，主要涉及以下几个核心知识点： 1. **WXML结构**：WXML（WeiXin Markup Language）是微信小程序的页面结构语言，类似于HTML，用于定义用户界面。在这个实例中，我们看到WXML...
微信小程序开发-社交交友案例源码.zip
08-15
在这个“微信小程序开发-社交交友案例源码.zip”压缩包中，我们找到了一个关于社交交友应用的开发实例，这对于学习微信小程序开发的开发者来说是一份宝贵的资源。 首先，我们要理解微信小程序的基本架构。它采用了...
微信小程序开发-集思笑话，含Vue.js后端，点赞案例源码.zip
08-15
在本压缩包“微信小程序开发-集思笑话，含Vue.js后端，点赞案例源码.zip”中，我们可以深入学习微信小程序的开发技术，并结合Vue.js后端来构建一个具有点赞功能的应用。这个项目是一个很好的实战教程，适合想要提升...
微信小程序开发-新闻咨询类-今日头条案例源码.zip
08-15
微信小程序开发-新闻咨询类-今日头条案例源码.zip
基于微信平台的论坛小程序(源码)
04-26
综上所述，基于微信平台的论坛小程序涉及到了微信小程序的开发技术、数据管理、用户交互、网络通信等多个方面，是学习和实践微信小程序开发的实用案例。通过研究这个源码，开发者不仅可以掌握小程序的基本开发流程，...
微信小程序开发项目实例-街舞交流平台代码(源码).rar
05-21
在这个“微信小程序开发项目实例-街舞交流平台代码”中，我们可以深入理解微信小程序的开发流程以及如何结合后端服务构建一个完整的交互平台。 首先，该项目使用了微信开发者工具，这是微信官方提供的集成开发环境...
微信小程序——点赞和取消点赞功能的实现
从零到有制作二手商城微信小程序完整日志
05-16 6621
这个项目是一个有前后端的微信小程序，能够发布和查看论文，并可以给论文点赞。这篇文章主要介绍点赞和取消点赞功能的实现。 一、成果展示 用户没有点赞的状态（可能有点看不清，是一个空的心的图标）。 点一下之后，变成一个红心，再点一下变回空心。 二、代码实现 .wxml部分 <view class="likes" style="opacity:{{0.8}}"> <image class="dianzantu" src="{{favor_img}}" bindtap="praiseTh
微信小程序实现列表页的点赞和取消点赞功能！
热门推荐
fengye002011的博客
01-30 2万+
今天开发了一个文章的留言版块，于是想到要为某个留言点赞，点过赞的再次点击会取消点赞，代码如下： /*更新点赞*/ update_zan:function(e){ var that = this; var data = e.currentTarget.dataset; var mid = data.mid; var cookie_mid = w
软工-点赞和取消点赞
li_mumu的博客
11-01 8595
这是我的第一篇博客 软件工程课程设计实验-微信小程序-海大学舍 我第一次负责的部分是：对用户发布的贴子进行点赞和取消点赞功能的实现。 因为是第一次负责微信小程序，很多的代码知识都不了解，所以在之后的博客中可能会有很多的代码是从别人那里看到的。我们的目的并不是为了了解这些代码该怎么写，重点在于软件开发的过程。在之后的开发过程中，我会将所借鉴的代码链接粘贴在后面。 注意的地方： （1）当进入这个页面的时候，首先会返回是否点赞以及点赞总数，然后若没有点赞过在请求后台进行点赞。 （2）将所有已经点过赞的用户id存储
微信小程序项目总结 点赞 删除列表 分享功能
Acitylion的博客
06-23 1807
小程序点赞功能思路：在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0 } }    1.遍历评论列表 判断点击的id    2.如果id相同 判断是否点赞过 如果为true -1 如果为false +1    3.更新数据bindlike:function(e){ var newData = this.data.release....
微信小程序 云开发 模仿抖音点赞 代码逻辑 体验优化
终日而思不如须臾所学。
06-08 1195
最近搞了下点赞 这个逻辑是： 进入小程序后 --> db查询集合记录数量存到本地，查询openid记录是否存在，不存在即未点赞。 点击空心 --> db 集合添加一条记录，success 本地集合记录数量 + 1，变满心，记录_id写入缓存，fail 提示点赞失败 点击满心 --> db 集合删除此记录，success 本地集合记录数量 - 1，变空心，fail 提示点赞失败 这样点赞会因为网络原因存在 0.5 秒的延迟，体验不太好。 优化： 进入小程序后 --> db查询集合
csdn微信小程序云开发项目源码
12-10
小程序云开发项目源码就是一个基于微信小程序云开发技术实现的示例项目，其中包含了一些常见的功能和操作，供开发者学习和参考。 通过学习和使用CSDN微信小程序云开发项目源码，开发者可以了解到如何搭建一个小程序...
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值