tiki电商平台-tiki

TIKI 是一个现代化的全栈电商平台，采用 React + Node.js 技术栈构建。平台核心业务包括商品展示、购物车管理和用户认证三大模块。
主要功能：
商品浏览系统 - 支持商品列表展示、分类导航、商品详情查看，提供热卖商品和每日新发现推荐功能，帮助用户快速发现心仪商品。
购物车管理 - 用户可添加商品到购物车、调整数量、删除商品，购物车数据持久化存储，支持跨会话访问。
用户认证系统 - 基于 JWT 的安全认证机制，支持用户注册、登录和身份验证，保护用户隐私和购物数据。
多语言支持 - 内置国际化框架，支持多语言切换，提升全球用户体验。
响应式设计 - 采用 Tailwind CSS 构建，完美适配桌面端和移动端设备。
平台采用前后端分离架构，使用 MongoDB 数据库，提供 RESTful API 接口，代码结构清晰，易于扩展和维护。

TIKI 电商平台采用现代化的前后端分离架构，遵循三层架构模式。系统分为前端展示层、后端服务层和数据持久层，通过 RESTful API 进行通信。这种架构设计保证了系统的可扩展性、可维护性和模块间的低耦合。

前端采用组件化设计思想，分为页面层、容器层和展示层三个层次。页面层负责路由对应的顶层组件，容器层包含业务逻辑，展示层提供纯 UI 组件。状态管理采用 Zustand 实现，支持购物车、用户认证和语言偏好的全局状态管理，并通过本地存储实现数据持久化。

后端采用 MVC 模式的变体，分为路由层、控制器层、服务层和数据访问层。路由层定义 API 端点，控制器层处理请求响应，服务层封装业务逻辑，数据访问层通过 Mongoose ODM 与 MongoDB 交互。这种分层设计使得业务逻辑与数据访问解耦，便于单元测试和功能扩展。
前端技术栈：使用 React 18 作为 UI 框架，TypeScript 提供类型安全，Tailwind CSS 实现响应式样式。React Router 负责路由管理，Zustand 进行轻量级状态管理，Axios 作为 HTTP 客户端，i18next 实现国际化支持。构建工具采用 Vite，提供快速的开发体验和高效的生产构建。

后端技术栈：基于 Node.js 18+ 运行时，Express.js 作为 Web 框架，TypeScript 确保代码质量。MongoDB 作为 NoSQL 数据库，Mongoose 提供优雅的数据建模。JWT 实现无状态身份认证，bcrypt 进行密码加密。中间件包括认证验证、错误处理和输入验证，保障系统安全性。

数据模型设计：定义了 User（用户）、Product（商品）、Category（分类）和 Cart（购物车）四个核心模型。用户模型支持邮箱验证和密码加密，商品模型包含价格、库存和分类信息，购物车模型关联用户和商品，支持数量管理和总价计算。模型间通过外键关联，形成完整的数据关系网络。

安全与性能：系统实现了完整的安全机制，包括 JWT token 认证、密码哈希存储、CORS 跨域配置和输入验证。性能优化方面，前端支持图片懒加载和代码分割，后端通过数据库索引和查询优化提升响应速度。数据持久化通过本地存储和 MongoDB 双重保障，确保用户数据不丢失。