微信小程序开发的仿微信通讯小程序

项目地址: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!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章