# frog-video

**Repository Path**: ruidong/frog-video

## Basic Information

- **Project Name**: frog-video
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-22
- **Last Updated**: 2025-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# sv

Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```sh
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```sh
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```sh
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

- 额外安装 daisyui(https://daisyui.com/docs/themes/)
- 额外安装 heroicon(https://heroicons.com/outline)


```bash
npm install @iconify/svelte @iconify/json
```

```sveltehtml
<script>
  import Icon from '@iconify/svelte';
</script>

<!-- 使用 Heroicons 的 outline 风格 -->
<Icon icon="heroicons:home" />
<Icon icon="heroicons:arrow-path" class="w-6 h-6 text-blue-500" />

<!-- solid 风格 -->
<Icon icon="heroicons-solid:home" />

<!-- mini 风格（v2 新增） -->
<Icon icon="heroicons-mini:home" />
```

- 页面分化
```sveltehtml
.
| +layout.svelte (没有核心布局 , 仅仅引入css)
| +page.svelte (可以被替换的元素)
|--(app)
|----+layout.svelte (布局)
|--(auth)
|----(login) 
|--------+page.svelte
|----(regiter)
|--------+page.svelte

```

- 安装jsonserver
```
npm install -g json-server
```
- 在你的项目根目录（或任意目录）创建一个 db.json 文件
```bash
json-server --watch db.json --port 3001
```
```
获取
GET http://localhost:3001/users  获取users中所有的数据 获取得到的是数组

GET /users/1       获取users中id=1的数据 得到的是对象

GET /users?name=Alice  获取name=Alice 得到的是 数组
```

```
提交
POST /users
Content-Type: application/json

{ "id": "3", "name": "子虎", "email": "zihu@example.com" },
```

```
整体修改  : 所有的数据格式 全部写一遍

PUT /users/3
Content-Type: application/json

{ "id": "3", "name": "子龙", "email": "zilong@example.com" }
```

```
部分修改修改 

PATCH /users/3
Content-Type: application/json

{ "name": "子凤" }
```


```
DELETE /users/3
```