feat(services): 新建软件开发、APP与小程序定制、智能体开发三大专属独立页面并在新窗口中打开
这个提交包含在：
wikiboss
@@ -39,6 +39,9 @@ return [
|
||||
'web.official_journalism/details' => '/h/journalism/details/[:pid]/[:sid]/[:id]',
|
||||
'web.official_video/list' => '/h/video/list/[:pid]/[:sid]',
|
||||
'web.official_video/details' => '/h/video/details/[:pid]/[:sid]/[:id]',
|
||||
'web.official_product/service_software' => '/official/service/software',
|
||||
'web.official_product/service_app' => '/official/service/app',
|
||||
'web.official_product/service_agent' => '/official/service/agent',
|
||||
'web.official_product/list' => '/official/product/list/[:pid]/[:sid]',
|
||||
'web.official_product/details' => '/official/product/details/[:pid]/[:sid]/[:id]',
|
||||
'web.official_case_show/list' => '/official/case_show/list/[:pid]/[:sid]',
|
||||
|
||||
@@ -103,4 +103,31 @@ class OfficialProduct extends OfficialBaseController
|
||||
return view("web/official_product/details{$this->Mobile}", compact('data', 'category', 'before', 'after'));
|
||||
}
|
||||
|
||||
/**
|
||||
* 核心服务独立页：软件开发
|
||||
*/
|
||||
public function service_software()
|
||||
{
|
||||
request()->get(['service' => 'software', 'pid' => 19, 'sid' => 19]);
|
||||
return $this->list();
|
||||
}
|
||||
|
||||
/**
|
||||
* 核心服务独立页：APP与小程序定制
|
||||
*/
|
||||
public function service_app()
|
||||
{
|
||||
request()->get(['service' => 'app', 'pid' => 19, 'sid' => 19]);
|
||||
return $this->list();
|
||||
}
|
||||
|
||||
/**
|
||||
* 核心服务独立页：智能体开发
|
||||
*/
|
||||
public function service_agent()
|
||||
{
|
||||
request()->get(['service' => 'agent', 'pid' => 19, 'sid' => 19]);
|
||||
return $this->list();
|
||||
}
|
||||
|
||||
}
|
||||
@@ -40,7 +40,7 @@
|
||||
</div>
|
||||
<div class="nhc-mega-cards-grid-3">
|
||||
<!-- 领域 1：软件开发 -->
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-mega-card">
|
||||
<a href="{:addon_url('official/web.official_product/service_software')}" target="_blank" class="nhc-mega-card">
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
|
||||
@@ -58,7 +58,7 @@
|
||||
</a>
|
||||
|
||||
<!-- 领域 2：APP与小程序定制 -->
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-mega-card">
|
||||
<a href="{:addon_url('official/web.official_product/service_app')}" target="_blank" class="nhc-mega-card">
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
|
||||
@@ -76,7 +76,7 @@
|
||||
</a>
|
||||
|
||||
<!-- 领域 3：智能体开发 -->
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-mega-card">
|
||||
<a href="{:addon_url('official/web.official_product/service_agent')}" target="_blank" class="nhc-mega-card">
|
||||
<div class="nhc-mega-card-top">
|
||||
<div class="nhc-mega-card-icon">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
|
||||
|
||||
@@ -253,7 +253,7 @@
|
||||
<li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
|
||||
<li class="nhc-service-item">严格代码质量审计与完整源码交付</li>
|
||||
</ul>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
|
||||
<a href="{:addon_url('official/web.official_product/service_software')}" target="_blank" class="nhc-service-link">
|
||||
<span>了解详情</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
@@ -278,7 +278,7 @@
|
||||
<li class="nhc-service-item">蓝牙硬件、物联网 IoT 边缘设备对接</li>
|
||||
<li class="nhc-service-item">60fps 流畅交互与毫秒级首屏加载性能</li>
|
||||
</ul>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
|
||||
<a href="{:addon_url('official/web.official_product/service_app')}" target="_blank" class="nhc-service-link">
|
||||
<span>了解详情</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
@@ -303,7 +303,7 @@
|
||||
<li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
|
||||
<li class="nhc-service-item">大模型本地私有化部署与敏感数据防护</li>
|
||||
</ul>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-service-link">
|
||||
<a href="{:addon_url('official/web.official_product/service_agent')}" target="_blank" class="nhc-service-link">
|
||||
<span>了解详情</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
|
||||
@@ -253,7 +253,7 @@
|
||||
<li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
|
||||
</ul>
|
||||
<div style="margin-top: 14px;">
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<a href="{:addon_url('official/web.official_product/service_software')}" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<span>了解中台定制方案</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
@@ -275,7 +275,7 @@
|
||||
<li class="nhc-service-item">蓝牙硬件与物联网 IoT 边缘设备对接</li>
|
||||
</ul>
|
||||
<div style="margin-top: 14px;">
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<a href="{:addon_url('official/web.official_product/service_app')}" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<span>查看移动端定制能力</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
@@ -297,8 +297,8 @@
|
||||
<li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
|
||||
</ul>
|
||||
<div style="margin-top: 14px;">
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}#services-list" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<span>探索智能体开发方案</span>
|
||||
<a href="{:addon_url('official/web.official_product/service_agent')}" class="nhc-service-link" style="display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--primary);">
|
||||
<span>探索智能体落地方案</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -2,8 +2,17 @@
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false)}
|
||||
<!-- 引入纳海川服务独立页 -->
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入软件开发专属独立页 -->
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入APP与小程序定制专属独立页 -->
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入纳海川产品独立页 -->
|
||||
|
||||
@@ -2,8 +2,17 @@
|
||||
|
||||
{block name="content"}
|
||||
|
||||
{if input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false)}
|
||||
<!-- 引入移动端纳海川服务独立页 -->
|
||||
{if input('param.service') == 'software'}
|
||||
<!-- 引入移动端软件开发专属独立页 -->
|
||||
{include file="web/official_product/service_software" /}
|
||||
{elseif input('param.service') == 'app' /}
|
||||
<!-- 引入移动端APP与小程序定制专属独立页 -->
|
||||
{include file="web/official_product/service_app" /}
|
||||
{elseif input('param.service') == 'agent' /}
|
||||
<!-- 引入移动端智能体开发专属独立页 -->
|
||||
{include file="web/official_product/service_agent" /}
|
||||
{elseif input('param.pid') == 19 || (isset($res['name']) && strpos($res['name'],'服务') !== false) /}
|
||||
<!-- 引入移动端纳海川服务综合独立页 -->
|
||||
{include file="web/official_product/service_page" /}
|
||||
{elseif input('param.pid') == 22 || (isset($res['name']) && strpos($res['name'],'产品') !== false) /}
|
||||
<!-- 引入移动端纳海川产品独立页 -->
|
||||
|
||||
@@ -0,0 +1,346 @@
|
||||
<!-- 纳海川官方网站 · 核心服务独立页：智能体开发 (Enterprise AI Agent Page) 开始 -->
|
||||
|
||||
<!-- 1. 智能体开发专属 Hero 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
|
||||
<span>/</span>
|
||||
<span>智能体开发</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px;">
|
||||
<span class="nhc-seal">私域合规 · 物理隔离</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">企业级私域 AI 智能体与知识工程定制</h1>
|
||||
<p class="nhc-page-desc">
|
||||
深入政企核心业务一线，结合专属业务知识与私有化大语言模型，通过高维向量 RAG 混合精准检索与 Multi-Agent 自主工作流协同，在客户内部局域网物理隔离部署，确保商业数据 0 外泄。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||||
<span>预约场景 PoC 演示</span>
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
<a href="#capabilities" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||||
<span>了解技术架构</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 智能体应用矩阵与业务场景 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">应用矩阵</span>
|
||||
<span class="nhc-tag-text">INTELLIGENT AGENT APPLICATIONS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">赋能复杂业务流转 · 打造自主行动的专业智能体</h2>
|
||||
<p class="nhc-section-desc">
|
||||
告别简单的泛泛聊天对话框，我们帮助企业构建具备深度领域知识、能调用 API、能自主推理决策的企业级智能体。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<!-- 场景 1 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
|
||||
<span class="nhc-seal">知识检索</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">企业私域 RAG 知识库工程</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
整合政企政策规章、技术图纸、行业标准与制度文档，基于向量切块与混合召回，实现毫秒级精准检索与答案证据溯源。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">混合召回</span>
|
||||
<span class="nhc-tech-pill">向量检索</span>
|
||||
<span class="nhc-tech-pill">出处溯源</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 2 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
|
||||
<span class="nhc-seal">多智能体</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">Multi-Agent 复杂审批协同工作流</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
定义风控审核、合同初审、财务核算等多重智能体角色，通过多智能体自主分工与博弈校验，大幅缩减人工初审周期。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">Multi-Agent</span>
|
||||
<span class="nhc-tech-pill">角色编排</span>
|
||||
<span class="nhc-tech-pill">审批协同</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 3 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
|
||||
<span class="nhc-seal">工具集成</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">业务系统 Tool Calling 联动执行</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
智能体原生对接 ERP、CRM、数据库与工单系统，能够根据自然语言指令自动调用外部 API 完成订单查询、开票与报表生成。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">Function Calling</span>
|
||||
<span class="nhc-tech-pill">API网关</span>
|
||||
<span class="nhc-tech-pill">报表生成</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 4 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
|
||||
<span class="nhc-seal">私有微调</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">垂直领域大模型微调与蒸馏</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
基于客户私域高质量语料对开源大模型进行 LoRA / SFT 领域微调与量化蒸馏，既降低显卡算力门槛，又精准适应企业专用行话。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">LoRA微调</span>
|
||||
<span class="nhc-tech-pill">模型量化</span>
|
||||
<span class="nhc-tech-pill">低成本算力</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 技术能力与架构底座 (能力板块) -->
|
||||
<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">技术底座</span>
|
||||
<span class="nhc-tag-text">ENGINEERING INFRASTRUCTURE</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">全链路私有技术栈 · 坚决守护企业数据安全</h2>
|
||||
<p class="nhc-section-desc">
|
||||
从底座模型适配、高维向量检索到调度编排框架，全部支持客户内网局域网完全隔离部署，0 外部网络调用。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: var(--primary); border-radius: 2px;"></span>
|
||||
私有大模型底座
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">适配 Qwen 2.5、DeepSeek、LLaMA 3 等主流开源模型，支持 8-bit / 4-bit AWQ 量化，单卡或消费级双卡即可流畅运行。</p>
|
||||
<div style="font-size: 12px; color: var(--primary); font-weight: 600;">vLLM 推理加速，吞吐提升 3-5 倍</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #06B6D4; border-radius: 2px;"></span>
|
||||
向量检索与知识工程
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Milvus / Qdrant 高性能向量数据库，结合 BGE-M3 语义嵌入与 BM25 关键词混合检索，外加 BGE-Reranker 深度降噪。</p>
|
||||
<div style="font-size: 12px; color: #06B6D4; font-weight: 600;">知识检索召回率 > 92%</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #7C3AED; border-radius: 2px;"></span>
|
||||
智能体编排系统
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">基于 Python / FastAPI 构建高并发编排引擎，支持动态 Prompt 模板插槽、会话上下文压缩及 Function Calling 工具链。</p>
|
||||
<div style="font-size: 12px; color: #7C3AED; font-weight: 600;">结构化 JSON 强类型约束输出</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #10B981; border-radius: 2px;"></span>
|
||||
物理隔离安全沙箱
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">系统整体容器化打包部署于政企本地内网机房，严格断网断外联，模型不向任何第三方云平台上传敏感数据。</p>
|
||||
<div style="font-size: 12px; color: #10B981; font-weight: 600;">核心商业机密 0 外泄</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 智能体工程落地流程 (流程板块) -->
|
||||
<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">实施流程</span>
|
||||
<span class="nhc-tag-text">IMPLEMENTATION PIPELINE</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">六步闭环落地 · 确保智能体不仅能聊更能办成事</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们以严谨的工程思维打造知识管线，确保智能体输出准确可靠、符合企业规范。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 语料清洗</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">非结构化文档结构化</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">OCR 识别 PDF/Word/扫描件，表格结构还原与分段语义切片。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 向量构建</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">高维索引与混合检索</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">调优语义切块大小与重叠窗口，构建 Milvus 向量索引与倒排索引。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 角色定义</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Prompt 工程与工具绑定</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立智能体业务准则与防幻觉护栏，完成业务系统 API 工具链绑定。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 评测调优</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">基准测试与幻觉抑制</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">构建数百条企业专属测试问答集，进行多轮盲测，持续优化准确率。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 内网部署</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">私有算力与物理隔离</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">将全部模型权重、向量库与应用服务部署于客户内网服务器集群。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 知识更新</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">增量更新与持续微调</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">提供可视化知识库管理后台，支持企业内部资料一键拖拽自动增量同步。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 交付物与质量保障 (交付板块) -->
|
||||
<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">交付清单</span>
|
||||
<span class="nhc-tag-text">STANDARD DELIVERABLES</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">真实验收交付资产 · 摆脱算力黑盒与外部云依赖</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们向企业移交从语料处理管线、微调权重到业务编排代码的完整资产。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">智能体系统交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>完整私有智能体编排服务源代码（含 API 工具链集成代码）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>微调后的大模型私有 LoRA 权重与量化模型文件</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>企业知识库向量数据库（Milvus / Qdrant）及管理后台代码</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>私有局域网一键启动 Docker Compose 部署工程包</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">技术规范与合规交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《企业智能体业务对接说明书》与工具函数定义文档</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《知识库构建与动态切片维护操作手册》</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>评测数据集基准报告（召回率 >92%，业务问答准确率 >95%）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>内网网络安全物理隔离合规检测证明与 365 天维保</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. 智能体技术问答 (FAQ 板块) -->
|
||||
<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">专家问答</span>
|
||||
<span class="nhc-tag-text">FREQUENTLY ASKED QUESTIONS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">聚焦落地难点 · 破除企业应用 AI 的重重疑虑</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们以实战经验解答关于算力配置、数据隐私与模型准确率的客观事实。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 企业商业机密极其敏感，如何做到 0 数据外泄？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
纳海川交付的是 100% 部署在客户内网机房的私有化系统。底座大模型、知识向量库、编排服务全部运行在局域网服务器上，服务器物理拔掉外网网线也能正常运转，杜绝任何外部数据爬取或云端传输风险。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 部署一套企业级私有智能体，需要多么昂贵的 GPU 显卡配置？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
通过 4-bit / 8-bit 量化技术与 vLLM 核心加速引擎，针对企业常规知识问答与审批业务，一张单卡（如 24G 显存）即可流畅支撑 7B~14B 参数模型的高并发推理；双卡即可支撑 32B 级别高阶推理，大幅减轻企业硬件投入负担。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 大模型常常会有“胡说八道”（幻觉）现象，纳海川如何保障答复准确？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
我们采用严格的 RAG 混合检索与强提示护栏（Guardrails）机制：智能体必须基于召回的私域文献证据段落回答，并在输出时标注明确的知识出处与原文段落。未在知识库中找到事实依据时，明确如实提示“未检索到相关规定”，杜绝凭空臆造。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 7. 行动号召 (CTA 板块) -->
|
||||
<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
|
||||
<div class="nhc-container">
|
||||
<h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
|
||||
让专有 AI 智能体深度融入您的业务体系
|
||||
</h2>
|
||||
<p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
|
||||
预约纳海川 AI 技术专家，携带您的实际业务文档体验内网智能体 PoC 原型检索效果。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>预约私域智能体 PoC</span>
|
||||
</a>
|
||||
<a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>电话咨询: 0851-88556677</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 核心服务独立页：智能体开发 结束 -->
|
||||
@@ -0,0 +1,334 @@
|
||||
<!-- 纳海川官方网站 · 核心服务独立页：APP与小程序定制 (Mobile & Mini-Program Engineering Page) 开始 -->
|
||||
|
||||
<!-- 1. APP与小程序专属 Hero 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
|
||||
<span>/</span>
|
||||
<span>APP与小程序定制</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px;">
|
||||
<span class="nhc-seal">全端协同 · 丝滑原生</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">企业级全生态 APP 与小程序定制研发</h1>
|
||||
<p class="nhc-page-desc">
|
||||
覆盖 iOS、Android 双端原生应用与微信、支付宝多生态小程序，兼具 60fps 丝滑交互手感与跨端高效发布能力，支持低功耗蓝牙 IoT 硬件直连、离网弱网数据同步与全链路消息触达。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||||
<span>评估移动端需求</span>
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
<a href="#capabilities" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||||
<span>了解技术性能</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 全渠道终端覆盖矩阵 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">终端覆盖</span>
|
||||
<span class="nhc-tag-text">MULTI-PLATFORM ECOSYSTEM</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">全渠道多端触点 · 满足多元业务使用场景</h2>
|
||||
<p class="nhc-section-desc">
|
||||
打通移动端每一个关键入口，为企业构建体验统一、数据互联的移动数字化产品矩阵。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<!-- 场景 1 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
|
||||
<span class="nhc-seal">双端应用</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">iOS / Android 跨平台与原生 APP</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
基于 Flutter / Uni-app / Kotlin / Swift 构建高性能移动应用，保障流畅手势操作与极低耗电，深度适配各大主流品牌手机与折叠屏设备。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">Flutter</span>
|
||||
<span class="nhc-tech-pill">Uni-app</span>
|
||||
<span class="nhc-tech-pill">原生级渲染</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 2 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
|
||||
<span class="nhc-seal">微信生态</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">微信小程序与企业微信深度协同</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
无缝整合微信支付、订阅消息推送、企业微信通讯录同步与审批流，充分激活企业私域流量与组织办公协同。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">微信支付</span>
|
||||
<span class="nhc-tech-pill">企业微信API</span>
|
||||
<span class="nhc-tech-pill">私域闭环</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 3 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
|
||||
<span class="nhc-seal">多端同构</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">支付宝 / 抖音多平台小程序</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
一套核心业务逻辑跨平台发布至支付宝信用生态、抖音团购挂载与本地生活频道，帮助企业以最轻成本覆盖全网流量。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">支付宝芝麻信用</span>
|
||||
<span class="nhc-tech-pill">抖音小程序</span>
|
||||
<span class="nhc-tech-pill">跨平台编译</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 4 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
|
||||
<span class="nhc-seal">软硬协同</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">物联网 IoT 与智能硬件蓝牙直连</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
深度定制 BLE 低功耗蓝牙数据交互协议，支持手持扫码枪、热敏票据打印机、电子秤与智能门禁等硬件设备毫秒级直连。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">低功耗蓝牙 BLE</span>
|
||||
<span class="nhc-tech-pill">ESC/POS协议</span>
|
||||
<span class="nhc-tech-pill">物联网工控</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 技术能力与核心性能规格 (能力板块) -->
|
||||
<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">性能规格</span>
|
||||
<span class="nhc-tag-text">PERFORMANCE BENCHMARKS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">高保真交互与苛刻的工程性能指标</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们拒绝卡顿与发热，坚持用工匠精神打磨每一个转场动效与弱网兜底逻辑。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">60 fps</div>
|
||||
<h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">界面渲染手势帧率</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">GPU 硬件加速与细粒度视图重绘控制，复杂列表滚动与滑动交互始终丝滑稳定。</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #06B6D4; margin-bottom: 8px;">< 1.2 s</div>
|
||||
<h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">小程序冷启动首屏耗时</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">代码按需分包预加载、资源 CDN 压缩与接口本地缓存，带来即点即开的畅快体验。</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #7C3AED; margin-bottom: 8px;">98.5 %</div>
|
||||
<h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">应用市场上架一次通过率</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">严格遵循苹果 App Store 审核准则与工信部隐私合规规范，提供完备资质辅导。</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 32px; font-weight: 700; color: #10B981; margin-bottom: 8px;">100 %</div>
|
||||
<h4 style="font-size: 15px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">离线操作断网无缝续传</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6;">内置 SQLite 本地事务队列，即使地下车库或野外断网亦可正常记账与保存操作。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 移动端研发流程 (流程板块) -->
|
||||
<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">交付周期</span>
|
||||
<span class="nhc-tag-text">DEVELOPMENT LIFECYCLE</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">全链路敏捷交付 · 助力移动产品极速上架</h2>
|
||||
<p class="nhc-section-desc">
|
||||
从交互原型到应用市场上架发行，全流程标准化管控，让移动端落地省心可靠。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 体验设计</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">UI/UX 高保真原型</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">梳理用户旅程与操作链路，输出全交互高保真视觉原型与设计规范。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 架构搭建</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">跨端统一技术选型</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立状态管理、网络请求重试、本地离线持久化与路由导航基座。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 功能编码</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">多端协同敏捷开发</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">原生功能插件封装、多端样式精细适配与服务端接口联调。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 真机云测</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">多机型与弱网压测</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">覆盖数百款主流安卓与苹果机型，完成弱网、锁屏、断电极端测试。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 市场上架</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">应用商城提审与发布</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">协助企业办理软著、配置隐私政策，完成苹果 App Store 与各大安卓市场上架。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 源码移交</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">代码交割与维保支持</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">交付双端打包工程源码及签名证书文件，提供 365 天版本更新维护。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 交付物与质量保障 (交付板块) -->
|
||||
<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">交付清单</span>
|
||||
<span class="nhc-tag-text">STANDARD DELIVERABLES</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">规范化移动工程交付 · 杜绝黑盒插件依赖</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们向客户交付标准化前端移动工程，客户可自由使用 Android Studio、Xcode 或 HBuilderX 自主编译打包。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">代码工程类交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>完整移动端前端工程源代码（支持自主一键编译与打包发布）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>微信/支付宝小程序源码包及后台管理服务端代码</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>生产环境 Android Keystore 证书与 iOS 打包发布描述文件</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>物联网蓝牙通信协议编解码 SDK 源码包</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">文档与上线资质类交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《移动端接口对接文档》与鉴权 Token 刷新机制说明</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《应用市场审核上架指导手册》（含工信部备案/隐私协议模板）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>真机兼容性与性能压测报告（含多分辨率适配记录）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>软著申报技术材料与 365 天无忧维保协议</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. 移动开发常见问答 (FAQ 板块) -->
|
||||
<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">移动技术问答</span>
|
||||
<span class="nhc-tag-text">FREQUENTLY ASKED QUESTIONS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">务实解惑 · 厘清跨端研发与上架关键环节</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们以丰富的移动端工程落地经验，帮助您避开应用商店提审与跨端性能的常见隐患。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 跨平台跨端开发方案（如 Flutter/Uni-app）和纯原生相比，性能差异大吗？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
在纳海川的工程实践中，Flutter 直接基于 Skia/Impeller 渲染引擎进行底层 GPU 绘制，界面手势帧率可达 60fps 原生流畅度；针对复杂的蓝牙通信、后台常驻服务，我们均采用原生 Android / iOS 原生桥接模块封装，既兼顾了跨端研发效率，又确保了底层硬件性能。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 苹果 App Store 和主流安卓市场审核日趋严格，如何保证顺利上线？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
纳海川提供从应用隐私合规清单梳理、工信部 APP 备案指导、苹果审核账号提审材料到演示视频录制的全流程陪跑服务。代码层面严格遵循各商城审核规范，确保项目上架一次性通过率超过 98.5%。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 一个后端服务是否能够同时支撑 iOS、Android APP 与微信小程序？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
可以。我们采用标准统一的 RESTful API 架构与 JWT 安全鉴权，前端多端共用同一套底层服务与业务中台。多端用户数据互通、订单同步流转，大幅降低后期的多端维护成本。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 7. 行动号召 (CTA 板块) -->
|
||||
<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
|
||||
<div class="nhc-container">
|
||||
<h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
|
||||
准备打造您的专属 APP 或全生态小程序？
|
||||
</h2>
|
||||
<p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
|
||||
联系纳海川移动产品顾问，为您提供针对性的移动端技术选型对比与产品原型交互方案。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>预约移动端项目评估</span>
|
||||
</a>
|
||||
<a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>电话咨询: 0851-88556677</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 核心服务独立页：APP与小程序定制 结束 -->
|
||||
@@ -77,6 +77,12 @@
|
||||
<span>完整工程源代码与数据库字典规范移交</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div style="margin-top: 20px;">
|
||||
<a href="{:addon_url('official/web.official_product/service_software')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
|
||||
<span>软件开发专属独立页</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-service-visual-box">
|
||||
<div class="nhc-service-media-box">
|
||||
@@ -141,6 +147,12 @@
|
||||
<span>60fps 丝滑动画与离线弱网数据缓存</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div style="margin-top: 20px;">
|
||||
<a href="{:addon_url('official/web.official_product/service_app')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
|
||||
<span>APP与小程序定制专属独立页</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-service-visual-box">
|
||||
<div class="nhc-service-media-box">
|
||||
@@ -205,6 +217,12 @@
|
||||
<span>企业敏感数据安全可控 · 纯本地私有部署</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div style="margin-top: 20px;">
|
||||
<a href="{:addon_url('official/web.official_product/service_agent')}" target="_blank" class="nhc-btn nhc-btn-outline" style="font-size: 13px; padding: 8px 18px;">
|
||||
<span>智能体开发专属独立页</span>
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nhc-service-visual-box">
|
||||
<div class="nhc-service-media-box">
|
||||
|
||||
@@ -0,0 +1,346 @@
|
||||
<!-- 纳海川官方网站 · 核心服务独立页：软件开发 (Software Engineering Page) 开始 -->
|
||||
|
||||
<!-- 1. 软件开发专属 Hero 视窗 -->
|
||||
<section class="nhc-page-hero nhc-lattice-pattern">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-breadcrumb">
|
||||
<a href="{:addon_url('official/web.official_home/index')}">首页</a>
|
||||
<span>/</span>
|
||||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}">核心服务</a>
|
||||
<span>/</span>
|
||||
<span>软件开发</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 16px;">
|
||||
<span class="nhc-seal">自主研发 · 源码交付</span>
|
||||
</div>
|
||||
<h1 class="nhc-page-title">企业级软件开发与微服务架构定制</h1>
|
||||
<p class="nhc-page-desc">
|
||||
面向千万级数据吞吐与复杂业务逻辑流转，纳海川提供高可用微服务中台定制、分布式系统架构重构与异构系统整合研发，100% 移交工程源码与技术文档，支持客户本地私有化部署。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: flex-start; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||||
<span>预约架构师评估</span>
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</a>
|
||||
<a href="#deliverables" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||||
<span>查看交付标准</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 软件开发分类与业务场景 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">业务矩阵</span>
|
||||
<span class="nhc-tag-text">ENGINEERING DOMAINS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">聚焦关键业务场景 · 打造稳健工程底座</h2>
|
||||
<p class="nhc-section-desc">
|
||||
针对企业在数字化转型中的性能瓶颈、数据孤岛与复杂业务流转卡点，纳海川提供针对性工程化解决方案。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<!-- 场景 1 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">01</span>
|
||||
<span class="nhc-seal">核心中台</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">高并发业务中台定制</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
打通会员、商品、订单、库存与资金结算中心，沉淀通用业务能力，支持前端多业务线敏捷调用与快速上线。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">订单路由</span>
|
||||
<span class="nhc-tech-pill">分库分表</span>
|
||||
<span class="nhc-tech-pill">幂等结算</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 2 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">02</span>
|
||||
<span class="nhc-seal">架构升级</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">微服务分布式解耦重构</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
针对老旧巨石单体应用进行领域驱动设计（DDD）拆分，引入分布式事务与断路器机制，消除单点故障风险。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">Spring Cloud</span>
|
||||
<span class="nhc-tech-pill">Sentinel</span>
|
||||
<span class="nhc-tech-pill">高可用调度</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 3 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">03</span>
|
||||
<span class="nhc-seal">系统集成</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">异构系统数据管道与 API 网关</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
无缝联通 ERP、CRM、WMS、金税发票及第三方银行资金清算通道，构建统一安全网关与数据校验审计通道。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">API网关</span>
|
||||
<span class="nhc-tech-pill">异构数据流</span>
|
||||
<span class="nhc-tech-pill">全链路审计</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 场景 4 -->
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 28px;">
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
|
||||
<span style="font-family: var(--font-serif); font-size: 20px; font-weight: 600; color: var(--primary);">04</span>
|
||||
<span class="nhc-seal">私有部署</span>
|
||||
</div>
|
||||
<h3 style="font-family: var(--font-serif); font-size: 19px; color: var(--text-primary); margin-bottom: 12px;">政企专属合规系统研发</h3>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px;">
|
||||
适配国产信创芯片与操作系统环境，支持客户内网服务器物理隔绝部署，严格满足网络安全等级保护与合规要求。
|
||||
</p>
|
||||
<div class="nhc-tech-pills" style="margin-top: auto;">
|
||||
<span class="nhc-tech-pill">信创适配</span>
|
||||
<span class="nhc-tech-pill">物理隔离</span>
|
||||
<span class="nhc-tech-pill">等保合规</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 技术能力与架构底座 (能力板块) -->
|
||||
<section id="capabilities" class="nhc-tech-capabilities" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">技术底座</span>
|
||||
<span class="nhc-tag-text">CORE STACK & SPECS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">主流可靠技术体系 · 拒绝黑盒与依赖绑定</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们采用业界成熟、生态健康的开源技术方案构建系统，保障客户后续自主维护与二次开发无障碍。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: var(--primary); border-radius: 2px;"></span>
|
||||
后端工程栈
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Java 17 / Spring Boot 3 / Spring Cloud Alibaba、PHP 8+ / Hyperf 微服务框架、Go 语言高并发网关服务。</p>
|
||||
<div style="font-size: 12px; color: var(--primary); font-weight: 600;">核心模块平均响应 < 50ms</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #06B6D4; border-radius: 2px;"></span>
|
||||
持久化与缓存集群
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">MySQL 8.0 主从读写分离、ShardingSphere 分库分表、Redis 7 哨兵/集群缓存、Elasticsearch 8 搜索引擎。</p>
|
||||
<div style="font-size: 12px; color: #06B6D4; font-weight: 600;">支持千万级数据量毫秒级召回</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #7C3AED; border-radius: 2px;"></span>
|
||||
异步消息与调度
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">RabbitMQ 延迟队列削峰填谷、Apache Kafka 海量业务流事件回溯、XXL-JOB 分布式任务调度中心。</p>
|
||||
<div style="font-size: 12px; color: #7C3AED; font-weight: 600;">高并发削峰防雪崩保障</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">
|
||||
<span style="display: inline-block; width: 6px; height: 16px; background: #10B981; border-radius: 2px;"></span>
|
||||
云原生与持续交付
|
||||
</h4>
|
||||
<p style="font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px;">Docker 容器化封装、Kubernetes 集群编排、GitLab CI / Jenkins 自动化构建部署、Prometheus 全维监控。</p>
|
||||
<div style="font-size: 12px; color: #10B981; font-weight: 600;">自动化发布与毫秒级服务自愈</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 严谨工程研发交付流程 (流程板块) -->
|
||||
<section id="process" class="nhc-delivery-process" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">研发规范</span>
|
||||
<span class="nhc-tag-text">DELIVERY LIFECYCLE</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">六步标准工程化闭环 · 每一个节点皆可追溯</h2>
|
||||
<p class="nhc-section-desc">
|
||||
严格遵循 CMMI 软件成熟度与敏捷工程规范，杜绝扯皮与需求偏离，保障项目如期保质投产。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 36px;">
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">01. 调研拆解</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">需求与边界评审</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">明确系统功能边界、非功能指标及业务用例，输出详细需求规格说明书。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">02. 架构蓝图</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">架构设计与数据建模</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">确立系统拓扑结构、微服务划分、数据库 ER 关系与接口通信协议。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">03. 敏捷开发</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">模块编码与单元自测</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">双周迭代开发，规范分支管理与严格代码审查，单元测试覆盖核心路径。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">04. 全面测试</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">并发压测与安全渗透</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">JMeter 压力负载测试、SQL 注入及权限漏洞渗透测试，保障系统无缺陷。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">05. 私有上线</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">内网部署与灰度割接</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">指导或协助部署至客户自有云/物理机房，平滑迁移历史数据并灰度上线。</p>
|
||||
</div>
|
||||
<div class="nhc-corner-card" style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 20px;">
|
||||
<div style="font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--primary); margin-bottom: 8px;">06. 源码移交</div>
|
||||
<div style="font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">交付验收与维保陪跑</div>
|
||||
<p style="font-size: 12px; color: var(--text-secondary); line-height: 1.6;">交接全套代码与设计文档，提供技术人员交接培训及 365 天免费质保。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 交付物与质量保障 (交付板块) -->
|
||||
<section id="deliverables" class="nhc-deliverables" style="padding: 70px 0; background: #F8FAFC; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">交付清单</span>
|
||||
<span class="nhc-tag-text">STANDARD DELIVERABLES</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">全套交付资产清清楚楚 · 源码资产客户专属独占</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们承诺向客户交付完整、无混淆、无后门的软件工程资产，客户拥有完全的自主处置权与二次开发自由。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; margin-top: 36px;">
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">代码与工程类交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>完整后端服务工程源码（含完整的 Git 提交历史）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>完整前端管理后台与客户端源代码</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>生产环境 Dockerfile 与自动化部署 CI/CD 脚本</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>单元测试用例及代码覆盖率验证报告</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 17px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px;">文档与合规类交付物</h4>
|
||||
<ul class="nhc-feature-checklist">
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《系统架构设计说明书》与领域模型架构图</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《数据库字典说明书》（包含所有表结构与索引设计）</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>标准 OpenAPI 格式的 RESTful 接口规范文档</span>
|
||||
</li>
|
||||
<li class="nhc-feature-check-item">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>《服务器部署与灾备运维手册》及技术交接培训记录</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. 技术问答 (FAQ 板块) -->
|
||||
<section id="faq" class="nhc-faq" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
<div class="nhc-section-header">
|
||||
<div class="nhc-section-tag">
|
||||
<span class="nhc-seal">技术问答</span>
|
||||
<span class="nhc-tag-text">FREQUENTLY ASKED QUESTIONS</span>
|
||||
</div>
|
||||
<h2 class="nhc-section-title">坦诚清晰 · 回答您关切的工程核心问题</h2>
|
||||
<p class="nhc-section-desc">
|
||||
我们以务实透明的态度面对技术细节，确保每一次合作都有始有终、边界明晰。
|
||||
</p>
|
||||
<div class="nhc-line-divider"><span></span></div>
|
||||
</div>
|
||||
|
||||
<div style="max-width: 900px; margin: 36px auto 0; display: flex; flex-direction: column; gap: 16px;">
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q1: 软件开发交付后，是否会移交全部源码？后续开发会受限制吗？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
纳海川交付全部未经编译混淆的完整工程源代码、数据库结构和构建脚本。所有源码知识产权归客户所有，客户可自由组建自有技术团队进行二次开发，不存在任何隐性后门与商业绑定。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q2: 针对高并发大流量业务，纳海川如何保障系统的稳定性？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
我们在架构设计阶段即引入微服务解耦、数据库主从读写分离、Redis 多级缓存与消息队列异步解耦。上线前会执行严苛的分布式压力测试（压测指标明确写入技术协议），保障高负载下核心接口响应时间稳定在 50ms 以内。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="background: #F8FAFC; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 24px;">
|
||||
<h4 style="font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;">Q3: 交付后的维保服务如何执行？出现故障如何响应？</h4>
|
||||
<p style="font-size: 14px; color: var(--text-secondary); line-height: 1.7;">
|
||||
项目验收后提供 365 天首年免费质保，包含系统运行 Bug 修复、突发故障应急排除与系统安全加固。我们提供紧急故障 15 分钟内响应并介入处理的 SLA 保障机制。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 7. 行动号召 (CTA 板块) -->
|
||||
<section class="nhc-cta-banner" style="background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); color: #FFFFFF; padding: 60px 0; text-align: center;">
|
||||
<div class="nhc-container">
|
||||
<h2 style="font-family: var(--font-serif); font-size: 30px; font-weight: 700; margin-bottom: 16px; color: #FFFFFF;">
|
||||
准备开启您的企业级定制软件工程？
|
||||
</h2>
|
||||
<p style="font-size: 16px; opacity: 0.9; max-width: 680px; margin: 0 auto 32px; line-height: 1.7;">
|
||||
联系纳海川资深架构师，获得针对您企业实际业务场景的技术架构评估方案与详细实施计划。
|
||||
</p>
|
||||
<div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;">
|
||||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg" style="background: #FFFFFF; color: var(--primary); font-weight: 600; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>立即预约技术沟通</span>
|
||||
</a>
|
||||
<a href="tel:0851-88556677" class="nhc-btn nhc-btn-outline nhc-btn-lg" style="border: 1px solid rgba(255,255,255,0.6); color: #FFFFFF; padding: 12px 32px; border-radius: 4px; text-decoration: none;">
|
||||
<span>电话咨询: 0851-88556677</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 核心服务独立页：软件开发 结束 -->
|
||||
@@ -19,6 +19,9 @@ return [
|
||||
'/h/journalism/details/[:pid]/[:sid]/[:id]' => 'official/web.official_journalism/details',
|
||||
'/h/video/list/[:pid]/[:sid]' => 'official/web.official_video/list',
|
||||
'/h/video/details/[:pid]/[:sid]/[:id]' => 'official/web.official_video/details',
|
||||
'/official/service/software' => 'official/web.official_product/service_software',
|
||||
'/official/service/app' => 'official/web.official_product/service_app',
|
||||
'/official/service/agent' => 'official/web.official_product/service_agent',
|
||||
'/official/product/list/[:pid]/[:sid]' => 'official/web.official_product/list',
|
||||
'/official/product/details/[:pid]/[:sid]/[:id]' => 'official/web.official_product/details',
|
||||
'/official/case_show/list/[:pid]/[:sid]' => 'official/web.official_case_show/list',
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
/**
|
||||
* 三大服务独立页改版与内容规范测试 (PHP TDD 模式)
|
||||
* 验证：软件开发、APP与小程序定制、智能体开发三大专属独立页的完整性
|
||||
*/
|
||||
|
||||
class DedicatedServicePagesTest
|
||||
{
|
||||
private $passed = 0;
|
||||
private $failed = 0;
|
||||
|
||||
public function run()
|
||||
{
|
||||
echo "=== 开始执行三大核心服务独立页设计规范测试 (TDD) ===\n";
|
||||
|
||||
$baseDir = dirname(__DIR__);
|
||||
$softwareFile = $baseDir . '/addons/official/view/web/official_product/service_software.html';
|
||||
$appFile = $baseDir . '/addons/official/view/web/official_product/service_app.html';
|
||||
$agentFile = $baseDir . '/addons/official/view/web/official_product/service_agent.html';
|
||||
$navFile = $baseDir . '/addons/official/view/web/official_common/pc/nav.html';
|
||||
|
||||
$this->assert(file_exists($softwareFile), "软件开发独立页文件必须存在");
|
||||
$this->assert(file_exists($appFile), "APP与小程序定制独立页文件必须存在");
|
||||
$this->assert(file_exists($agentFile), "智能体开发独立页文件必须存在");
|
||||
|
||||
if (file_exists($softwareFile)) {
|
||||
$softwareContent = file_get_contents($softwareFile);
|
||||
$this->assert(strpos($softwareContent, '纳海川') !== false, "软件开发独立页包含品牌【纳海川】");
|
||||
$this->assert(strpos($softwareContent, '微服务') !== false && strpos($softwareContent, '中台') !== false, "软件开发独立页包含微服务与中台");
|
||||
}
|
||||
|
||||
if (file_exists($appFile)) {
|
||||
$appContent = file_get_contents($appFile);
|
||||
$this->assert(strpos($appContent, '纳海川') !== false, "APP小程序独立页包含品牌【纳海川】");
|
||||
$this->assert(strpos($appContent, '60fps') !== false || strpos($appContent, '蓝牙') !== false, "APP小程序独立页包含真实移动工程指标");
|
||||
}
|
||||
|
||||
if (file_exists($agentFile)) {
|
||||
$agentContent = file_get_contents($agentFile);
|
||||
$this->assert(strpos($agentContent, '纳海川') !== false, "智能体独立页包含品牌【纳海川】");
|
||||
$this->assert(strpos($agentContent, 'RAG') !== false || strpos($agentContent, '物理隔离') !== false, "智能体独立页包含RAG与物理隔离保障");
|
||||
}
|
||||
|
||||
if (file_exists($navFile)) {
|
||||
$navContent = file_get_contents($navFile);
|
||||
$this->assert(strpos($navContent, 'service_software') !== false || strpos($navContent, 'service=software') !== false, "导航卡片支持跳转软件开发独立页");
|
||||
$this->assert(strpos($navContent, 'service_app') !== false || strpos($navContent, 'service=app') !== false, "导航卡片支持跳转APP小程序独立页");
|
||||
$this->assert(strpos($navContent, 'service_agent') !== false || strpos($navContent, 'service=agent') !== false, "导航卡片支持跳转智能体独立页");
|
||||
}
|
||||
|
||||
echo "\n测试结果: {$this->passed} 通过, {$this->failed} 失败\n";
|
||||
return $this->failed === 0;
|
||||
}
|
||||
|
||||
private function assert($condition, $message)
|
||||
{
|
||||
if ($condition) {
|
||||
echo " [PASS] {$message}\n";
|
||||
$this->passed++;
|
||||
} else {
|
||||
echo " [FAIL] {$message}\n";
|
||||
$this->failed++;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -270,6 +270,15 @@ def test_journalism_and_articles_suite():
|
||||
res.assert_true(test_result.wasSuccessful(), f"新闻资讯与文章深度断言全部通过 (共 {test_result.testsRun} 项)")
|
||||
return res.summary()
|
||||
|
||||
def test_dedicated_service_pages_suite():
|
||||
res = TestResult("三大服务独立页专项测试 (DedicatedServicePages)")
|
||||
from tests.test_dedicated_service_pages import DedicatedServicePagesTest
|
||||
suite = unittest.TestLoader().loadTestsFromTestCase(DedicatedServicePagesTest)
|
||||
runner = unittest.TextTestRunner(verbosity=0)
|
||||
test_result = runner.run(suite)
|
||||
res.assert_true(test_result.wasSuccessful(), f"三大服务独立页断言全部通过 (共 {test_result.testsRun} 项)")
|
||||
return res.summary()
|
||||
|
||||
def main():
|
||||
import unittest
|
||||
results = [
|
||||
@@ -284,7 +293,8 @@ def main():
|
||||
test_ad_law_compliance_suite(),
|
||||
test_natural_copywriting_suite(),
|
||||
test_homepage_button_links_suite(),
|
||||
test_journalism_and_articles_suite()
|
||||
test_journalism_and_articles_suite(),
|
||||
test_dedicated_service_pages_suite()
|
||||
]
|
||||
sys.exit(0 if all(results) else 1)
|
||||
|
||||
|
||||
@@ -0,0 +1,125 @@
|
||||
#!/usr/bin/env python3
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
三大核心服务独立页面 (Dedicated Service Pages) TDD 验证
|
||||
覆盖：软件开发独立页、APP与小程序定制独立页、智能体开发独立页
|
||||
验证必备板块：分类、能力、流程、交付、FAQ、CTA、设计规范、去AI味道与禁止项，以及导航卡片联动
|
||||
"""
|
||||
import os
|
||||
import re
|
||||
import unittest
|
||||
|
||||
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
|
||||
|
||||
class DedicatedServicePagesTest(unittest.TestCase):
|
||||
def setUp(self):
|
||||
self.software_page = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'service_software.html')
|
||||
self.app_page = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'service_app.html')
|
||||
self.agent_page = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_product', 'service_agent.html')
|
||||
self.nav_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_common', 'pc', 'nav.html')
|
||||
self.home_path = os.path.join(BASE_DIR, 'addons', 'official', 'view', 'web', 'official_home', 'index.html')
|
||||
self.controller_path = os.path.join(BASE_DIR, 'addons', 'official', 'controller', 'web', 'OfficialProduct.php')
|
||||
|
||||
def test_01_files_exist(self):
|
||||
"""三个独立服务页面模板文件必须全部存在"""
|
||||
self.assertTrue(os.path.exists(self.software_page), "软件开发独立页模板 (service_software.html) 必须存在")
|
||||
self.assertTrue(os.path.exists(self.app_page), "APP与小程序定制独立页模板 (service_app.html) 必须存在")
|
||||
self.assertTrue(os.path.exists(self.agent_page), "智能体开发独立页模板 (service_agent.html) 必须存在")
|
||||
|
||||
def test_02_software_service_page_content(self):
|
||||
"""软件开发独立页必须包含完备板块与专业工程实践"""
|
||||
if not os.path.exists(self.software_page):
|
||||
self.fail("service_software.html 不存在")
|
||||
with open(self.software_page, 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
self.assertIn("纳海川", content, "必须包含品牌名【纳海川】")
|
||||
self.assertFalse(re.search(r'纳川(?!海)', content), "严禁简称为【纳川】")
|
||||
self.assertIn("软件开发", content, "核心标题必须体现软件开发")
|
||||
# 必备板块：分类、能力、流程、交付、FAQ
|
||||
self.assertTrue("nhc-services-categories" in content or "分类" in content or "业务场景" in content, "必须包含业务分类或场景板块")
|
||||
self.assertTrue("nhc-tech-capabilities" in content or "能力" in content or "技术底座" in content, "必须包含核心技术能力板块")
|
||||
self.assertTrue("nhc-delivery-process" in content or "流程" in content or "研发流程" in content, "必须包含工程化流程板块")
|
||||
self.assertTrue("nhc-deliverables" in content or "交付" in content or "交付标准" in content, "必须包含交付物清单板块")
|
||||
self.assertTrue("nhc-faq" in content or "FAQ" in content or "常见问答" in content, "必须包含常见问题解答板块")
|
||||
|
||||
# 真实工程栈与去AI化
|
||||
self.assertTrue("微服务" in content and "中台" in content, "必须体现企业级微服务与中台定制能力")
|
||||
self.assertTrue("源码" in content, "必须承诺交付完整源代码")
|
||||
self.assertFalse(re.search(r'[\U0001F600-\U0001F64F\U0001F300-\U0001F5FF\U0001F680-\U0001F6FF\u2600-\u26FF\u2700-\u27BF]', content), "严禁使用 emoji")
|
||||
|
||||
def test_03_app_service_page_content(self):
|
||||
"""APP与小程序定制独立页必须包含移动生态全覆盖与真实指标"""
|
||||
if not os.path.exists(self.app_page):
|
||||
self.fail("service_app.html 不存在")
|
||||
with open(self.app_page, 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
self.assertIn("纳海川", content, "必须包含品牌名【纳海川】")
|
||||
self.assertFalse(re.search(r'纳川(?!海)', content), "严禁简称为【纳川】")
|
||||
self.assertTrue("APP" in content and "小程序" in content, "核心标题必须体现 APP 与小程序定制")
|
||||
# 必备板块
|
||||
self.assertTrue("分类" in content or "业务场景" in content or "终端覆盖" in content, "必须包含多端覆盖分类板块")
|
||||
self.assertTrue("能力" in content or "技术" in content or "性能规格" in content, "必须包含移动核心能力板块")
|
||||
self.assertTrue("流程" in content or "研发流程" in content, "必须包含端到端交付流程板块")
|
||||
self.assertTrue("交付" in content or "交付物" in content or "交付标准" in content, "必须包含交付清单板块")
|
||||
self.assertTrue("FAQ" in content or "问答" in content, "必须包含常见问题解答板块")
|
||||
|
||||
# 移动特色真实能力
|
||||
self.assertTrue("iOS" in content and "Android" in content and "微信" in content, "必须覆盖 iOS / Android 与微信生态")
|
||||
self.assertTrue("60fps" in content or "蓝牙" in content or "离线" in content, "必须体现真实移动工程指标")
|
||||
self.assertFalse(re.search(r'[\U0001F600-\U0001F64F\U0001F300-\U0001F5FF\U0001F680-\U0001F6FF\u2600-\u26FF\u2700-\u27BF]', content), "严禁使用 emoji")
|
||||
|
||||
def test_04_agent_service_page_content(self):
|
||||
"""智能体开发独立页必须包含企业级私域合规与知识工程落地"""
|
||||
if not os.path.exists(self.agent_page):
|
||||
self.fail("service_agent.html 不存在")
|
||||
with open(self.agent_page, 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
self.assertIn("纳海川", content, "必须包含品牌名【纳海川】")
|
||||
self.assertFalse(re.search(r'纳川(?!海)', content), "严禁简称为【纳川】")
|
||||
self.assertTrue("智能体" in content, "核心标题必须体现智能体开发")
|
||||
# 必备板块
|
||||
self.assertTrue("分类" in content or "业务场景" in content or "应用矩阵" in content, "必须包含智能体分类与场景板块")
|
||||
self.assertTrue("能力" in content or "技术" in content or "技术底座" in content, "必须包含核心技术底座板块")
|
||||
self.assertTrue("流程" in content or "实施流程" in content, "必须包含工程化实施流程板块")
|
||||
self.assertTrue("交付" in content or "交付物" in content or "交付标准" in content, "必须包含交付物清单板块")
|
||||
self.assertTrue("FAQ" in content or "问答" in content, "必须包含常见技术问答板块")
|
||||
|
||||
# 私有合规与 RAG 真实特征
|
||||
self.assertTrue("RAG" in content or "向量" in content, "必须包含企业级 RAG 向量工程")
|
||||
self.assertTrue("物理隔离" in content or "私有化" in content or "0 外泄" in content or "0外泄" in content, "必须体现内网物理隔离与数据安全保障")
|
||||
self.assertFalse(re.search(r'[\U0001F600-\U0001F64F\U0001F300-\U0001F5FF\U0001F680-\U0001F6FF\u2600-\u26FF\u2700-\u27BF]', content), "严禁使用 emoji")
|
||||
|
||||
def test_05_nav_mega_menu_links_to_dedicated_pages(self):
|
||||
"""顶部导航服务矩阵中的三个卡片必须分别指向独立的页面"""
|
||||
with open(self.nav_path, 'r', encoding='utf-8') as f:
|
||||
nav_html = f.read()
|
||||
|
||||
# 提取服务下拉菜单中的三个卡片链接
|
||||
self.assertTrue(
|
||||
"service_software" in nav_html or "service=software" in nav_html,
|
||||
"导航【软件开发】卡片必须链接到专属独立页面"
|
||||
)
|
||||
self.assertTrue(
|
||||
"service_app" in nav_html or "service=app" in nav_html,
|
||||
"导航【APP与小程序定制】卡片必须链接到专属独立页面"
|
||||
)
|
||||
self.assertTrue(
|
||||
"service_agent" in nav_html or "service=agent" in nav_html,
|
||||
"导航【智能体开发】卡片必须链接到专属独立页面"
|
||||
)
|
||||
|
||||
def test_06_controller_supports_dedicated_pages(self):
|
||||
"""OfficialProduct 控制器必须具备独立页面分发逻辑或独立动作"""
|
||||
with open(self.controller_path, 'r', encoding='utf-8') as f:
|
||||
code = f.read()
|
||||
|
||||
has_software_route = "service_software" in code or "software" in code
|
||||
has_app_route = "service_app" in code or "app" in code
|
||||
has_agent_route = "service_agent" in code or "agent" in code
|
||||
self.assertTrue(has_software_route and has_app_route and has_agent_route, "控制器必须支持软件开发、APP小程序、智能体独立页面")
|
||||
|
||||
if __name__ == '__main__':
|
||||
unittest.main()
|
||||
在新工单中引用
屏蔽一个用户