Llama3模型如何优化网站结构

AI技术
小华
2025-12-07

用 Llama 3 优化网站结构的实操方案
一、目标与总体思路

  • 用 Llama 3 将“内容语义”转化为“可执行的站点结构”,包括:信息架构(分类与层级)、导航与链接策略、URL 与标题规范、内容到页面的映射。
  • 以数据驱动:先做内容盘点与标签体系,再用模型批量标注与评估,最后把结果回流到 CMS 与导航配置,形成闭环迭代。

二、数据准备与标签体系

  • 盘点内容资产:导出全站页面/文章的标题、摘要、正文前 1–2k 字、分类、标签、更新时间、受众等字段,形成结构化数据集。
  • 设计可维护的标签体系:定义主分类(如:产品、教程、案例、博客、关于)维度标签(如:难度、行业、产品模块),并给出每个标签的定义与判据,避免模型漂移。
  • 小样本标注与校准:先人工标注200–500条作为训练/评测集,计算一致性(如 Cohen’s κ),据此迭代提示词与标签定义,确保“可判、可复现”。

三、用 Llama 3 自动分类与结构化

  • 本地批量标注(低成本、可控):使用 Ollama + Llama 3/api/generate 端点,批量对内容进行分类与标签预测,要求模型输出严格 JSON,便于入库与回写。
  • 关键实践:
  • 明确分类枚举与输出格式(如:{"category": "教程", "tags": ["Python", "入门"], "confidence": 0.93})。
  • 控制输入长度(摘要/前 2k 字),避免超限与噪声。
  • 批处理与错误重试,记录失败样本与原因,持续修正提示词。
  • 常见问题与对策:模型“偏向高频类”(如把大量条目归到“Code/IT”)时,增加少样本示例、显式给出分布约束惩罚项,并对低置信度结果走人工复核。
  • 推理性能与稳定性优化:
  • 开启流式批处理以提升吞吐;必要时进行量化(如 4/8-bit)max_seq_len调优,降低响应时延与显存占用。
  • 监控平均响应时间、GPU 利用率、内存占用,当平均响应时间超过3 秒或 GPU 利用率低于50%时,优先调整批量大小、上下文长度或启用量化策略。

示例提示词(可直接改造使用)

  • 系统提示:你是信息架构师。请基于以下页面信息输出分类与标签,仅使用给定枚举,输出严格 JSON,包含字段:category、tags、confidence(0–1)。若不确定,请降低 confidence,不要杜撰标签。
  • 输入示例:{"title": "...", "summary": "...", "content_snippet": "..."}
  • 输出示例:{"category": "教程", "tags": ["Python", "入门"], "confidence": 0.93}

