个人博客小程序总结

前言

周末两天,调试了一下接口,毕竟以前跟着龙哥的教程写过SSM,这次写起来快多了,其中配置文件之类的我还是copy过来直接用的。只不过本次需要在数据库中创建更多的表。

数据库这里还是折腾了小半天,小程序的样式其实个人觉得还好。总体来说,站在牛人的肩膀上,完成个人博客小程序版不难。

下面对本次搭建小程序进行总结,文末附有代码地址和运行图片,并没有对代码具体讲解,就一些流程而已。

参考大佬完成的(复制到浏览器查看):https://t.zsxq.com/2FiqfUb

1

后台

首先,需要有文章列表,这是一个articles表,其中并没有文章具体内容,只要摘要等首页所需要的部分字段。

其次,创建detail表,将articles表中文章的id和detail表中的id关联起来,进入详情页时只需要查找对应的文章id即可。至于为什么这样做,我个人可能觉得省流量吧。

然后,创建一个用户表users,设置唯一主键,每次插入用户时,通过sql语句达到有则更新,无则插入(on duplicate key update),注意,用户名有表情的话,需要写这句话set names utf8md4,然后在插入用户前调用这句话,对应的表内,需要有表情的字段请设置为utf8md4。

再然后,创建一个阅读articleread表和一个喜欢articlelike表,articlelike表中我是通过字段num,1代表喜欢,0是代表不喜欢。阅读表则和users表一样的操作,添加或更新,其这两个表都需要文章的id。

最后,创建评论表,文章id必不可少。每次查询时,可以利用多表查询,组合字段,收集所有文章详情的数据。

后台主要是数据库表的设计吧,如果不会可以参照文末代码代码链接内的ssm示例,自行改动。

2

小程序流程

第一步,需要确定好请求地址,存放在app.js的globalData中,确定好需要几个页面,然后在pages中建立好目录,并在app.json中配置好。

第二步,首页制作。在js文件中,onLoad函数内写请求文章列表数据,利用请求参数page作为分页条件。

第三步,详情页。在首页点击item,需要给item绑定bindTap事件,在此事件中,实现携带文章ID和用户ID跳转到详情页。同理在onLoad函数中拿到该参数,进行请求。并下载在github上下载wemark插件,来适配markdown文章显示。

第四步,留言功能。留言功能需要判断用户ID是否存在,不存在则请求。我们可以在用户进入小程序,在app.js中onLaunch函数的wx.getSetting中的wx.getUserInfo函数内拿到ID,然后通过wx.setStorage把用户ID存取,需要时则取出来即可。

3

效果图

代码地址:

https://github.com/raojianxiong/SSM

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180717G0WTS100?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券