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

didikee 發布于2019-08-16 14:02 / 1351人閱讀

摘要：本項目的功能可以查看所有發布的文章，并且可以看到文章的所屬標簽和發布時間可以按標簽分類查看文章可以對文章進行評論對文章的點擊量進行統計，可以查看熱門文章查看文章詳細要能支持語法實現過程引進下載的的文件，把下載的文件放到項目路徑下面。

本項目的功能

可以查看所有發布的文章，并且可以看到文章的所屬標簽和發布時間

可以按標簽分類查看文章

可以對文章進行評論

對文章的點擊量進行統計，可以查看熱門文章

查看文章詳細要能支持markdown語法

實現過程

引進weui,下載weui的css的文件，把下載的weuicss文件放到項目static/weui/路徑下面。

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

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

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

然后再頁面就可以調用后臺接口了，

      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
需要注意的是，小程序調用后臺接口，是要用域名并且是https協議來調用，本地調試的時候，要設置為不校驗合法域名

首頁還實現了上拉到底部，再獲取分頁數據的功能，首先在app.json的windows配置
"enablePullDownRefresh": true
然后再首頁實現兩個方法
// 上拉加載
onReachBottom: function () {
    //執行上拉執行的功能      
 this.getArticleList(this.page+1,5);
},
// 停止下拉刷新
async onPullDownRefresh() {
 // to doing..
  // 停止下拉刷新
 wx.stopPullDownRefresh();
},

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

GPU云服務器云服務器小程序二次開發搭建小程序免費搭建小程序微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/72775.html

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

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

elva 2019-08-16 14:02 評論0 收藏0
vue express mongodb 電商項目(二)

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

zhangqh 2019-08-22 16:34 評論0 收藏0
學習Python想放棄，因為你沒有培養自己的興趣！

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

ideaa 2021-11-23 09:51 評論0 收藏0
hapi框架搭建記錄(二)：路由改造和生成接口文檔

摘要：框架，用官網的簡介來說就是是構建應用程序和服務的豐富框架，它使開發人員能夠專注于編寫可重用的應用程序邏輯，而不是花時間構建基礎設施。用自己的話簡單來說，就是個類似，之類的服務基礎框架。 showImg(https://segmentfault.com/img/bVbrV3m?w=572&h=350); hapi框架，用官網的簡介來說就是：Hapi是構建應用程序和服務的豐富框架，它使開...

opengps 2019-08-23 17:11 評論0 收藏0