Giter Club home page Giter Club logo

evi1j / mallchatweb Goto Github PK

View Code? Open in Web Editor NEW

This project forked from evansy/mallchatweb

0.0 0.0 0.0 3 MB

mallchat的前端项目,是一个既能购物又能聊天的电商系统。以互联网企业级开发规范的要求来实现它,电商该有的购物车,订单,支付,推荐,搜索,拉新,促活,推送,物流,客服,它都必须有。持续更新ing

Home Page: https://mallchat.cn

License: Apache License 2.0

Shell 0.13% JavaScript 1.27% TypeScript 43.07% CSS 2.23% HTML 0.18% Vue 37.97% SCSS 15.15%

mallchatweb's Introduction

MallChat-抹茶

一个既能购物又能即时聊天的电商系统。致力于打造互联网企业级项目的最佳实践。
电商该有的购物车、订单、支付、推荐、搜索、拉新、促活、推送、物流、客服、它都必须有。持续更新 ing~

项目导航

  1. 快速体验地址抹茶聊天首页
  2. 后端项目仓库MallChat
  3. 项目视频记录Bilibili 地址 全程分享项目进度,功能选型的思考,同时征集迭代建议。
  4. 项目学习文档:10w+字,保姆级教学路线,环境搭建、核心功能、基建轮子、接口压测、问题记录、一个不落。可点击抹茶项目文档查看(内含 500 人交流大群)
  5. 项目交流群:对抹茶感兴趣的,可以加入交流群。你的每一个举动,都会决定项目未来的方向。无论是提意见做产品经理,还是找 bug 做个测试人员,又或者加入开发小模块成为 contributer,都欢迎你的加入。
  6. 码云仓库https://gitee.com/Evansy/MallChatWeb (国内访问速度更快)

项目介绍

抹茶聊天是一个 IM 项目,通过 netty 实现和前端的 websocket 连接。内含微信扫描登录,成员列表,上下线动画,消息列表,消息互动,还有很多实用的小轮子列如 aop 日志,分布式锁注解,频控注解,ip 解析归属地等,持续更新中。。。

项目演示

项目启动及部署

  • 环境: node 16.18+, 包管理工具 pnpm (安装完 node 执行 npm i pnpm -g 即可);
  • 安装依赖: clone 工程之后,执行 pnpm i
    • npm 安装报错, 命令后加参数 npm i --ignore-scripts 忽略 scripts 相关依赖即可解决 p9211Ag.png
    • 推荐使用 pnpm, 安装依赖不会有 因为网络而失败 的问题
  • 启动: 按 F5 即可自动执行 pnpm run dev 并且打开浏览器
  • 部署
    • 部署到本地:执行 pnpm build 构建完成后把 dist 文件夹 放到服务器,并配置 nginx 即可
    • 自动 CI/CD:通过 github actions 在代码提交到 GitHub 之后自动构建并部署到服务器, 详细参考可查看 deploy.yml

C 端项目

p92nKne.png

技术选型

前端技术

技术 说明 官网
Vue3 前端流行开发框架 https://cn.vuejs.org
Pinia vue3 官方推荐状态管理框架 https://pinia.vuejs.org
vue-router Vue 的官方路由 https://router.vuejs.org
TypeScript 让 JS 具备类型声明 https://www.typescriptlang.org/
Element Plus 缓基于 vue3 的组件库 https://element-plus.gitee.io
Alova 轻量级的请求策略库,用起来负担比 axios 小 https://alova.js.org/
vite 极速的前端打包构建工具 https://cn.vitejs.dev
pnpm 速度快、节省磁盘空间的软件包管理器 https://www.pnpm.cn

后端技术

MallChat

后端环境搭建

在项目目录下的application.yml修改自己的启动环境spring.profiles.active = test然后找到同级文件application-test.properties,填写自己的环境配置。星球成员提供一套测试环境配置,可直连

项目文档

保姆级教学路线,环境搭建、核心功能、性能优化、埋点上报、问题记录、项目亮点一个不落。点击 项目文档

更多有趣功能在持续更新中。。。

p92Qa2q.png

star 趋势图

Stargazers over time

贡献

贡献之前请先阅读 行为准则 和 贡献指南。感谢所有为 MallChat 做过贡献的人!

前端:

后端:

优秀贡献者:

类别 用户 贡献模块
前端 图片、语音、文件类型消息收发
消息互动操作(撤回、点赞、删除)
虚拟列表
后端 DFA敏感词检测
OpenAI聊天机器人
Ac自动机敏感词检测
限流编程式
握手认证

公众号

微信搜索 阿斌 Java 之路 关注我的原创公众号,后台回复「抹茶」即可加入抹茶交流群,一些做过公司万人群聊,高并发的小伙伴都在里面讨论方案。公众号也会经常更新项目相关的文档,等你来撩~~

p9211Ag.png

mallchatweb's People

Contributors

evansy avatar oljc avatar kkuil avatar neper98 avatar czh1998yr avatar auyuhui avatar essentric avatar zongzibinbin avatar xyqfei avatar sunzsh avatar elloit333 avatar nightminggit avatar yangfei1929 avatar li-junpeng avatar arsize avatar wangwenke95 avatar 14kay avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.