ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# 本节知识点 - 1,反馈与建议的开发 - 2,页面跳转并携带参数的学习 - 3,文章详情的开发 - 4,三方类库的使用 # 课后作业 - 1,读完botton相关的官方文档 - 2,跟着老师获取到用户信息 - 3,实现首页列表到详情页的跳转 # 课程中用到的网址 - 1,botton组件官方文档: https://developers.weixin.qq.com/miniprogram/dev/component/button.html - 2,wx.navigateTo(Object object)页面跳转方法讲解 https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateTo.html - 3,文章详情页请求接口 https://30paotui.com/article/one?aid=0 # markdown三方类库的使用 - 1,引入三方类库代码和pages文件同级 - 2,在文章详情页wxml里引入下面两行代码 ``` <!--pages/detail/detail.wxml--> <!--引入towxml模版入口文件,并使用模版--> <import src="/towxml/entry.wxml" /> <template is="entry" data="{{...xiangqing}}" /> ``` - 3,在文章详情页的js里,在网络请求数据成功后使用如下方法 ``` // pages/detail/detail.js const Towxml = require('../../towxml/main'); //引入towxml库 Page({ data: {}, onLoad: function (options) { let aid = options.aid; console.log("详情页接收到的aid的值:" + aid); let that = this; //请求文章详情页 wx.request({ url: "https://30paotui.com/article/one?aid=" + aid, success: function (response) { // console.log(response.data.data); let content = response.data.data.content; //将markdown内容转换为towxml数据 //创建towxml对象,供小程序页面使用 let towxml = new Towxml().toJson(content, 'markdown'); //设置文档显示主题,默认'light' towxml.theme = 'main'; //设置数据 that.setData({ xiangqing: towxml }); } }) }, }) ``` # 配套笔记 [012反馈与建议](https://www.kancloud.cn/java-qiushi/xiaochengxu/853412) [013页面跳转的实现&&014文章详情页的实现](https://www.kancloud.cn/java-qiushi/xiaochengxu/895595) # 视频地址 加老师微信索要视频资源。 最好跟着老师的教程敲代码,如果实在敲不出来,加老师微信索要源码。 # 老师微信 2501902696(备注小程序) ![老师微信](https://box.kancloud.cn/c3551d62b90595ebee1ef043f5441dd6_640x622.png =300x300) # 实例小程序 ![实例小程序](https://box.kancloud.cn/fdbe738983c4e7d714e9253b11728ff5_258x258.jpeg)