四、从模型输出到站点结构的落地

  • 生成 IA 草案:汇总模型结果,按主分类→子分类聚合,计算每类的内容数量、更新时间分布、平均置信度,识别“内容孤岛”“标签稀疏”“标题不规范”等问题。
  • 设计导航与链接:
  • Top-Nav:保留5–7个高频主分类;为长尾内容提供Mega Menu专题聚合页
  • 面包屑:统一为“首页 > 主分类 > 子分类 > 标题”的层级。
  • 相关链接:在同一分类或共享标签下做语义相关推荐(可用向量相似度召回候选,再由 Llama 3 打分与生成理由)。
  • URL 与标题规范:
  • URL:采用“/主分类/子分类/标题-slug”的短、可读、稳定结构;避免无意义的 ID。
  • 标题:以主关键词 + 差异化修饰为原则,避免堆砌;为每个页面生成、<h1>、<meta description></strong> 的规范化版本。</li><li>内容到页面映射与优先级:</li><li>高置信度、近期更新、访问量高的内容优先建立<strong>独立详情页</strong>;低置信度或长尾内容先归入<strong>专题聚合页</strong>,待人工复核后再拆分。</li><li>生成<strong>站点地图(sitemap.xml)</strong>与<strong>内链矩阵</strong>,确保重要页面获得足够内部链接权重。</li></ul><p><strong>五、评估、上线与持续迭代</strong></p><ul><li>质量评估:对比模型标注与人工标注的<strong>准确率、召回率、F1</strong>;对低置信度批量设置<strong>人工复核阈值</strong>(如 < <strong>0.8</strong>)。</li><li>结构健康度指标:监控<strong>Top 级导航点击率、页面停留时长、跳出率、内链覆盖率、404 比例</strong>等,验证结构调整的真实效果。</li><li>A/B 测试:对导航样式、分类命名、URL 结构进行<strong>小流量实验</strong>,以<strong>转化率/停留时长</strong>为指标择优。</li><li>持续学习:定期用新增内容<strong>增量标注</strong>与<strong>提示词微调</strong>,将新术语与业务变更纳入标签体系;对“模型漂移”设置<strong>告警与回滚</strong>机制。</li></ul><p>以上流程把 Llama 3 用于“内容理解→结构化→落地执行”的闭环:先用本地批量标注与性能优化保证效率与成本可控,再把高置信度的语义结果转化为清晰的导航、URL 与内链策略,最终用数据指标持续验证与迭代网站结构。</p> </div> </div> </div> </div> <div class="qa-box-right"> <div class="browse-other-question"> <div class="other-question-tit"><i></i>推荐问答</div> <div class="other-question-list"> <ul> <li> <a href="/tech/d3773229.html">RTX2070SGPU维修难吗</a> </li> <li> <a href="/tech/d16042223.html">RTX2070SGPU技术参数怎样</a> </li> <li> <a href="/tech/d53798122.html">RTX2070SGPU兼容性怎样</a> </li> <li> <a href="/tech/d11898750.html">GroK成本高昂的原因分析</a> </li> <li> <a href="/tech/d49985609.html">如何评估GroK成本效益</a> </li> <li> <a href="/tech/d61172444.html">GroK成本优化有哪些方法</a> </li> <li> <a href="/tech/d51726670.html">怎样通过GroK优化内容营销</a> </li> <li> <a href="/tech/d23577337.html">为什么grok服务器如此受欢迎</a> </li> <li> <a href="/tech/d60856594.html">grok服务器有哪些优势</a> </li> <li> <a href="/tech/d61326630.html">grok服务器配置技巧有哪些</a> </li> </ul> </div> </div> </div> </div> </div> </div> <script> $(function (){ window.hljs.initHighlightingOnLoad(); document.querySelectorAll('pre code').forEach((block) => { hljs.highlightBlock(block); }); }) </script> <div class="footer"> <div class="auto-center"> <div class="footer-link-wrap"> <div class="footer-link"> <div class="link-list"> <div class="link-title">CPU算力</div> <ul> <li><a href="https://www.yisu.com/cloud/" target="_blank">云服务器</a></li> <li><a href="https://www.yisu.com/physicsserver/" target="_blank">裸金属服务器</a></li> <li><a href="https://www.yisu.com/cloudcomputer/" target="_blank">云电脑</a></li> <li><a href="https://www.yisu.com/lightserver/" target="_blank">轻量服务器</a></li> <li><a href="https://www.yisu.com/trusteeship/" target="_blank">IDC托管</a></li> </ul> </div> <div class="link-list"> <div class="link-title">GPU算力</div> <ul> <li><a href="/gpu/gpu4090.html" target="_blank">NVIDIA 4090</a></li> <li><a href="/gpu/gpu5090.html" target="_blank">NVIDIA 5090</a></li> <li><a href="/gpu/gpua100.html" target="_blank">NVIDIA A100</a></li> <li><a href="/gpu/gpua800.html" target="_blank">NVIDIA A800</a></li> <li><a href="/gpu/gpuh100.html" target="_blank">NVIDIA H100</a></li> <li><a href="/gpu/buy?sn=s4g55gef" target="_blank"> NVIDIA H800</a></li> <li><a href="/gpu/buy?sn=4f3fdf3d" target="_blank"> NVIDIA H20</a></li> <li><a href="/gpu/gpuh200.html" target="_blank"> NVIDIA H200</a></li> </ul> </div> <div class="link-list"> <div class="link-title">AI 框架大模型</div> <ul> <li><a href="/app/buy?app_sn=YEaM5UeY" target="_blank">DeepSeek</a></li> <li><a href="/app/buy?app_sn=1StKoddu" target="_blank">通义千问Qwen</a></li> <li><a href="/app/buy?app_sn=t96w7uZD" target="_blank">Meta Llama </a></li> <li><a href="/app/buy?app_sn=mH27J6YD" target="_blank">TensorFlow</a></li> <li><a href="/app/buy?app_sn=h7u90oyg" target="_blank">Pytorch</a></li> </ul> </div> <div class="link-list"> <div class="link-title">常见问题</div> <ul> <li><a href="/help/823.html" target="_blank">开发票</a></li> <li><a href="/help/821.html" target="_blank">退票提现</a></li> <li><a href="/help/821.html" target="_blank">计费规则</a></li> <li><a href="/help/815.html" target="_blank">红包代金券</a></li> <li><a href="/help/815.html" target="_blank">优惠活动</a></li> </ul> </div> </div> <div class="footer-contact"> <div class="company-info-box"> <dl> <dt>售后保障</dt> <dd>7*24小时售后电话</dd> <dt>400-100-2938</dt> </dl> <dl> <dt>大客户商务</dt> <dd>大客户商务咨询或GPU资源供应</dd> <dd class="email-col">邮件联系:yixiong@yisu.com</dd> <dd class="wechat-col">微信联系:zhouyixiong</dd> </dl> </div> <div class="qrcode-box"> <div class="qrcode-col"> <p>售前微信客服</p> <img src="/static/images/footer-kf-qrcode.png" alt=""> </div> <div class="qrcode-col"> <p>售后微信客服</p> <img src="/static/images/footer-zzh-qrcode.png" alt=""> </div> </div> </div> </div> <div class="footer-box"> <div class="footer-box-left"><img src="/static/images/bottom-logo.png" alt=""> <p>为使用AI创业提供更简单易用、更低价格的自动化算力平台</p> </div> <div class="footer-box-right"> <p>Copyright © Yisu Cloud Ltd. All Rights Reserved. 广州亿速云计算有限公司</p> <p class="last-text-p"><a href="https://beian.miit.gov.cn/" target="_blank" style="color: #5E6D81;"><img src="/static/images/beian-img.png" alt="">粤ICP备17096448号-13</a></p> </div> </div> </div> </div> <!-- 侧栏客服 --> <div class="contact-bar-wrap"> <div class="contact-bar-main"> <div class="contact-bar-item"> <div class="item-icon item-icon-service"></div> <div class="bar-popover-wrap"> <div class="bar-popover-top">亿速云提供售前/售后服务</div> <div class="bar-popover-center"> <div class="qrcode-item-row"> <img src="/static/images/rightbar/before-sale-qrcode.png" alt=""> <p>售前业务咨询</p> </div> <div class="qrcode-item-row"> <img src="/static/images/rightbar/after-sale-qrcode.png" alt=""> <p>售后技术保障</p> </div> </div> <div class="bar-popover-bottom"> <div class="support-phone"><img src="/static/images/rightbar/contact-phone-icon.png" alt="">400-100-2938</div> <p>7*24小时售后电话</p> </div> </div> </div> <div class="contact-bar-item"> <div class="item-icon item-icon-small"></div> <div class="bar-popover-wrap"> <div class="bar-popover-center"> <div class="qrcode-item-row"> <img src="/static/images/rightbar/small-program.png" alt=""> <p>官方微信小程序</p> </div> </div> </div> </div> </div> </div> <div class="common-backtop-link"><i></i></div> <!-- 账号充值弹窗 --> <style> .hidden { display: none !important; } .modal-container { position: fixed; top: 0; left: 0; right: 0; z-index: 1005; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; } .modal-container .modal-centent { width: 760px; background-color: #fff; border-radius: 8px; overflow: hidden; } .modal-container .modal-head { height: 48px; padding: 0 24px; background-color: #f6f9f9; font-size: 18px; line-height: 48px; color: #2D3037; position: relative; } .modal-container .modal-head .close-modal { position: absolute; top: 50%; right: 8px; width: 24px; height: 24px; transform: translateY(-50%); background: url(/static/images/close-jcyy-modal.png) no-repeat center; cursor: pointer; opacity: 0.8; } .modal-container .modal-body { padding: 24px; max-height: calc(100vh - 200px); overflow: auto; } .modal-container .modal-item-row { margin-bottom: 40px; } .modal-container .modal-item-row .modal-item-box { position: relative; min-height: 40px; line-height: 24px; font-size: 14px; padding-left: 90px; margin-bottom: 16px; } .modal-container .modal-item-row .modal-item-box .modal-item-label { position: absolute; top: 0px; left: 0px; line-height: 40px; font-size: 14px; color: #5e6e83; } .modal-container .modal-item-row .modal-item-box .modal-item-label.lh-70 { line-height: 70px; } .modal-container .balance { line-height: 40px; } .modal-container .balance span { color: #FF4444; font-size: 20px; margin-right: 2px; } .modal-container .recharge-list-wrap { display: inline-block; position: relative; max-width: 100%; } .modal-container .recharge-list-wrap .recharge-input-group { position: absolute; left: 0; right: 0; bottom: -8px; transform: translateY(100%); height: 40px; border: 1px solid #FF4444; border-radius: 4px; display: none; } .modal-container .recharge-list-wrap .recharge-input-group::after { position: absolute; right: 36px; top: -5px; content: ''; border-left: 1px solid #ff4444; border-top: 1px solid #ff4444; width: 8px; height: 8px; transform: rotate(45deg); z-index: 10; background: #fff; } .modal-container .recharge-list-wrap .recharge-input-group input { outline: none; border: none; width: 100%; height: 38px; display: block; padding: 0 12px; border-radius: 4px; } .modal-container .recharge-list-wrap .recharge-list { display: flex; flex-wrap: wrap; } .modal-container .recharge-list-wrap .recharge-list .recharge-col { width: 90px; padding: 0 12px; text-align: center; height: 40px; margin-left: -1px; border: 1px solid #ccc; line-height: 38px; cursor: pointer; } .modal-container .recharge-list-wrap .recharge-list .recharge-col.active { border-color: #FF4444; z-index: 2; color: #FF4444; background-color: rgba(255, 68, 68, 0.1); } .modal-container .recharge-list-wrap .recharge-list .recharge-col:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .modal-container .recharge-list-wrap .recharge-list .recharge-col:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .modal-container .pay-tab-box { margin: 0 -24px; background-color: #f6f9f9; display: flex; align-items: center; margin-bottom: 24px; } .modal-container .pay-tab-box .tab-col { width: 160px; height: 56px; line-height: 56px; font-size: 16px; padding: 0 32px; color: #5e6e80; background-color: #f6f9f9; text-align: center; cursor: pointer; } .modal-container .pay-tab-box .tab-col.selected { color: #FF6666; background-color: #fff; border-right-color: #f6f9f9; } .modal-container .pay-list-wrap { display: flex; } .modal-container .pay-list-wrap .pay-type-col { position: relative; width: 200px; height: 70px; border: 1px solid #dae2e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 18px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px 35px; } .modal-container .pay-list-wrap .pay-type-col.alipay span { background: url("/static/images/ys-pay-alipay.png") no-repeat center; } .modal-container .pay-list-wrap .pay-type-col.wechat { padding: 12px 20px; } .modal-container .pay-list-wrap .pay-type-col.wechat span { width: 160px; background: url("/static/images/ys-pay-wechat.png") no-repeat center; } .modal-container .pay-list-wrap .pay-type-col i { position: absolute; right: 0px; bottom: 0px; width: 30px; height: 30px; } .modal-container .pay-list-wrap .pay-type-col span { display: block; width: 130px; height: 46px; } .modal-container .pay-list-wrap .pay-type-col label { width: 200px; height: 70px; left: 0; top: 0; display: block; position: absolute; cursor: pointer; } .modal-container .pay-list-wrap .pay-type-col input { opacity: 0; } .modal-container .pay-list-wrap .pay-type-col.selected { border-color: #FF6666; } .modal-container .pay-list-wrap .pay-type-col.selected i { background: url("/static/images/cloud_sprite_img.png") no-repeat -550px -62px; } .modal-container .pay-item-row { display: none; } .modal-container .pay-item-row:nth-child(1) { display: block; } .modal-container .pay-content-box { height: 120px; line-height: 46px; color: #FF6666; position: relative; margin-top: 48px; } .modal-container .pay-content-box .titles { display: inline-block; width: 90px; line-height: 40px; text-align: left; font-size: 14px; color: #5e6e83; vertical-align: top; } .modal-container .pay-content-box .sum-money { font-size: 26px; line-height: 40px; } .modal-container .pay-content-box .shopbtn { position: absolute; top: 24px; right: 0; width: 180px; height: 46px; font-size: 18px; color: #ffffff; background-color: #FF6666; border: 1px solid #FF6666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; cursor: pointer; vertical-align: top; } .modal-container .pay-content-box .shopbtn:hover { background-color: #FF4444; border-color: #FF4444; } .modal-container .pay-content-box .paying-xieyi { line-height: 24px; font-size: 14px; margin-top: 15px; } .modal-container .pay-content-box .paying-xieyi input[type=checkbox] { display: none; } .modal-container .pay-content-box .paying-xieyi label { position: relative; display: inline-block; height: 24px; line-height: 24px; font-size: 14px; color: #9EA7B3; padding-left: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; vertical-align: top; cursor: pointer; } .modal-container .pay-content-box .paying-xieyi label::before { position: absolute; left: 0px; top: 4px; width: 14px; height: 14px; content: ""; border: 1px solid #BDC5D3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; vertical-align: middle; outline: none !important; cursor: pointer; } .modal-container .pay-content-box .paying-xieyi input[type=checkbox]:checked + label::before { border-color: #FF6666; } .modal-container .pay-content-box .paying-xieyi input[type=checkbox]:checked + label::after { position: absolute; left: 2px; top: 7px; width: 10px; height: 5px; content: ''; border-bottom: 2px solid #FF6666; border-left: 2px solid #FF6666; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-container .pay-content-box .paying-xieyi a { color: #FF6666; margin-left: 8px; } .modal-container .pay-content-box .paying-xieyi a:hover { text-decoration: underline; } .modal-container .pay-content-box .paying-xieyi span { color: #9EA7B3; margin-left: 8px; } .modal-container .pay-table table { width: 100%; border: 1px solid #f0f2f5; } .modal-container .pay-table table thead tr th { font-size: 14px; font-weight: 400; color: #5E6D81; padding: 21px 0px; background-color: #f0f3f5; } .modal-container .pay-table table tbody tr td { font-size: 16px; color: #2D3037; text-align: center; padding: 24px 0px; border-right: 1px solid #F0F2F5; } .modal-container .pay-table table tbody tr td:last-child { border-right: none; } .modal-container .pay-table p { line-height: 86px; font-size: 16px; color: #FF6666; text-align: center; } </style> <div class="modal-container hidden"> <div class="modal-centent"> <div class="modal-head"> <span class="modal-head-text">账号充值</span> <i class="close-modal"></i> </div> <div class="modal-body"> <div class="modal-item-row"> <div class="modal-item-box"> <div class="modal-item-label">账户余额</div> <div class="modal-item-cont"> <div class="balance" id="recharge-dialog-balance"><span>0</span>元</div> </div> </div> <div class="modal-item-box"> <div class="modal-item-label">充值金额</div> <div class="modal-item-cont"> <div class="recharge-list-wrap"> <div class="recharge-list"> <div class="recharge-col recharge-amount-item active" data-amount="10">10元</div> <div class="recharge-col recharge-amount-item" data-amount="100">100元</div> <div class="recharge-col recharge-amount-item" data-amount="1000">1000元</div> <div class="recharge-col recharge-amount-item" data-amount="5000">5000元</div> <div class="recharge-col recharge-amount-item" data-amount="10000">10000元</div> <div class="recharge-col recharge-amount-item other" data-amount="0">其它</div> </div> <div class="recharge-input-group"> <input id="custom-recharge-amount" type="text" min="0.01" step="10" max="100000" placeholder="充值金额:1-100000"> </div> </div> </div> </div> </div> <div class="pay-tab-box"> <div class="tab-col selected">在线支付</div> <div class="tab-col">线下汇款</div> </div> <div class="pay-type-list"> <div class="pay-item-row"> <div class="modal-item-row"> <div class="modal-item-box"> <div class="modal-item-label lh-70">支付平台:</div> <div class="modal-item-cont"> <div class="pay-list-wrap"> <div class="pay-type-col selected alipay"> <label for="alipay"> <input type="radio" id="alipay" name="pay_radio" value="alipay" checked="checked" autocomplete="off"/> </label> <span></span><i></i> </div> <div class="pay-type-col wechat"> <label for="wechat"> <input type="radio" id="wechat" name="pay_radio" value="wxpaynative" autocomplete="off"/> </label> <span></span><i></i> </div> </div> </div> </div> </div> <div class="pay-content-box"> <span class="titles">总计费用:</span> <span class="sum-money" id="sum_money">10</span> 元 <button type="submit" class="shopbtn" id="btnSubmit" data-agl-cvt="7">立即充值</button> <div class="paying-xieyi"> <input type="checkbox" id="pay-agree-deal" autocomplete="off"> <label for="pay-agree-deal">我已阅读并同意</label> <a href="https://www.yisu.com/help/id_7.html" target="_blank">《亿速云云服务使用协议》</a> <span>和</span> <a href="https://www.yisu.com/help/id_11.html" target="_blank">《亿速云隐私政策声明》</a> </div> </div> </div> <div class="pay-item-row"> <div class="pay-table"> <table cellspacing="0"> <thead> <tr> <th>开户银行</th> <th>银行账号</th> <th>开户名称</th> </tr> </thead> <tbody> <tr> <td>平安银行广州分行营业部</td> <td>1500 0089 461040</td> <td>广州亿速云计算有限公司</td> </tr> </tbody> </table> <p>注:转账到上述银行账号后,需联系我司业务员或财务(联系电话:400 100 2938)确认入账。</p> </div> </div> </div> </div> </div> </div> <script> $(function () { var rechargeAmount = 10; var paymentMethod = 'alipay'; var agreementConfirm = false; $('.close-modal').click(function () { $('.modal-container').addClass('hidden'); }) $('.recharge-list').on('click', '.recharge-col', function () { $(this).addClass('active').siblings().removeClass('active'); if ($(this).hasClass('other')) { $('.recharge-input-group').show() $('.recharge-list-wrap').css({ 'margin-bottom': '40px' }) } else { $('.recharge-input-group').hide() $('.recharge-list-wrap').css({ 'margin-bottom': '0px' }) } }) $('.recharge-amount-item').click(function () { rechargeAmount = parseInt($(this).data('amount')); $('#sum_money').text(rechargeAmount); }); $('#custom-recharge-amount').change(function () { let tmp = $(this).val(); if (isNaN(tmp)) { // $(this).val(''); // notifier.notify('error', '金额数值不合法'); // return false; } tmp = parseFloat(tmp); if (tmp < 0) tmp = 0; if (tmp > 100000) tmp = 100000; rechargeAmount = tmp; $(this).val(tmp); $('#sum_money').text(rechargeAmount); }); $('.pay-tab-box').on('click', '.tab-col', function () { $(this).addClass('selected').siblings().removeClass('selected'); $('.pay-type-list').children('.pay-item-row').eq($(this).index()).show().siblings().hide(); }) $('.pay-list-wrap .pay-type-col').click(function () { $(this).addClass('selected').siblings().removeClass('selected'); }) $('input[name=pay_radio]').change(function () { paymentMethod = $(this).val(); }); $('#pay-agree-deal').change(function () { agreementConfirm = $(this).prop('checked'); }); $('#btnSubmit').click(function () { if (!agreementConfirm) { notifier.notify('error', '请先阅读并同意相关协议和声明'); return false; } let data = {order_code: 'Charge', payment_method: paymentMethod, amount: rechargeAmount}; recharge(data); }); }); function recharge(data) { let url = '/payment/index?order_code=' + data.order_code + '&pay_code=' + data.payment_method + '&amount=' + data.amount; window.open(url); $('.modal-container').addClass('hidden'); return false; $('#btnSubmit').text('正在充值...').prop('disabled', true); request('payment/index', 'get', data).then((res) => { $('#btnSubmit').text('立即充值').prop('disabled', false); res = res.data; if (res.code !== 200) { notifier.notify('error', res.message); if (res.code === 401) { location.href = '/login'; } } notifier.notify('success', res.message); $('.modal-container').addClass('hidden'); }).catch((err) => { $('#btnSubmit').text('立即充值').prop('disabled', false); notifier.notify('error', err.message); }); } function getUserBalance() { $.get('/api/user/balance', function (res) { if (res.code !== 200) { notifier.notify('error', res.message); } $('#recharge-dialog-balance').text(res.data.balance); }); } </script> </body> </html>