某境外社交平台

我要开发同款
杯具杀手2023年11月20日
124阅读
开发技术es6、elementui、typescriptvue
所属分类博客 PC网站

作品详情

负责一期所有功能模块的前端实现以及二期功能的部分前端开发
首页模块:首页对应帖子的展示,可切换默认帖子列表、关注用户帖子列表以及话题相关列表。同时还包含了热榜与用户信息的显示。
用户模块:用户的登录与注册功能(支持第三方登录),以及用户账户设置的相应功能如重置密码、更改昵称等。个人主页则实现了帖子、关注与粉丝等信息的展示,同时支持关注、取关与私信的操作。
帖子模块:帖子发布支持纯文、图片与视频三种类型,媒体文件支持预览。帖子可支持点赞、评论(支持多级评论)、分享以及查看详情操作,可进行站内与站外分享。
聊天模块:用户列表支持搜索、添加、删除以及消息提示,聊天记录根据时间自动划分,提供内容为空与未互关提示,最新消息默认置底,实现用户头像跳转,支持纯文、图片以及分享链接的发送。
消息模块:页面顶部与消息页会根据用户获得的点赞、获赞与评论等操作显示相应信息,并支持跳转、删除与评论等后续交互,同时区分已读消息与未读消息。
支付模块:支持用户绑卡。
该项目所涉及到的重难点如下:
1、Nuxt3实现服务端渲染,保证了良好的SEO效果,同时采用nuxt-api-party实现了对外部后端接口的转发。
2、选用Tiptap作为富文本编辑器,并进行了一定程度的二次封装。采用Nuxt插件的形式处理原生WebSocket,并采用Protobufjs实现在线聊天的Protobuf协议。
3、采用Unocss与ElementPlus实现了对样式的高度定制,并封装了大量基础组件,同时项目采用TypeScript以达到类型限制的目的,保证了项目的可维护性与可拓展性。
4、结合VueUse实现了一些更加精细的控制与表现效果。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论