首页 专区 Skill 文章 专题 AI工具 学习 编程手册

PHP MySQL jquery HTML CSS
首页 > Skill > 开发编程

Skill to manage and update google sheet

Polar Sponsor
爱发电 赞助
.NET 9.0
立即下载

使用 Google Sheets API（Node.js SDK）读取、写入、追加和管理 Google 表格。适用于读取数据、写入/更新单元格、追加行、清空范围、格式化单元格及管理工作表。需拥有已启用 Sheets API 的 Google Cloud 服务账号。

Google 工作表 技能

功能概述

Google 工作表 技能是一项面向实际任务的技能，主要用于使用服务账户与 Google 工作表交互.；Setup( 一次性).；

核心要点

  • Google Cloud Console::.；
  • Create/ 选择一个项目.；
  • Enable "Google Sheets API".；

使用与执行

Create a Service Counter( IAM – S).。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；

结果检查与注意事项

若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。

Google Sheets 技能

使用服务账号与 Google Sheets 进行交互。

配置（一次性）

  1. Google Cloud Console：

    • 创建或选择一个项目
    • 启用“Google Sheets API”
    • 创建服务账号（IAM → 服务账号 → 创建）
    • 下载 JSON 密钥文件

  2. 配置凭据（以下任选其一）：

    • 设置环境变量：GOOGLE_SERVICE_ACCOUNT_KEY=/path/to/key.json
    • 将 service-account.json 或 credentials.json 放入技能目录中
    • 将文件放入 ~/.config/google-sheets/credentials.json

  3. 共享表格：将目标 Google Sheet 共享给服务账号邮箱（该邮箱位于 JSON 密钥文件中，字段为 client_email）

  4. 安装依赖：

    cd skills/google-sheets && npm install

使用方法

node scripts/sheets.js  [args]

命令列表

数据操作

命令 参数 说明
read 读取单元格内容
write 写入数据
append 追加行
clear 清空指定区域

格式设置

命令 参数 说明
format 设置单元格格式
getFormat 获取单元格格式信息
borders [styleJson] 添加边框
copyFormat 在两个区域之间复制格式
merge 合并单元格
unmerge 取消合并单元格

布局控制

命令 参数 说明
resize 调整列宽或行高（单位：像素）
autoResize 自动调整列宽以适应内容
freeze [rows] [cols] 冻结行或列

工作表管理

