成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

mp-vue搭建博客小程序(二)

didikee / 1358人閱讀

摘要：本項(xiàng)目的功能可以查看所有發(fā)布的文章，并且可以看到文章的所屬標(biāo)簽和發(fā)布時間可以按標(biāo)簽分類查看文章可以對文章進(jìn)行評論對文章的點(diǎn)擊量進(jìn)行統(tǒng)計(jì)，可以查看熱門文章查看文章詳細(xì)要能支持語法實(shí)現(xiàn)過程引進(jìn)下載的的文件，把下載的文件放到項(xiàng)目路徑下面。

本項(xiàng)目的功能

可以查看所有發(fā)布的文章，并且可以看到文章的所屬標(biāo)簽和發(fā)布時間

可以按標(biāo)簽分類查看文章

可以對文章進(jìn)行評論

對文章的點(diǎn)擊量進(jìn)行統(tǒng)計(jì)，可以查看熱門文章

查看文章詳細(xì)要能支持markdown語法

實(shí)現(xiàn)過程

引進(jìn)weui,下載weui的css的文件，把下載的weuicss文件放到項(xiàng)目static/weui/路徑下面。

下載地址：https://github.com/KuangPF/mp...

新建首頁，可以查看所有文章，用圖文組合列表樣式，顯示文章列表，新建一個方法用來調(diào)用后臺接口獲取文章列表

export function getRequest(url, data) {
  var getRequest = wxPromisify(wx.request)
  return getRequest({
    url: url,
    method: "GET",
    data: data,
    header: {
      "Content-Type": "application/json"
    }
  })
}

然后再頁面就可以調(diào)用后臺接口了，

      wxRequest.getRequest("http://localhost:8763/permiBlog/getAllBlog",params).then(res=>{
       console.log(res.data.code);
       if(res!=null && res.data.code=="0"){
            for(var i=0;i

需要注意的是，小程序調(diào)用后臺接口，是要用域名并且是https協(xié)議來調(diào)用，本地調(diào)試的時候，要設(shè)置為不校驗(yàn)合法域名


首頁還實(shí)現(xiàn)了上拉到底部，再獲取分頁數(shù)據(jù)的功能，首先在app.json的windows配置


"enablePullDownRefresh": true
然后再首頁實(shí)現(xiàn)兩個方法


// 上拉加載
onReachBottom: function () {
    //執(zhí)行上拉執(zhí)行的功能      
 this.getArticleList(this.page+1,5);
},
// 停止下拉刷新
async onPullDownRefresh() {
 // to doing..
  // 停止下拉刷新
 wx.stopPullDownRefresh();
},



這樣小程序首頁就完成了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/72775.html

相關(guān)文章

  • mp-vue搭建博客小程序(一)

    摘要：開發(fā)前準(zhǔn)備申請小程序開發(fā)者賬號登陸微信開發(fā)者平臺下載微信小程序開發(fā)工具安裝這樣一個基于的小程序項(xiàng)目就建成了，再打開微信開發(fā)工具，指到該項(xiàng)目路徑，就可以預(yù)覽到小程序的界面了，如下以下是新建的小程序的代碼結(jié)構(gòu)小程序的前后端代碼地址 開發(fā)前準(zhǔn)備 申請小程序開發(fā)者賬號,登陸微信開發(fā)者平臺 下載微信小程序開發(fā)工具 安裝mp-vue vue init mpvue/mpvue-quickstar...

    elva 評論0 收藏0

  • vue express mongodb 電商項(xiàng)目(二)

    摘要：最近花了幾天時間把原來寫的這個商城項(xiàng)目又改進(jìn)了一點(diǎn)部署到企鵝云粗略的把項(xiàng)目打包了一下然后部署到了騰訊云試一下效果既然都丟上去了那也就留一個線上體驗(yàn)的地址我看資料都要搞個我在云主機(jī)上也按了一個但怎么配置怎么搞這個反向代理負(fù)載均衡啊還是一頭霧水 最近花了幾天時間把原來寫的這個商城項(xiàng)目又改進(jìn)了一點(diǎn) 部署到企鵝云 粗略的把項(xiàng)目打包了一下,然后部署到了騰訊云,試一下效果,既然都丟上去了,那也就留...

    zhangqh 評論0 收藏0

  • 學(xué)習(xí)Python想放棄，因?yàn)槟銢]有培養(yǎng)自己的興趣！

    摘要：為啥你天天刷抖音一點(diǎn)都不煩，因?yàn)槟阌X得視頻好看你有興趣啊。比如我們說你玩是不是要開始搭建一個自己的網(wǎng)站，是不是可以自己寫一個小的腳本來自動發(fā)消息給你的女朋友等等，通過這樣的小例子來慢慢的培養(yǎng)自己的學(xué)習(xí)的興趣。學(xué)習(xí)，切勿貪快貪多。 大家好，我是菜鳥哥！ 周末啦，跟大家聊一下我們粉絲團(tuán)的情況...

    ideaa 評論0 收藏0

  • hapi框架搭建記錄(二)：路由改造和生成接口文檔

    摘要：框架，用官網(wǎng)的簡介來說就是是構(gòu)建應(yīng)用程序和服務(wù)的豐富框架，它使開發(fā)人員能夠?qū)Ｗ⒂诰帉懣芍赜玫膽?yīng)用程序邏輯，而不是花時間構(gòu)建基礎(chǔ)設(shè)施。用自己的話簡單來說，就是個類似，之類的服務(wù)基礎(chǔ)框架。 showImg(https://segmentfault.com/img/bVbrV3m?w=572&h=350); hapi框架，用官網(wǎng)的簡介來說就是：Hapi是構(gòu)建應(yīng)用程序和服務(wù)的豐富框架，它使開...

    opengps 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<