当前位置: 首页 > 后端技术 > Node.js

文章小程序全栈开发,从入门到上线,第5节——获取文章列表和详情

时间:2023-04-03 21:11:12 Node.js

文章小程序全栈开发,从入门到上线,第五节—获取文章列表和详情articles.js*/const{mysql,mongodb}=require('access-db')...articlesRouter.get('/list',async(req,res,next)=>{letlist=(awaitmysql.find('articles')).data.objectsres.json(list)})...搜索小程序然后获取在小程序首页/*home.js*/...onLoad:function(options){wx.request({url:app.config.api+'/articles/list',success:({data})=>{console.log('list::::',data)this.setData({list:data})}})},...终于文章详情界面显示成功了。一般我们会使用文章的唯一id来搜索详情。因此,详情接口如下:/*articles.js*///详情articlesRouter.get('/detail/:aid',async(req,res,next)=>{const{aid}=req.paramsletinfo=(awaitmongodb.get('articles',{article_sql_id:parseInt(aid)})).datares.json(info)})小程序详情页1.首页,跳转到详情页/*home.wxml*/{{item.title}}/*home.js*/navToDetail(e){wx.navigateTo({url:'/pages/home/detail/detail?aid='+e.currentTarget.dataset.aid,})},通过添加点击事件navToDetail,并绑定当前点击文章的id,即data-aid,然后在navToDetail(e)函数中,获取当前文章的id,即e.currentTarget.dataset.aid。2.在小程序端,添加一个详情页详情,在onLoad中,搜索文章详情/*detail.js*/onLoad:function(options){if(options.aid){wx.request({url:app.config.api+'/articles/detail/'+options.aid,success:({data})=>{console.log('Details:',data)this.setData({info:data})}})}},最后文章详情成功返回demo地址