微信小程序開發的仿微信通訊小程序

項目地址:jinjidecj/wechat-imitate

1.前端框架-vant

使用vant小程序版前端框架進行開發。

引入 vant

1.進入小程序根目錄,打開cmd,輸入:npm init

輸入命令後一直點回車

2.輸入命令:npm i @vant/weapp -S --production

打開微信開發者工具,點擊 工具 -> 構建 npm,並勾選 使用 npm 模塊 選項,構建完成後,即可引入組件

2.功能

賬戶體系

在這裏插入圖片描述在這裏插入圖片描述

個人主頁

直接顯示從微信獲取的個人信息

在這裏插入圖片描述

好友

實現好友列表,好友請求列表,好友請求功能

在這裏插入圖片描述在這裏插入圖片描述在這裏插入圖片描述

聊天

在好友列表發起聊天后,會在聊天列表顯示,底部菜單欄會顯示紅點以提示收到好友消息
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發現頁功能

時事新聞功能使用聚合數據的api
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

3.後臺

使用時需修改IP地址,文件路徑爲:utils/common.js

後臺項目:jinjidecj/wechat-imitate-server

僅供學習,禁止商業用途,歡迎star!