微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」比你优秀的人,比你还努力!耶懂得东西越多,发现自己不懂得越来越多,这是什么现象?

大家好,又见面了,我是你们的朋友全栈君。

推荐网址:

腾讯云快速开发(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)登录腾讯云,进入腾讯云开发环境管理页面,进入数据库

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

(2)进入数据库建表

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

 

 4、博客发表功能开发

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

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

nodejs开发环境本地调试:

(1)先将server代码上传

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

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

 微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

 

 

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事件判断

微信小程序初见+nodejs服务端 (一个简单的博客)「建议收藏」

 

 (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作为标识。一次性查出该博客的所有评论,再对数据进行筛选(递归)
  针对页面树形图展示,使用自定义组件,可以参考
     
·
(3)回复应该有一个评论/回复的消息推送(后续吧)
推荐网址: 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154640.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • kali的Ettercap(0.8.3.1)GUI界面中文化[通俗易懂]

    kali的Ettercap(0.8.3.1)GUI界面中文化[通俗易懂]前言:最近在学kali,学到了dns劫持,上的课老师也是讲了一部分功能,我在网上想找一下别的功能,却发现这个Ettercap居然是20年新版,并没有什么详细信息,我就心血来潮写这篇笔记,让自己以后在复习的时候可以更快的回顾,发出来也让大家一起进步。 启动方法 kali的终端中输入ettercap-G 启动界面 GUI界面 中间人攻击选项 其他选项 Targets Currenttargets Selecttargets

  • python用pyinstaller编译成exe_pycharm编译成exe

    python用pyinstaller编译成exe_pycharm编译成exe在pycharm中使用pyinstaller生成exe文件:解决通常在cmd中用pyinstaller打包的exe文件太大的问题1、在pycharm中创建虚拟环境:2、在虚拟环境中添加打包程序所需要的库:添加国内镜像库链接,基本可以正常安装所有需要的库;添加pyinstaller工具:提示:一定要按照上面的配置进行,否则会出错在需要打包的程序中右键选中externalTools—>pyinstaller等待程序打包完成,在打包程序目录下的dist文件夹中就有生成的exe文件

  • Python 打包成mac app

    Python打包成macapp一、创建一个简单的Tkinter应用,并命名为Sandwich.py:importsysifsys.version_info  #Python2  importTkinterastkelse:  #Python3  importtkinterast

  • 校园二手交易平台的简要分析(纯文档)[通俗易懂]

    校园二手交易平台的简要分析(纯文档)[通俗易懂]校园二手交易平台的简要分析 摘要:校园二手市场就是建立在校园里的提供学生们进行二手物品交易的场所。二手交易在大学校园里面比较常见,一方面,大学生热衷潮流,消费需求较旺盛,但也容易因为冲动购物而产生较多的闲置物品;另一方面,大部分大学生经济未独立,资金来源主要是依靠父母,经济能力有限。现在国家倡导可循环经济,人们的环保意识逐渐增强,加之旺盛的需求与滞后的经济能力形成的鲜明反差,为校园二手市场…

  • 语音信号处理入门系列(1)—— 语音信号处理概念「建议收藏」

    语音信号处理入门系列(1)—— 语音信号处理概念「建议收藏」文章目录1.语音交互2.复杂的声学环境2.1声学回声消除2.2解混响2.3语音分离2.4波束形成2.5噪声抑制2.6幅度控制2.7前端信号处理的技术路线3.参考4.推荐开源项目原博客地址:https://www.cnblogs.com/LXP-Never/p/13620804.html1.语音交互你知道苹果手机有几个麦克风吗?语音交互(VUI)是指人与人/设备通过自然语音进行信息传递的过程。语音交互的优势:输入效率高。语音输入的速度是传统键盘输入方式的3倍以上。例如:语

  • Vue常用指令(二)

    Vue常用指令(二)6、v-for基于源数据多次渲染元素或模板块。图示:代码:<body><div id=”app”> <p v-for=”(score, index) in scores”> 索引: {{index }} , 分数: {{score}} </p> <div v-for=”(d, ke…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号