# 本节知识点
- 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)