《大营销平台系统设计实现》 - 前端页面 第1节：React工程创建和抽奖组件使用

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！😄

• 本章难度：★★☆☆☆
• 本章重点：通过 React 搭建前端抽奖页面工程，涵盖大转盘、九宫格两种样式。
• 课程视频：https://t.zsxq.com/177fNsBdm (opens new window)

版权说明：©本项目与星球签约合作，受《中华人民共和国著作权法实施条例》 (opens new window) 版权法保护，禁止任何理由和任何方式公开(public)源码、资料、视频等内容到Github、Gitee等，违反可追究进一步的法律行动。

一、本章诉求

大营销平台是一个后端Java系统，核心的重要业务逻辑实现都会在后端代码实现上。但为了保证项目整体的完整性，让读者伙伴知道这套服务端的逻辑是怎么体现给用户的，也会提供出对应使用的前端页面。

小傅哥这里会采用 React 技术开发前端页面，对于已经具备一些 Java 编程经验的小伙伴来说，学 React 会比 vue 更加容易，因为 React 更像 Java 那种面向对象的编程方式，也不会额外的定义出非标准的语法结构。你只需要花费48小时阅读官网中文文档，即可理解 React 代码的含义。文档地址：https://zh-hans.react.dev/learn (opens new window)

二、开发环境

• Node.js v18+ - https://nodejs.org/en/download/ (opens new window)
• WebStorm 2023.1 - 对于熟悉 IntelliJ IDEA 开发的伙伴，使用这款工具会非常容易。
• 镜像源设置【提高下载速度】；官网镜像源为 https://registry.npmjs.org 需要切换为镜像源 npm config set registry https://registry.npmmirror.com/ 【查看源 npm config get registry】
• 课程资料：—— 这样两份资料基本就够入门了😄
  • 官网中文资料 https://zh-hans.react.dev/learn (opens new window)
  • 菜鸟教程 https://www.runoob.com/typescript/ts-tutorial.html (opens new window)