# t1-vite-vue-typescript-demo

**Repository Path**: t1ykf/t1-vite-vue-typescript-demo

## Basic Information

- **Project Name**: t1-vite-vue-typescript-demo
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-03
- **Last Updated**: 2024-07-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

T1 后端云 Vite4+Vue3+TypeScript 例子

本文档是 T1 后端云 官方提供的 Vite4+Vue3+TypeScript 例子，方便 Web 前端 开发人员快速使用 T1 进行后端开发。
![alt 截屏](./src/assets/sc.png)

# 前期准备

## 克隆代码

```shell
git clone git@github.com:t1ykf/t1-vite-vue-typescript-demo.git
```

## 安装依赖

```shell
cd t1-vite-vue-typescript-demo
npm install
```

## 运行

```shell
npm run dev
```

## 环境变量配置

打开项目中的`.env.dev`和`.env.prod`，修改其中的 APPID 以及 API Key，Secret Key，生产环境请一定将域名替换为自己的域名！

```bash
# 您的 Application ID
VITE_APP_APP_ID = '1001'
# 您的 API Key
VITE_APP_API_KEY = '2c6118c4e02b40fe96f5c40ee1dc5561'
# 您的 Secret Key
VITE_APP_SECRET_KEY = '650bd657da0243b282d9cab6d75a80ff'
# 您的T1后端云域名（生产环境下，我建议你将域名替换为你自己的域名）
VITE_APP_T1Y_API = 'https://api.t1y.net'
```

# 封装说明

在项目中的 `api` 文件夹下，封装了 `axios.ts` 以及 `t1y.ts`，这两个文件是核心文件，可以多阅读理解一下，在使用的时候只需要导入 `t1y.ts` 中的 `T1YClient` 类即可

-   导入 T1YClient 类

```typescript
import { T1YClient } from './api/t1y.ts'
```

-   创建一条数据

```typescript
const createOne = () => {
    T1YClient.createOne(table, data).then((res: any) => {
        // 创建成功
        // 数据唯一ID标识：res.data.objectId
        ElMessage.success(res.message)
    })
}
```

-   删除一条数据

```typescript
// 删除一条数据
const deleteOne = () => {
    T1YClient.deleteOne(table, objectID.value).then((res: any) => {
        // 删除成功
        ElMessage.success(res.message)
    })
}
```

-   修改一条数据

```typescript
const updateOne = () => {
    T1YClient.updateOne(table, objectID.value, { $set: { age: 22 } }).then(
        (res: any) => {
            // 修改成功
            ElMessage.success(res.message)
        },
    )
}
```

-   查询一条数据

```typescript
const readOne = () => {
    T1YClient.readOne(table, objectID.value).then((res: any) => {
        // 查询成功
        result.value = res.data.data
        ElMessage.success(res.message)
    })
}
```

-   查询全部数据（分页查询）

```typescript
const readAll = () => {
    T1YClient.readAll(table, 1, 10).then((res: any) => {
        // 查询成功
        result.value = res.data.data
        ElMessage.success(res.message)
    })
}
```