推荐网址:

腾讯云快速开发(nodejs前后端):https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#%E5%AF%BC%E5%85%A5-nodejs-demo-%E5%92%8C%E9%85%8D%E7%BD%AE

参考项目地址(nodejs前后端):https://github.com/CavinCao/ghost-wechat-blog

SQL Query Builder for JS:https://knexjs.org/#Builder-increment

偶项目地址:https://github.com/zhaofangmei/mini-WX-blog

1、整体页面框架搭建:首页、发表、我的

2、授权登录

  https://developers.weixin.qq.com/miniprogram/dev/api/open.html

  this.setData:内置函数,可以设置data数据,可通过逻辑层改变数据

  wx.redirectTo:关闭当前页面,调到应用内的页面

  wx.switchTab:跳转tabBar页面,关闭其他非tabBar页面

3、post建表

(1)登录腾讯云,进入腾讯云开发环境管理页面,进入数据库

(2)进入数据库建表

4、博客发表功能开发

wx.request(OBJECT):发起网络请求

Wafer 服务端 SDK - Node.js: wafer-node-sdk

nodejs开发环境本地调试:

(1)先将server代码上传

(2)“启动单步调试”,设置断点,即可本地调试nodejs服务端 (腾讯云的“启动单步调试”选项存在安全问题已经下线了 10.11)

5、首页博客展示

微信小程序分页效果实现:

https://blog.csdn.net/yuyuking/article/details/78796406

https://www.cnblogs.com/xuzhengzong/p/6943627.html

6、博客详情查看、编辑、删除功能

(1)

modal:类似于javascript中的confirm弹框 :https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowmodalobject

首页进入详情页,鉴权操作;鉴权要是在home的判断会出现两次跳转进入详情页,鉴权操作应该在详情页的onload事件判断

(2)openid

7、博客评论功能

