扎金花网站怎么做怎么自己创建一个网页

扎金花网站怎么做,怎么自己创建一个网页,山东省建设机械协会网站,昆明网站推广优化令#基础用法npx swagger-typescript-api generate -p http://localhost:5000/swagger/v1/swagger.json -o src/api -n index.ts如果是用 bun#xff0c;则把 npx 替换为 bunx我测试之后发现使用最基础的这个命令#xff0c;把全部接口都放在一个文件反而最好#xff0c;其他…令#基础用法npx swagger-typescript-api generate -p http://localhost:5000/swagger/v1/swagger.json -o src/api -n index.ts如果是用 bun则把 npx 替换为 bunx我测试之后发现使用最基础的这个命令把全部接口都放在一个文件反而最好其他的比如 --modular 模块化参数经常会导致生成的代码报错。可用命令行参数一览#整理自官方文档和 Fig.io-v, --version输出当前工具版本-p, --path 路径或 URL指定 Swagger/OpenAPI 文档的位置本地路径或网络 URL-o, --output 目录路径输出生成文件的目录默认 ./-n, --name 文件名指定输出 TypeScript API 文件名默认 Api.ts-t, --templates 模板路径使用自定义 EJS 模板渲染生成逻辑-d, --default-as-success将 default 响应状态码也视为成功响应一些 Swagger 用 default默认 false-r, --responses生成额外的请求响应信息包括出错类型的 typings--union-enums将所有枚举生成成 TypeScript 联合类型T1 | T2 | TN--add-readonly为生成的属性添加 readonly 修饰--route-types生成 API 路由相关的类型定义如参数类型等--client / --no-client是否生成 API 调用类默认 --client执行 --no-client 则只生成类型/数据层--enum-names-as-values使用 x-enumNames 的值作为 enum 值而不仅是 key默认 false--extract-request-params / --extract-request-body / --extract-response-body / --extract-response-error将请求参数、请求体、响应体或错误响应提取成独立的数据契约类型--modular将 http client、数据契约、路由等代码拆分成多个文件模块化--js生成 JavaScript 模块和对应的 .d.ts 声明文件--module-name-index 索引在模块化生成时决定从路径的哪个部分做索引分组--module-name-first-tag根据 API 的第一个 Tag 划分模块网络设置--disableStrictSSL禁用严格 SSL 验证--disableProxy禁用代理HTTP 客户端选择--axios生成以 axios 为底层客户端的请求代码其他默认使用 fetch 或抽象--unwrap-response-data自动拆解响应中的 data 字段直接返回内部数据--disable-throw-on-error遇到 response.ok ! trueHTTP 错误时不抛异常默认 false--single-http-client生成 API 类时支持传入单一的 HTTP client 实例默认 false输出控制--silent只输出错误信息其它静默类型生成配置--default-response Type响应 schema 为空时的默认类型--type-prefix 前缀 / --type-suffix 后缀自定义数据模型名称前后缀其他选项--clean-output清理输出目录注意会删除旧文件--api-class-name 类名指定生成的 API 类名称--patch修正 Swagger 源定义中的一些小错误--debug输出额外调试信息--another-array-type生成 ArrayType 形式数组而非 Type[]默认 false--sort-types对字段和类型排序默认 false--extract-enums将所有枚举从 inline interface 中提取为独立的 TS enum帮助命令--help, -h列出所有命令帮助信息在 Next.js 里使用例子#以生成 StarBlog 的 API 接口为例在 Next.js 项目中的目录结构是这样的其中 photo.ts 和 blog.ts 是生成的lib├─ api│ └─ starblog│ ├─ photo.ts│ ├─ client.ts│ └─ blog.ts└─ source.ts这里需要创建一个 client.ts 方便使用代码import { Api as BlogApi } from ./blog;import { Api as PhotoApi } from ./photo;// 直接导出类型export type { Post, Photo, FeaturedPost, PostListApiResponse, PostApiResponsePaged } from ./blog;export type { PhotoApiResponsePaged } from ./photo;/*** 获取API基础URL* param baseUrl 可选的基础URL* returns 最终的API基础URL*/function getApiBaseUrl(baseUrl?: string): string {// 在服务端环境中优先使用服务端API URLreturn typeof window undefined? (process.env.API_BASE_URL || baseUrl || process.env.NEXT_PUBLIC_API_BASE_URL || http://localhost:5000): (baseUrl || process.env.NEXT_PUBLIC_API_BASE_URL || http://localhost:5000);}/*** 创建博客API客户端* param baseUrl 可选的基础URL* returns 博客API实例*/export function createBlogApi(baseUrl?: string): BlogApiunknown {return new BlogApi({baseUrl: getApiBaseUrl(baseUrl),customFetch: fetch,});}/*** 创建照片API客户端* param baseUrl 可选的基础URL* returns 照片API实例*/export function createPhotoApi(baseUrl?: string): PhotoApiunknown {return new PhotoApi({baseUrl: getApiBaseUrl(baseUrl),customFetch: fetch,});}// 为了向后兼容保留原有的函数名export const createStarBlogApiClient createBlogApi;在页面里请求import {createBlogApi, createPhotoApi, Post, Photo} from /lib/api/starblog/client;/*** 获取推荐博客文章*/async function getFeaturedPosts(): PromisePost[] {try {const blogApi createBlogApi();const response await blogApi.api.blogFeaturedList();if (response.data?.successful response.data?.data) {return response.data.data;}return [];} catch (error) {console.error(获取推荐文章失败:, error);return [];}}/*** 获取摄影作品*/async function getPhotos(): PromisePhoto[] {try {const photoApi createPhotoApi();console.log(正在获取摄影作品API基础URL:, process.env.NEXT_PUBLIC_API_BASE_URL);const response await photoApi.api.photoList({page: 1, pageSize: 8});console.log(摄影作品API响应:, response.data);if (response.data?.successful response.data?.data) {console.log(获取到的摄影作品数量:, response.data.data.length);response.data.data.forEach((photo, index) {console.log(摄影作品 ${index 1}:, {id: photo.id,title: photo.title,filePath: photo.filePath,fullUrl: ${process.env.NEXT_PUBLIC_API_BASE_URL}/media/photography/${photo.filePath}});});return response.data.data;}console.warn(摄影作品API响应不成功或无数据);return [];} catch (error) {console.error(获取摄影作品失败:, error);return [];}}export default async function HomePage() {// 在服务端并行获取数据const [posts, photos] await Promise.all([getPosts(),getPhotos()]);return (divBlogPostsposts{posts}baseUrl{process.env.NEXT_PUBLIC_API_BASE_URL || }/PhotoGalleryphotos{photos}baseUrl{process.env.NEXT_PUBLIC_API_BASE_URL || }//div)