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

PHP MySQL jquery HTML CSS
首页 > Skill > 商业运营

Landing Page Builder

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

根据文字提示或设计简报构建单页着陆页。使用时机：用户请求着陆页、营销页、产品页、销售页或类似页面。

登陆页面构建器

功能概述

登陆页面构建器是一项面向实际任务的技能，主要用于Generate 已磨光, 转换优化了来自自然语言描述的登陆页面；Workflow. 如果用户提供参考 HTML 模板；

核心要点

  • 读取所提供的模板。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。

使用与执行

该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；

结果检查与注意事项

若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。

落地页生成器

根据自然语言描述，生成专业、高转化率的落地页。

工作流程

若用户提供参考 HTML 模板：

  1. 读取提供的模板
  2. 识别其中所有文本内容、品牌元素与文案
  3. 基于现有模板进行修改 —— 切勿从零重写
  4. 将文案、品牌名称、配色及内容替换为符合用户需求的版本
  5. 完整保留所有 CSS 样式、动画效果、布局结构、SVG 滤镜和 JavaScript 代码
  6. 输出适配后的 .html 文件

若未提供模板：

  1. 向用户确认（如尚未提供）：产品/服务名称、核心功能、目标受众、期望语调
  2. 读取基础模板 assets/template.html
  3. 将所有 {{PLACEHOLDER}} 占位符替换为贴合用户需求的定制化内容
  4. 自定义配色、文案与页面区块 —— 按需增删区块
  5. 输出一个独立、自包含的 .html 文件

模板占位符（仅限基础模板）