(1)用户评论成功,重新加载页面  
//判断是否有打开过页面
if (getCurrentPages().length != 0) {
//刷新当前页面的数据
getCurrentPages()[getCurrentPages().length - 1].onLoad()
}
(2)盖楼式评论---数据库设计
这个真的是难倒我这个不精水的前端了,之前没接触过。感谢万能的网友,网上有好多意见
1、拆分两个表:评论表和回复表( https://blog.csdn.net/ztchun/article/details/71106117);
2、单个评论表加上评论id:parentid作为标识。( https://blog.csdn.net/u014702653/article/details/54709553)
其实最好的做法是分表分库,可以节省重复查询,提高效率。
个人采用了单表设计,加了parentid作为标识。一次性查出该博客的所有评论,再对数据进行筛选(递归)
针对页面树形图展示,使用自定义组件,可以参考
https://www.jianshu.com/p/dabca0161993?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html
· (3)回复应该有一个评论/回复的消息推送(后续吧)
推荐网址: 
https://blog.csdn.net/zxg_1991/article/details/79918100
https://blog.csdn.net/yemuxia_sinian/article/details/83349758
https://developers.weixin.qq.com/miniprogram/dev/api/getAccessToken.html
https://developers.weixin.qq.com/miniprogram/dev/api/sendTemplateMessage.html

8、博客转载(分享事件)

9、我的页面功能完善

我的博客+功能反馈+关于作者

问题记录:

(1)2018-08-23  : emoji错误:ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\x9F\x98\x8B\xF0\x9F...' for column 'post' at row 1

  解决办法: 在phpMyAdmin中,对应的字段的属性排序规则,也设置为相应的utf8mb4相关的值。   https://developers.weixin.qq.com/community/develop/doc/000c4444fb43a0e683e621c445b000?highLine=Incorrect%2520string%2520value

(2)2018-10-24:Maximum call stack size exceeded(栈溢出,使用递归,无限循环下去了)   https://blog.csdn.net/u014291497/article/details/52124410

(3)2018-11-14:wafer2-client-sdk login 报错{"code":-1,"error":"ERR_REQUEST_PARAM"}   https://github.com/tencentyun/wafer2-quickstart/issues/13

转载于:https://www.cnblogs.com/zhaomeizi/p/9437756.html

微信小程序初见+nodejs服务端 (一个简单的博客)相关推荐

  1. 微信小程序(PHP服务端)之仿淘票票,制作电影购票程序

    微信小程序(PHP服务端)之仿淘票票,制作购票程序 前言 一.业务流程 二.效果图 总结 前言 这学期对PHP进行了学习,就编程而言,和常用的java开发思路都大同小异,但是PHP的部署是真的方便,这 ...

  2. 微信小程序正式上线,服务端请求必须HTTPS

    1月9日凌晨微信小程序正式上线,首批上线的小程序有三百多家,用户需要将微信更新至iOS6.5.3版本或Android6.5.3版本进行体验. 微信小程序自9月份首次开启内测就开始在圈内刷屏了,不需要下 ...

  3. 微信小程序支付java服务端集成采坑总结

    先上个微信小程序支付官方文档地址: https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_7&index=8 重点看 ...

  4. spring boot开发QQ音乐微信小程序(包含服务端源码)

    spring boot+spring mvc+spring整合开发QQ音乐微信小程序(含简单服务端) 项目描述: spring boot+spring mvc+spring代理请求QQ音乐接口获取数据 ...

  5. 微信小程序搭建新闻列表(跟进上一篇博客案例)

    本文旨在完善上一篇博客案例 后台接口文档 主要会用到的新语法罗列[ {发送请求篇:微信小程序如何向后端发送请求}, {页面跳转传递参数和接收参数:微信小程序页面跳转和接收参数}, {修改data中变量 ...

  6. 韵达小程序服务器异常,微信小程序快递助手服务端API接入韵达快递返回9300501错误...

    后端使用Tomcat服务器,JDK1.8版本,以下为发送的接口,参数和返回信息,提示"XML报文转换异常",我将接口,参数用同样的方式发送请求,用本地java程序发送,却返回成功, ...

  7. 微信小程序获取云服务器数据,微信小程序云开发服务端数据库API 获取集合数据...

    Collection.get / Query.get 获取集合数据,或获取根据查询条件筛选后的集合数据. 如果没有指定 limit,则默认最多取 20 条记录. 如果没有指定 skip,则默认从第 0 ...

  8. nodejs+java微信小程序的律师事务所服务预约平台

    随着经济的飞速增长,人民的生活水平逐渐提高,人民对法律观念也得到了极大的转变.法律的社会角色也由此转变.尽管法律的各项业务便利了人们的生活,但是人们在法律咨询网点咨询等待的时间远远超过了实际业务办理需 ...

  9. 微服务+微信小程序实现社区服务

    微服务+微信小程序实现社区服务 前言 我在上大学的时候毕业设计做的是微服务SpringCloud结合微信小程序实现一个提供一些生活服务的微信小程序,它主要可以提供豆瓣电影资讯.热点新闻.天气预报.停车 ...

最新文章

  1. redis 常用配置
  2. 传智播客视频学习 ---- 字符串含义( C 语言中)
  3. OpenCV之gpu 模块. 使用GPU加速的计算机视觉:GPU上的相似度检测(PNSR 和 SSIM)
  4. 2018.7.6 TX射频调试-PP
  5. corosync和pacemaker实现httpd和mysql双集群
  6. c语言函数库——ispunct函数 判断字符是否为标点符号或特殊字符
  7. 去除EditPlus自动备份功能. bak
  8. RTP/RTCP协议与RTSP协议
  9. 什么是HDMIARC
  10. 基于OpenCPU方案的BC26 NB模组开发总结
  11. 2021年全球与中国飞机飞行控制系统(FCS)行业市场规模现状及企业市场份额分析
  12. python画平行四边形_利用transform skewX制作平行四边形导航菜单
  13. torch.masked_select和torch.masked_scatter
  14. Day25——组合总和III、电话号码的字母组合
  15. 计算机内存不足16g内存,win10 16g内存显示内存不足怎么办_win10 16g内存显示可用7.95g如何恢复...
  16. spring(春天)
  17. 刁肥宅手笔:纯C语言实现链式队列的相关操作
  18. 基于eBox旋转编码器
  19. 堆电池、增续航是缓解电动车“里程焦虑”的灵丹妙药吗?
  20. NEON intrinsic 简易入门指南

热门文章

  1. iOS 12 从二级页面POP到主页面是tabbar 图片文字下移问题
  2. DIRECT3D基础知识 ---- 渲染与纹理 及位图,顶点缓存释义
  3. CAD的图形编辑和修改
  4. ArcGIS栅格裁剪-----裁剪前后的栅…
  5. 行政审批系统建设的思考
  6. 基于Java毕业设计养老智慧服务平台源码+系统+mysql+lw文档+部署软件
  7. vs2017和opencv时出现无法打开源文件opencv2/opencv.hpp
  8. 逻辑回归(LR)算法预测患有疝气病症病马的死亡率
  9. mds.0 is damaged
  10. 导航.制导与控制专业介绍