# study通全服务

**Repository Path**: ZhenYJ/chaoxin

## Basic Information

- **Project Name**: study通全服务
- **Description**: Hello study通全服务
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2022-03-26
- **Last Updated**: 2025-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: xxt

## README

# 签到前端

基于 React、TypeScript, 使用 Material UI 组件库构建。

> 注意：本页面只针对此前端项目进行介绍，后端使用 Docker 配置见下。

## 描述

流程：导入项目 -> 安装依赖 -> 构建项目 -> 部署

命令描述：

- `yarn install` ，安装依赖，如果时间太长请尝试挂代理或使用淘宝源。
- `yarn dev` ，启动开发服务器，不要忘记把接口服务也运行起来。
- `yarn build` ，构建项目，输出到 dist 文件夹。

## 前端配置

`src/config/api.ts` ：该文件中配置 `baseUrl` 变量为接口地址，默认 `http://127.0.0.1:5000` 。若接口部署在服务器，不要忘记将接口地址改为服务器IP或绑定的域名。

## 实践

步骤：
1. 在本地的项目目录下运行 `yarn build` 或 `npm run build` ，将构建网页并输出到 dist 目录下。
2. 将 dist 目录内的所有内容（不包括dist文件夹），在静态网站托管页面上传。

## 后端操作步骤

> 后端使用 Docker 部署。若不会 Docker 请勿使用。

- 1.在终端输入`docker run --name xxtqd -p 5000:5000 -d upman01/xxtqdrear:1.0`即可运行 Docker 容器

- 2.在浏览器输入`http://127.0.0.1:5000`即可看到信息。这个`http://127.0.0.1:5000`地址就是后端的API地址

#### 定期更新

## 免责声明

本项目仅作为交流学习使用，通过本项目加深网络通信、接口编写、交互设计等方面知识的理解，请勿用作商业用途，任何人或组织使用项目中代码进行的任何违法行为与本人无关。