命令 参数 说明
create </code></td> <td>新建电子表格</td> </tr> <tr> <td><code>info</code></td> <td><code><id></code></td> <td>获取电子表格元数据</td> </tr> <tr> <td><code>addSheet</code></td> <td><code><id> <title></code></td> <td>新增工作表标签页</td> </tr> <tr> <td><code>deleteSheet</code></td> <td><code><id> <sheetName></code></td> <td>删除指定名称的工作表标签页</td> </tr> <tr> <td><code>renameSheet</code></td> <td><code><id> <oldName> <newName></code></td> <td>重命名工作表标签页</td> </tr> </tbody></table> <h2>示例</h2> <pre># 读取数据 node scripts/sheets.js read "SPREADSHEET_ID" "Sheet1!A1:C10" # 写入数据 node scripts/sheets.js write "SPREADSHEET_ID" "Sheet1!A1:B2" '[["Name","Score"],["Alice",95]]' # 设置单元格格式（黄色背景、加粗） node scripts/sheets.js format "SPREADSHEET_ID" "Sheet1!A1:B2" '{"backgroundColor":{"red":255,"green":255,"blue":0},"textFormat":{"bold":true}}' # 将一个区域的格式复制到另一个区域 node scripts/sheets.js copyFormat "SPREADSHEET_ID" "Sheet1!A1:C3" "Sheet1!D1:F3" # 添加边框 node scripts/sheets.js borders "SPREADSHEET_ID" "Sheet1!A1:C3" # 将列宽调整为 150 像素 node scripts/sheets.js resize "SPREADSHEET_ID" "Sheet1" cols A C 150 # 自动调整列宽 node scripts/sheets.js autoResize "SPREADSHEET_ID" "Sheet1" A Z # 冻结首行和首列 node scripts/sheets.js freeze "SPREADSHEET_ID" "Sheet1" 1 1 # 新增工作表标签页 node scripts/sheets.js addSheet "SPREADSHEET_ID" "NewSheet" </pre> <h2>格式选项</h2> <pre>{ "backgroundColor": {"red": 255, "green": 255, "blue": 0}, "textFormat": { "bold": true, "italic": false, "fontSize": 12, "foregroundColor": {"red": 0, "green": 0, "blue": 0} }, "horizontalAlignment": "CENTER", "verticalAlignment": "MIDDLE", "wrapStrategy": "WRAP" } </pre> <h2>边框样式</h2> <pre>{ "style": "SOLID", "color": {"red": 0, "green": 0, "blue": 0} } </pre> <p>支持的边框样式：DOTTED、DASHED、SOLID、SOLID_MEDIUM、SOLID_THICK、DOUBLE</p> <h2>查找 Spreadsheet ID 的方法</h2> <p>从 URL 中提取：<code>https://docs.google.com/spreadsheets/d/SPREADSHEET_ID/edit</code></p> <h2>故障排查</h2> <ul> <li><strong>403 Forbidden</strong>：未将电子表格共享给服务账号邮箱</li> <li><strong>404 Not Found</strong>：Spreadsheet ID 或工作表名称错误</li> </ul> </div> </div> </div> <div class="list-downs"> <div class="authormore"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>作者最新文章</p> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3421215.html" title="如何确保 Java 记录（record）中集合字段真正不可变"><b></b> <p class="overflowclass">如何确保 Java 记录（record）中集合字段真正不可变</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3421216.html" title="Konva.js 响应式画布中保持图形比例不变的完整解决方案"><b></b> <p class="overflowclass">Konva.js 响应式画布中保持图形比例不变的完整解决方案</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3421217.html" title="Go语言中变量作用域与赋值操作的正确用法"><b></b> <p class="overflowclass">Go语言中变量作用域与赋值操作的正确用法</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3421218.html" title="Duo Security Admin API 认证失败（401）的完整解决方案"><b></b> <p class="overflowclass">Duo Security Admin API 认证失败（401）的完整解决方案</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3421219.html" title="Go语言中if-else语句内的变量作用域与赋值误区详解"><b></b> <p class="overflowclass">Go语言中if-else语句内的变量作用域与赋值误区详解</p> </a> </div> </div> </div> <div class="moreAi"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门AI工具</p> </div> <a class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a> </div> <div class="moreailist flexRow"> <div class="aidcons flexRow"> <a href="/ai/726" title="豆包大模型" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">豆包大模型</p> </div> </a> <a href="/ai/2000" title="码上飞" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679953098868.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="码上飞" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">码上飞</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/920" title="Flowith" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679997048461.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="Flowith" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">Flowith</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/723" title="DeepSeek" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">DeepSeek</p> </div> </a> <a href="/ai/3574" title="立刻MV" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178599535095695.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="立刻MV" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">立刻MV</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/3024" title="小橡皮AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178477442829610.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="小橡皮AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">小橡皮AI</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/2754" title="Loomy" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/177389071339356.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="Loomy" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">Loomy</p> </div> <span class="hot_span">Hot</span> </a> <a href="/ai/4016" title="创客贴AI" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178599596380929.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="创客贴AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">创客贴AI</p> </div> <span class="hot_span">Hot</span> </a> </div> </div> </div> <div class="xgzt artLists"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关专题</p> </div> <a class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a> </div> <div class="swiper artztswiper"> <div class="swiper-wrapper"> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/gozeroapikfsy" class="aClass flexRow cldA" title="Go-Zero API开发使用教程"><img src="https://img.php.cn/upload/subject/000/000/098/6af552cdeed23517.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Go-Zero API开发使用教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gozeroapikfsy" class="clddTitle overflowclass" title="Go-Zero API开发使用教程">Go-Zero API开发使用教程</a> <p class="clddp overflowclass">本专题聚焦Go-Zero的API开发，拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则，说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式，并给出网关聚合与接口测试的实践建议。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.12</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/gozeroazygoct" class="aClass flexRow cldA" title="Go-Zero安装与goctl环境配置教程"><img src="https://img.php.cn/upload/subject/000/000/098/6af5349389c5c246.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Go-Zero安装与goctl环境配置教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gozeroazygoct" class="clddTitle overflowclass" title="Go-Zero安装与goctl环境配置教程">Go-Zero安装与goctl环境配置教程</a> <p class="clddp overflowclass">本专题围绕Go-Zero的安装与工具链配置展开，讲清Go版本要求、goctl安装方式、代理镜像、protoc依赖与环境变量设置，说明多版本共存、升级回退与CI流水线安装的做法，并整理安装阶段的常见报错与验证步骤。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.12</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/gozeroljcrmjc" class="aClass flexRow cldA" title="Go-Zero零基础入门教程"><img src="https://img.php.cn/upload/subject/000/000/098/6af52bd3506bf782.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Go-Zero零基础入门教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/gozeroljcrmjc" class="clddTitle overflowclass" title="Go-Zero零基础入门教程">Go-Zero零基础入门教程</a> <p class="clddp overflowclass">本专题整理Go-Zero的入门知识，从框架定位、环境准备到跑通第一个API服务，讲清目录分层、配置加载、日志与中间件的基本用法，并对比Gin、Kratos的差异，帮助Go开发者建立整体认知，判断它是否适合当前项目。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.12</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>15</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/postmansfrzzm" class="aClass flexRow cldA" title="Postman身份认证怎么配置"><img src="https://img.php.cn/upload/subject/000/000/085/6aed9e31a595e229.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Postman身份认证怎么配置" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/postmansfrzzm" class="clddTitle overflowclass" title="Postman身份认证怎么配置">Postman身份认证怎么配置</a> <p class="clddp overflowclass">本专题从实际API接口调试场景出发，讲解Postman身份认证的完整配置流程，包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查，帮助用户正确完成接口授权与访问验证。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.06</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>12</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/postmanqqtzms" class="aClass flexRow cldA" title="Postman请求头Headers怎么设置"><img src="https://img.php.cn/upload/subject/000/000/085/6aed9c05db78a576.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Postman请求头Headers怎么设置" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/postmanqqtzms" class="clddTitle overflowclass" title="Postman请求头Headers怎么设置">Postman请求头Headers怎么设置</a> <p class="clddp overflowclass">围绕Postman HTTP请求头配置展开，讲解Headers选项的具体使用方式，包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法，帮助用户解决接口调试过程中遇到的请求头配置问题。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.06</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>13</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/postmanjkqqfs" class="aClass flexRow cldA" title="Postman接口请求发送教程"><img src="https://img.php.cn/upload/subject/000/000/085/6aed99a246196509.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Postman接口请求发送教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/postmanjkqqfs" class="clddTitle overflowclass" title="Postman接口请求发送教程">Postman接口请求发送教程</a> <p class="clddp overflowclass">详细介绍Postman接口请求的创建与发送方法，涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看，帮助用户掌握Postman接口请求的完整操作流程。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.06</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>10</p> </div> </div> </div> </div> </div> </div> <div class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/dbeaverzmdrsj" class="aClass flexRow cldA" title="DBeaver怎么导入数据"><img src="https://img.php.cn/upload/subject/000/000/085/6aebe7f74af1d298.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="DBeaver怎么导入数据" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/dbeaverzmdrsj" class="clddTitle overflowclass" title="DBeaver怎么导入数据">DBeaver怎么导入数据</a> <p class="clddp overflowclass">DBeaver数据导入专题，整理Excel、CSV、SQL、TXT等常见文件的数据导入方法，涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作，帮助用户将本地文件中的数据写入数据库，并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.05</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>12</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/dbeaveraqfhjc" class="aClass flexRow cldA" title="DBeaver安全防护教程大全"><img src="https://img.php.cn/upload/subject/000/000/085/6aebda05b42b3419.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="DBeaver安全防护教程大全" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/dbeaveraqfhjc" class="clddTitle overflowclass" title="DBeaver安全防护教程大全">DBeaver安全防护教程大全</a> <p class="clddp overflowclass">DBeaver安全防护专题，围绕数据库连接安全、账号密码保护和访问权限管理展开，整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法，同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项，帮助用户提高数据库日常管理的安全性。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.05</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>12</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/dbeaverljcjyp" class="aClass flexRow cldA" title="DBeaver连接创建与配置教程"><img src="https://img.php.cn/upload/subject/000/000/085/6aeb1d85c0050294.webp?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="DBeaver连接创建与配置教程" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/dbeaverljcjyp" class="clddTitle overflowclass" title="DBeaver连接创建与配置教程">DBeaver连接创建与配置教程</a> <p class="clddp overflowclass">本专题聚焦DBeaver数据库连接配置与管理，覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库，整理相应的连接设置方法，并提供驱动缺失、认证失败和连接异常等问题的排查方向。</p> <div class="clddDown flexRow"> <div class="clddDown-left flexRow"> <div class="clddTime"> <b></b> <p>2026.11.04</p> </div> <div class="cldddh"> <b></b> <p>0</p> </div> <div class="cldddht"> <b></b> <p>16</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination coursesswiper-pagination"></div> <script> var mySwiper = new Swiper(".artztswiper", { autoplay: false, pagination: { el: ".coursesswiper-pagination", clickable: true, }, }); </script> </div> <div class="hotdownload "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>热门下载</p> </div> <a class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a> </div> <div class="hotdownTab"> <div class="hdTabs flexRow"> <div class="check" data-id="onef">网站特效 <b></b> </div> / <div class="" data-id="twof">网站源码 <b></b></div> / <div class="" data-id="threef">网站素材 <b></b></div> / <div class="" data-id="fourf">前端模板 <b></b></div> </div> <ul class="onef"> <li> <div class="wzrfourli flexRow"> <b></b> <a title="登录表单页面js，现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js，现代化登录页面模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="注册表单布局HTML代码，登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码，登录注册切换js模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文字透视变形设计，有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计，有趣的css滑动动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="精美登录注册UI，登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI，登录页面设计模板</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="意境背景图片唯美下载，云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载，云破月来花弄影素材</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="液体背景制作，创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作，创意液体文字动画</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="html滑块选择器，简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器，简单的滑块控制数字表达式</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a title="文本闪烁css，文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css，文字闪光动图特效</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12061" title="CodeIgniter4.6.1"><span>[开发框架]</span><span>CodeIgniter4.6.1</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12060" title="Django Web框架5.2.2"><span>[开发框架]</span><span>Django Web框架5.2.2</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12059" title="NutzFw企业级快速开发框架1.0.3"><span>[开发框架]</span><span>NutzFw企业级快速开发框架1.0.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12058" title="go-admin前后端分离权限管理系统脚手架2.2.0"><span>[开发框架]</span><span>go-admin前后端分离权限管理系统脚手架2.2.0</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12057" title="Ember.js3.28.9"><span>[开发框架]</span><span>Ember.js3.28.9</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12056" title="MaxKey单点登录认证系统3.3.3"><span>[开发框架]</span><span>MaxKey单点登录认证系统3.3.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12055" title="PHP7框架Phalcon71.2.3"><span>[开发框架]</span><span>PHP7框架Phalcon71.2.3</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4945" title="梦想之家房地产主题销售横幅海报设计下载"><span>[网站素材]</span><span>梦想之家房地产主题销售横幅海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4944" title="二十四节气小雪展板矢量模板"><span>[网站素材]</span><span>二十四节气小雪展板矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4943" title="汉堡美食宣传招贴海报设计素材下载"><span>[网站素材]</span><span>汉堡美食宣传招贴海报设计素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4942" title="秋季丰收南瓜水果边框矢量模板"><span>[网站素材]</span><span>秋季丰收南瓜水果边框矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4941" title="2027新年促销主题艺术字ps素材下载"><span>[网站素材]</span><span>2027新年促销主题艺术字ps素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4940" title="秋日湖边小屋插画矢量素材"><span>[网站素材]</span><span>秋日湖边小屋插画矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4939" title="红色风格圣诞彩球元素海报设计下载"><span>[网站素材]</span><span>红色风格圣诞彩球元素海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4938" title="美式快餐意面冷饮海报矢量模板"><span>[网站素材]</span><span>美式快餐意面冷饮海报矢量模板</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12112" title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12111" title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12110" title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12109" title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12108" title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12107" title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12106" title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/code/12105" title="黑色风格摄影工作室宣传网站模板"><span>[前端模板]</span><span>黑色风格摄影工作室宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a class="rititle-more flexRow" href="/xiazai" title=""><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div> <div class="xgwzlid flexRow"><b></b><a title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div> <div class="xgwzlid flexRow"><b></b><a title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div> <div class="xgwzlid flexRow"><b></b><a title="PHP框架Kohana3.3.1" href="/xiazai/code/12039">PHP框架Kohana3.3.1</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 <b></b> </div> / <div class="" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a href="/course/1955.html" title="Gemini Notebook官方手册"> <img src="https://img.php.cn/upload/course/000/000/086/6a5f0f753703c613.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Gemini Notebook官方手册" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1955.html" title="Gemini Notebook官方手册" class="rirightp overflowclass">Gemini Notebook官方手册</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1825.html" title="Google Cloud开发者文档"> <img src="https://img.php.cn/upload/course/000/000/081/6a20e0e73c46f833.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Google Cloud开发者文档" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1825.html" title="Google Cloud开发者文档" class="rirightp overflowclass">Google Cloud开发者文档</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1824.html" title="Veo 3 官方文档"> <img src="https://img.php.cn/upload/course/000/000/081/6a20e060c910f755.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Veo 3 官方文档" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1824.html" title="Veo 3 官方文档" class="rirightp overflowclass">Veo 3 官方文档</a> <div class="risrdown flexRow"> <p>共0课时 | 0人学习</p> </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a href="/course/639.html" title="phpStudy极速入门视频教程"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/639.html" title="phpStudy极速入门视频教程" class="rirightp overflowclass">phpStudy极速入门视频教程</a> <div class="risrdown flexRow"> <p>共6课时 | 54.7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a> <div class="risrdown flexRow"> <p>共89课时 | 134.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="risrdown flexRow"> <p>共49课时 | 82.7万人学习</p> </div> </div> </div> </div> <div class="threefd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a href="/course/1558.html" title="RunnerGo从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="RunnerGo从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1558.html" title="RunnerGo从入门到精通" class="rirightp overflowclass">RunnerGo从入门到精通</a> <div class="risrdown flexRow"> <p>共22课时 | 2.5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1514.html" title="Apipost从入门到精通"> <img src="https://img.php.cn/upload/course/000/000/068/63db62f3d0b65880.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Apipost从入门到精通" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1514.html" title="Apipost从入门到精通" class="rirightp overflowclass">Apipost从入门到精通</a> <div class="risrdown flexRow"> <p>共31课时 | 3.6万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站"> <img src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress零基础新手搭建个人博客及企业网站" class="ristyAimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站" class="rirightp overflowclass">WordPress零基础新手搭建个人博客及企业网站</a> <div class="risrdown flexRow"> <p>共28课时 | 4.5万人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="" title="最新文章"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a title="创客贴AI第一次生图需要填写哪些内容_创客贴AI生图需求准备清单" href="">创客贴AI第一次生图需要填写哪些内容_创客贴AI生图需求准备清单</a></div> <div class="xgwzlid flexRow"><b></b><a title="Seko AI怎么让前景虚化而人物清楚_Seko AI主体景深描述技巧" href="">Seko AI怎么让前景虚化而人物清楚_Seko AI主体景深描述技巧</a></div> <div class="xgwzlid flexRow"><b></b><a title="每集新出现的人名怎么快速加进SoundView AI术语表" href="">每集新出现的人名怎么快速加进SoundView AI术语表</a></div> <div class="xgwzlid flexRow"><b></b><a title="立刻MV怎么根据图片生成歌曲_立刻MV看图作曲操作教程" href="">立刻MV怎么根据图片生成歌曲_立刻MV看图作曲操作教程</a></div> <div class="xgwzlid flexRow"><b></b><a title="Laper分镜制作怎么保持角色一致？主体锁定分镜制作教学" href="">Laper分镜制作怎么保持角色一致？主体锁定分镜制作教学</a></div> <div class="xgwzlid flexRow"><b></b><a title="创客贴AI怎么制作渐变背景_创客贴AI渐变底图设计教程" href="">创客贴AI怎么制作渐变背景_创客贴AI渐变底图设计教程</a></div> <div class="xgwzlid flexRow"><b></b><a title="讯飞智文AI怎么只给其中几页PPT写讲稿_讯飞智文AI部分页面讲稿制作方法" href="">讯飞智文AI怎么只给其中几页PPT写讲稿_讯飞智文AI部分页面讲稿制作方法</a></div> <div class="xgwzlid flexRow"><b></b><a title="讯飞智作字幕和视频标志重叠怎么调整_讯飞智作字幕品牌标志区域避让" href="">讯飞智作字幕和视频标志重叠怎么调整_讯飞智作字幕品牌标志区域避让</a></div> <div class="xgwzlid flexRow"><b></b><a title="Seko AI怎么写清故事场景的空间大小_Seko AI场景尺度描述技巧" href="">Seko AI怎么写清故事场景的空间大小_Seko AI场景尺度描述技巧</a></div> <div class="xgwzlid flexRow"><b></b><a title="想在函子Zion里一次导入几千条，会卡吗" href="">想在函子Zion里一次导入几千条，会卡吗</a></div> </div> </div> </div> </div> </div> </div> <!--主体 end--> <script>isLogin = "0";</script> <script src="https://staticm.php.cn/static/js/cdn.js?v=1.0.1"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3fc525002bf1c4f1d536daef98e9a33c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="https://staticm.php.cn/static/js/global.js?v=1.3"></script> </div> </body> </html> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '49']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code -->