🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 1、首页控制器添加content()方法 ![](https://img.kancloud.cn/82/64/826477407d82f0c13df1e52f270630d0_682x135.png) ## 2、根据id获取连表查询的文章数据 (1)首页控制器content()方法修改 ![](https://img.kancloud.cn/28/59/2859964b3ee039ba020d696ea90bf060_723x288.png) (2)文章模型类添加fetchOneWithJoin()方法 ![](https://img.kancloud.cn/d0/6a/d06a16c8d6c56f22149366b2ad3a9dba_896x270.png) (3)内容页视图文件:content.html ![](https://img.kancloud.cn/4a/74/4a746fabc2f67cbb49f1584a6ef1b2cf_779x201.png) ![](https://img.kancloud.cn/81/5e/815ed491933660004ea45477b5d122d7_685x132.png) ## 3、百度分享按钮的实现 ![](https://img.kancloud.cn/05/0f/050f6ee846f9a4398dc1f9334720444c_319x34.png) ![](https://img.kancloud.cn/12/5f/125f301fada11740dd3a3c236ccd2be1_1156x543.png) ![](https://img.kancloud.cn/72/a4/72a445d0bd851175f29989c141a54c64_877x211.png) ## 4、文章阅读数更新 (1)首页控制器content()方法修改 ![](https://img.kancloud.cn/6b/3d/6b3d7e54301953700891997ba5f7fe48_696x358.png) (2)文章模型类添加updateRead()方法 ![](https://img.kancloud.cn/16/89/1689a92e9e8aadaa076f9f72aa5127ca_757x181.png) ## 5、获取上一篇和下一篇文章数据 ![](https://img.kancloud.cn/3c/95/3c959c453f908f270de1022f88849fea_1170x272.png) (1)首页控制器content()方法修改 ![](https://img.kancloud.cn/18/1e/181e5bf885aa07ebe50daa8a92d7f161_817x493.png) (2)内容页视图:content.html ![](https://img.kancloud.cn/59/19/5919c6cd5ddfdb90247c9bbfcfa6ac0d_894x311.png) ## 6、用户点赞功能实现 (1)内容页视图文件:content.html 只有登录用户才可以点赞; 每篇文章只能点赞一次。 ![](https://img.kancloud.cn/ec/33/ec332c82789ff60f67634a67546e9fe0_710x290.png) ![](https://img.kancloud.cn/09/1b/091b7e4b4658eb8f0207e00d78cafc3e_792x132.png) (2)首页控制器添加praise()方法 ![](https://img.kancloud.cn/a7/96/a7965da9740e3523694e17722ff583f1_836x619.png) (3)文章模型类添加updatePraise()方法 ![](https://img.kancloud.cn/e4/c3/e4c3f9a1b6fa5b673c03ae277f91540b_806x185.png)