【亲测免费】 年会抽奖程序安装与使用指南

项目目录结构及介绍

Lottery
├── product
│   ├── src
│   │   ├── lottery
│   │   │   └── index.js
│   │   ├── lib
│   │   ├── img
│   │   ├── css
│   │   └── data
│   ├── package.json
│   └── webpack.config.js
├── server
│   ├── config.js
│   ├── server.js
│   └── package.json

• product: 前端页面目录，包含源代码、图片、样式文件等。
  • src: 源代码目录。
    • lottery: 抽奖程序的核心代码。
    • lib: 库文件。
    • img: 图片资源。
    • css: 样式文件。
    • data: 数据文件，如抽奖人员信息。
  • package.json: 前端项目的依赖配置文件。
  • webpack.config.js: Webpack 配置文件。
• server: 服务器目录，包含服务器配置和启动文件。
  • config.js: 奖品信息配置文件。
  • server.js: 服务器启动文件。
  • package.json: 服务器项目的依赖配置文件。

项目的启动文件介绍

服务器启动文件

server/server.js 是服务器的启动文件，负责启动 Express 服务器并加载相关配置。

前端启动文件

product/src/lottery/index.js 是前端页面的入口文件，负责初始化抽奖程序并加载相关资源。

项目的配置文件介绍

服务器配置文件

server/config.js 是服务器的配置文件，主要用于配置奖品信息。配置项包括：

• type: 奖品类型，唯一标识符。
• count: 奖品数量。
• text: 奖品名称。
• title: 奖品描述。
• img: 奖品图片 URL。

示例配置：

let prizes = [
  { type: 0, count: 1000, title: "", text: "Special Price" },
  { type: 1, count: 2, text: "Special Price", title: "Mystery jackpot", img: "/img/secrit.jpg" },
  { type: 2, count: 5, text: "First prize", title: "Mac Pro", img: "/img/mbp.jpg" }
];

前端配置文件

product/webpack.config.js 是前端的 Webpack 配置文件，用于打包和构建前端资源。

通过以上配置和启动文件，您可以顺利安装和运行年会抽奖程序。