占位符 说明
{{TITLE}} 页面 </code> 标签内容</td> </tr> <tr> <td><code>{{BRAND}}</code></td> <td>品牌/公司名称</td> </tr> <tr> <td><code>{{PRIMARY_COLOR}}</code></td> <td>主色（十六进制格式，例如：<code>#6366f1</code>）</td> </tr> <tr> <td><code>{{BG_COLOR}}</code></td> <td>背景色</td> </tr> <tr> <td><code>{{TEXT_COLOR}}</code></td> <td>正文文字颜色</td> </tr> <tr> <td><code>{{ACCENT_COLOR}}</code></td> <td>强调色</td> </tr> <tr> <td><code>{{HEADLINE}}</code></td> <td>首屏标题（简洁有力，聚焦用户获益）</td> </tr> <tr> <td><code>{{SUBHEADLINE}}</code></td> <td>1–2 句辅助性说明文字</td> </tr> <tr> <td><code>{{CTA_TEXT}}</code></td> <td>按钮文案（例如：“开始免费试用”）</td> </tr> <tr> <td><code>{{CTA_URL}}</code></td> <td>按钮跳转链接</td> </tr> <tr> <td><code>{{FEATURES_HEADING}}</code></td> <td>功能区块标题</td> </tr> <tr> <td><code>{{FEATURES}}</code></td> <td>功能卡片 HTML（使用 <code>.feature-card</code> div）</td> </tr> <tr> <td><code>{{PRICING_HEADING}}</code></td> <td>定价区块标题</td> </tr> <tr> <td><code>{{PRICING_CARDS}}</code></td> <td>定价卡片 HTML（使用 <code>.price-card</code> div）</td> </tr> <tr> <td><code>{{TESTIMONIALS_HEADING}}</code></td> <td>客户评价区块标题</td> </tr> <tr> <td><code>{{TESTIMONIALS}}</code></td> <td>客户评价卡片 HTML（使用 <code>.testimonial</code> div）</td> </tr> <tr> <td><code>{{FINAL_CTA_HEADING}}</code></td> <td>底部行动号召（CTA）标题</td> </tr> <tr> <td><code>{{FINAL_CTA_TEXT}}</code></td> <td>底部行动号召（CTA）描述文字</td> </tr> <tr> <td><code>{{YEAR}}</code></td> <td>当前年份</td> </tr> </tbody></table> <h2>设计原则</h2> <ul> <li>移动优先的响应式设计</li> <li>采用 Inter 字体，保持排版简洁清晰</li> <li>运用柔和阴影、圆角与充足的留白</li> <li>以转化为导向：层级明确，主行动按钮（CTA）在关键位置重复出现</li> <li>高性能：不依赖任何 JS 框架，除 Google Fonts 外无其他外部依赖</li> <li>可访问性强：使用语义化 HTML，确保良好的色彩对比度</li> </ul> <h2>常见错误规避</h2> <ul> <li><strong>切勿从零重写模板</strong> —— 在适配参考模板时，务必就地修改。重写将导致原有设计质量丢失。</li> <li><strong>避免使用泛泛而谈的通用文案</strong> —— 每一行文字都应精准契合该业务，而非简单套用“lorem ipsum + 替换名词”模式。</li> <li><strong>不要添加用户未要求的区块</strong> —— 少即是多。结构紧凑的三区块页面，远胜于冗余堆砌的八区块页面。</li> <li><strong>不可破坏响应式行为</strong> —— 修改时需在脑中预演移动端视口下的呈现效果，确保兼容性。</li> </ul> <h2>自定义选项</h2> <p>欢迎自由执行以下操作：</p> <ul> <li>增删整块内容区域（并非所有页面都需要定价或客户评价区块）</li> <li>调整网格布局，通过 CSS 添加动画效果</li> <li>通过 Google Fonts 链接更换字体</li> <li>引入自定义 CSS 变量以支持更丰富的主题配置</li> <li>按需嵌入表单、视频或其他交互式元素</li> </ul> <h2>输出</h2> <p>将最终 HTML 文件保存至用户的 workspace 或指定路径。推荐以下部署方式：</p> <ul> <li><strong>快速启动：</strong>本地直接打开，或直接分享该文件</li> <li><strong>免费托管：</strong>GitHub Pages、Netlify、Vercel、Cloudflare Pages</li> <li><strong>自定义域名：</strong>可与上述任一平台搭配使用</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/3393591.html" title="如何将 Base64 编码的区块链交易载荷解析为结构化 Go 结构体"><b></b> <p class="overflowclass">如何将 Base64 编码的区块链交易载荷解析为结构化 Go 结构体</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3393592.html" title="Singleton模式中饿汉式与懒汉式初始化的本质区别"><b></b> <p class="overflowclass">Singleton模式中饿汉式与懒汉式初始化的本质区别</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3393593.html" title="React 中正确解析并排序 JSON API 数据的完整教程"><b></b> <p class="overflowclass">React 中正确解析并排序 JSON API 数据的完整教程</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3393594.html" title="JAX 中静态参数（static_argnames）与自动微分的冲突原理详解"><b></b> <p class="overflowclass">JAX 中静态参数（static_argnames）与自动微分的冲突原理详解</p> </a> </div> <div class="autharts flexRow"> <a class="autharta flexRow" href="/faq/3393595.html" title="Java 中单例模式的两种初始化方式：饿汉式与懒汉式详解"><b></b> <p class="overflowclass">Java 中单例模式的两种初始化方式：饿汉式与懒汉式详解</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/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/4235" title="火山引擎" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/6a82d82182e0c918.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/2249" title="超级简历WonderCV" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998691134.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="超级简历WonderCV" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">超级简历WonderCV</p> </div> <span class="hot_span">Hot</span> </a> <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/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> <a href="/ai/3369" title="Laper" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/001/246/273/178599229095415.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="Laper" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">Laper</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/2828" title="二狗PPT" class="aibtns flexColumn"> <img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e3c42a14b682.webp?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="二狗PPT" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" /> <div class="aibtn-right"> <p class="overflowclass">二狗PPT</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/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 class="swiper-slide flexcolumn"> <div class="clDiv flexRow"> <a href="/faq/xormkjjgtys" class="aClass flexRow cldA" title="XORM框架结构体映射与表结构同步"><img src="https://img.php.cn/upload/subject/000/000/098/6aeb0dc2cd05b361.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="XORM框架结构体映射与表结构同步" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/xormkjjgtys" class="clddTitle overflowclass" title="XORM框架结构体映射与表结构同步">XORM框架结构体映射与表结构同步</a> <p class="clddp overflowclass">本专题围绕XORM框架的结构体映射展开，说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充，并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。</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>15</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/xormkjazysjk" class="aClass flexRow cldA" title="XORM框架安装配置与数据库连接"><img src="https://img.php.cn/upload/subject/000/000/098/6aeb0aa087ad1984.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="XORM框架安装配置与数据库连接" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/xormkjazysjk" class="clddTitle overflowclass" title="XORM框架安装配置与数据库连接">XORM框架安装配置与数据库连接</a> <p class="clddp overflowclass">本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。</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>15</p> </div> </div> </div> </div> </div> <div class="clDiv flexRow"> <a href="/faq/xormazpzsjklj" class="aClass flexRow cldA" title="XORM框架安装配置与数据库连接"><img src="https://img.php.cn/upload/subject/000/000/098/6aeb073c66b6e688.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="XORM框架安装配置与数据库连接" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a> <div class="clddiv flexColumn"> <a href="/faq/xormazpzsjklj" class="clddTitle overflowclass" title="XORM框架安装配置与数据库连接">XORM框架安装配置与数据库连接</a> <p class="clddp overflowclass">本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。</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/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> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4937" title="篮球比赛体育复古海报矢量模板"><span>[网站素材]</span><span>篮球比赛体育复古海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4936" title="二十四节气立冬背景矢量模板"><span>[网站素材]</span><span>二十四节气立冬背景矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4935" title="2027年新年主题海报PSD源文件下载"><span>[网站素材]</span><span>2027年新年主题海报PSD源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a href="/xiazai/sucai/4934" 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="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="twofd jpktabd" > <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.1万人学习</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.6万人学习</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.5万人学习</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="立刻MV歌词识别只完成了一半怎么办_立刻MV部分歌词识别中断处理技巧" href="">立刻MV歌词识别只完成了一半怎么办_立刻MV部分歌词识别中断处理技巧</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="grok bot怎么让助手只读取指定资料_grok bot任务资料指定方法" href="">grok bot怎么让助手只读取指定资料_grok bot任务资料指定方法</a></div> <div class="xgwzlid flexRow"><b></b><a title="火山引擎模型看图时编造不存在的物体怎么办_火山引擎视觉回答事实核对建议" href="">火山引擎模型看图时编造不存在的物体怎么办_火山引擎视觉回答事实核对建议</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AI怎么移动MG动画元素_花生AI动画元素位置调整方法" href="">花生AI怎么移动MG动画元素_花生AI动画元素位置调整方法</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="AniShort怎么让人物按指定顺序完成动作" href="">AniShort怎么让人物按指定顺序完成动作</a></div> <div class="xgwzlid flexRow"><b></b><a title="Laper团队协作标签怎么分类？任务快速筛选方法" href="">Laper团队协作标签怎么分类？任务快速筛选方法</a></div> <div class="xgwzlid flexRow"><b></b><a title="花生AIMG文字修改后没有更新怎么办_花生AI动画文字更新问题排查" href="">花生AIMG文字修改后没有更新怎么办_花生AI动画文字更新问题排查</a></div> <div class="xgwzlid flexRow"><b></b><a title="二狗PPT单页出现多余假设怎么重做_二狗PPT单页事实边界限定技巧" href="">二狗PPT单页出现多余假设怎么重做_二狗PPT单页事实边界限定技巧</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 -->