Files
Arrokoth-web/newdetails.html

619 lines
34 KiB
HTML
Raw Normal View History

2025-12-30 10:26:47 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>北京阿罗科斯信息技术公司</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="/favicon.ico" />
<link type="text/css" rel="stylesheet" href="./style/css/gobal.css" />
<link type="text/css" rel="stylesheet" href="./style/css/style.css" />
<link type="text/css" rel="stylesheet" href="./style/css/animate.min.css" />
<link type="text/css" rel="stylesheet" href="./style/css/owl.carousel.css" />
<style>
.news-details {
display: none;
}
.news-text img {
width: 100%;
}
</style>
<script type="text/javascript" src="./style/js/jquery.js"></script>
<script type="text/javascript" src="./style/js/common.js"></script>
<script type="text/javascript" src="./style/js/owl.carousel.js"></script>
<script type="text/javascript" src="./style/js/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</head>
<body>
<div id="head">
<header>
<div class="header">
<div class="logo"><a href="index.html"><img src="./static/images/logo.png" alt="北京阿罗科斯信息技术"></a></div>
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li>
<a href="serve.html" title="">软件服务</a>
</li>
<li>
<a href="caselist.html" title="">平台产品</a>
</li>
<li class="on">
<a href="newslist.html" title="">行业资讯</a>
</li>
<li>
<a href="aboutus.html" title="">关于我们</a>
</li>
<li>
<a href="contact.html" title="">联系我们</a>
</li>
</ul>
</div>
<div class="myPhone">服务热线:<b><a href="tel:13671001072">13671001072</a></b></div>
<div class="btn-m-list"> <span></span> <span></span> <span></span> <span></span> </div>
</div>
</header>
<div class="neirong neirong-hide">
<div class="neirong-bd">
<a href="index.html" class="">首页</a>
<a href="serve.html" title="服务" class="">软件服务 </a>
<a href="caselist.html" title="作品" class="">平台产品 </a>
<a href="newslist.html" title="资讯" class="neirong-on">行业资讯 </a>
<a href="aboutus.html" title="我们" class="">关于我们 </a>
<a href="contact.html" title="联系" class="">联系我们 </a>
</div>
<div class="neirong-close"></div>
</div>
</div>
<div id="warpper">
<section>
<div class="contain">
<div class="nybanner" style="background-image:url(./static/upload/image/20201210/1607572190966928.jpg);">
<div class="ny-title">
<h2 class="wow bounceInDown"><img src="./style/images/n1.png" /></h2>
<h3 class="wow fadeInUp"><img src="./style/images/n2.png" /></h3>
</div>
</div>
<div class="news-warp">
<div class="layout">
<div class="news-screen clearfix">
<div class="screenleft">
<ul>
</ul>
</div>
</div>
<div id="newsdetails_1" class="news-details">
<div class="news-title">
<div class="tou">
<h1>汉得x华为云圆桌对话AI应用探索与实践分享</h1>
</div>
<span class="date">发布于2024-08-23 10:37</span>
</div>
<div class="news-text">
<img
src="https://pics3.baidu.com/feed/9213b07eca80653819d71537dcf3254aad348295.jpeg@f_auto?token=20e8ede7030c2314779a1723c22fed5f"
alt="">
大模型技术作为人工智能领域的一项重要突破,正在逐渐改变传统产业的发展模式,其强大的数据处理能力和模式识别能力,为传统企业提供了智能化、自动化升级的新机遇。然而谈及如何高效利用大模型技术去解决企业运营当中的实际问题,提升市场竞争力,仍是企业需要深入探讨的问题。<br><br>
为此在汉得携手华为云联合举办的首次“AI动力营”企业CXO思享会上特别设置圆桌交流环节邀请汉得高级副总裁何登攀主持对话嘉宾汉得COO黄耿华为中国云AI解决方案总监陈亮辉华为全球培训中心金牌讲师王一夫以及客户代表顶新国际PMI数字化推进总监杨勇广州志尧软件业务负责人葛艺。<br><br>
圆桌嘉宾们针对企业数据与AI的应用、闭源与开源大模型的选择、应用AI产生的顾虑以及实际应用时遇到的挑战与成果等话题进行热烈的探讨与交流。<br><br>
通过汇聚多方智慧,深入分析企业在构建创新生态系统、应用大模型技术等方面的现状与挑战,并探索解决方案及最佳实践,希望为企业的创新发展提供新思路,共同推动企业在新时代的转型升级和高质量发展。<br><br>
</div>
</div>
<div id="newsdetails_2" class="news-details">
<div class="news-title">
<div class="tou">
<h1>人工智能应用深化</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
<img
src="https://pics7.baidu.com/feed/79f0f736afc37931d7a60d1998525c4842a9115c.jpeg@f_auto?token=d9d8bb459774b147c787a898d8797712"
alt="">
人工智能技术在软件服务行业的应用不断深化,从基础研发到应用落地,形成了完整的产业链。大模型等新技术在软件产品中的集成和应用,进一步提升了软件的智能化水平。<br><br>
新华社北京4月26日电 全国政协26日在京召开远程协商会中共中央政治局常委、全国政协主席王沪宁主持会议。他表示中共十八大以来以习近平同志为核心的中共中央准确把握新一轮科技革命和产业变革趋势把新一代人工智能作为推动科技跨越发展、产业优化升级、生产力整体跃升的驱动力量推动我国人工智能科技创新实现新突破、人工智能产业快速发展、与现代产业融合应用深度拓展在培育新质生产力、建设现代化产业体系、推动高质量发展上迈出坚实步伐。人民政协要深入学习领会习近平总书记关于发展人工智能的重要论述和中共中央决策部署更好把握协商议政的方向、重点、落点增强建言献策的针对性和实效性。<br><br>
王沪宁表示,广大政协委员要跟踪我国人工智能发展应用进程,围绕推进人工智能领域基础研究和原始创新、人工智能和产业发展深度融合、人工智能在民生保障和社会治理等领域的深度应用、人工智能治理和国际合作等方面的重要问题深化研究,努力提出针对性、操作性强的对策建议,助力人工智能更好赋能现代化产业体系建设和高质量发展、更好创造和服务人民美好生活。要结合开展委员履职“服务为民”活动、“三下乡”活动等,运用“委员科学讲堂”等平台,广泛宣传新时代我国人工智能发展和应用取得的成就,增强全社会创新热情和创造活力。<br><br>
全国政协委员王志刚、李萌、朱松纯、周鸿祎、王坚、钱锋、马军胜、孙志强和专家刘庆峰、朱磊分别在全国政协机关和上海、浙江、安徽会场以及北京、广东等地,通过视频连线等方式发言。大家认为,要强化前瞻引领性研究,加强自主可控技术创新,探索人工智能多场景应用,发展垂直化、产业化大模型,以高水平规模化应用带动人工智能融合发展。要加强数据和算力要素共享整合,让人工智能为新型工业化注入新动力。要完善激励人工智能创新<br><br>
</div>
</div>
<div id="newsdetails_3" class="news-details">
<div class="news-title">
<div class="tou">
<h1>云计算与大数据</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
云计算和大数据技术为软件服务行业提供了强大的支撑,使得软件产品能够更高效地处理海量数据,实现更精准的业务分析和决策支持<br><br>
<img
src="https://pica.zhimg.com/70/v2-cde273d697e4823eda30349fea9986f4_1440w.avis?source=172ae18b&biz_tag=Post"
alt="">
一、云计算是什么?
1.云计算狭义上的意思:“云”实质上就是一个网络,狭义上讲,云计算就是一种提供资源的网络,使用者可以随时获取“云”上的资源,按需求量使用,并且可以看成是无线扩展的,只需按使用量付费就可以。<br><br>
2.云计算广义上的意思:云计算是与信息技术、软件、互联网相关的一种服务,这种计算资源共享池叫做“云”,云计算把许多计算资源集合起来,通过软件实现自动化管理,只需要很少的人参与,就能让资源被快速提高。<br><br>
3.云计算通俗理解通过互联网提供全球用户计算力、存储服务为互联网信息处理提供硬件基础。云计算简单说就是把你自己电脑里的或者公司服务器上的硬盘、CPU都放到网上统一动态调用。<br><br>
二、大数据是什么?<br><br>
1.大数据的定义(肯麦锡全球研究所):一种规模大到在获取、存储、管理、分析方面大大超出了传统数据库软件工具能力范围的数据几何,具有海量的数据规模、快速的数据流转、多样的数据类型和价值密度低四大特征。<br><br>
2.大数据的定义研究机构Gartner“大数据”是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力来适应海量、高增长率和多样化的信息资产。<br><br>
3.大数据通俗理解:运用日趋成熟的云计算技术从浩瀚的互联网信息海洋中获得有价值的信息进行信息归纳、检索、整合,为互联网信息处理提供软件基础。大数据,简单说,就是把所有的数据放到一起分析,找到关联,实现预测。这里的所有数据对应的是之前的抽样调研取得的部分数据。<br><br>
三、云计算和大数据的区别和联系<br><br>
区别:<br><br>
1. 定义不同:云计算是一种基于网络的计算模式,提供可扩展的、虚拟化的计算资源,为用户提供按需服务;大数据则是一种利用先进的软件和硬件处理大量数据的技术。<br><br>
2. 目标不同:云计算主要关注于给用户提供便捷、高效的计算资源,追求更高的效率和降低成本;而大数据则旨在从庞大的数据中发掘出有价值的信息,帮助企业分析市场、优化产品、提高服务质量等。<br><br>
3.
技术侧重点不同:云计算的技术核心是虚拟化技术和自动化管理技术,主要解决的是资源的高效利用、安全性和可靠性等问题;大数据则关注于数据的存储、处理、分析和挖掘技术,主要解决的是海量数据的高效处理和分析问题。<br><br>
联系:<br><br>
1. 大数据需要依赖于云计算来支撑其海量数据的存储和高性能的计算需求,云计算为大数据的存储、处理和分析提供了硬件上的支持。<br>
2. 云计算在存储和使用数据时,也需要借助大数据的技术来进行数据分析和挖掘,在一定程度上可以提高数据使用效率和价值。<br>
因此云计算和大数据是密切相关的技术两者互相依存、互相促进共同推动着IT产业的发展。<br><br>
</div>
</div>
<div id="newsdetails_4" class="news-details">
<div class="news-title">
<div class="tou">
<h1>低代码/无代码平台</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
低代码/无代码平台降低了软件开发的门槛,使得非专业开发人员也能快速构建和部署应用。这一趋势将推动软件行业的进一步普及和发展<br>
在数字化浪潮的冲击下,企业和个人开发者对应用开发的需求日益增长,而传统的编程方式却难以满足快速开发和迭代的需求。此时,低代码/零代码/无代码平台的解决方案备受关注,成为了解决这一痛点的有力工具,为没有编程背景的用户提供了创建应用程序的能力,极大地简化了开发过程。本文详细解读低代码/0代码/无代码平台的概念、优势、适用场景以及如何选择合适的平台。<br><br>
一、低代码/零代码/无代码平台的概念
低代码、零代码、无代码平台是一种应用开发工具,可以让非专业的开发人员也能够通过可视化界面和预构建的模块来创建应用,而无需编写任何代码。用户只需通过拖拽组件、配置参数,即可完成应用的创建,大大降低了应用开发的门槛。<br><br>
<img src="https://q3.itc.cn/images01/20240125/d565ff9c6b2b4f56a6e1d041cc742fd3.png" alt="">
二、低代码/零代码/无代码平台的优势<br>
快速开发:无需编写大量代码,大大缩短了开发周期。<br>
降低门槛:非技术人员也能轻松上手,降低了应用开发的门槛。<br>
易于维护:由于采用模块化设计,应用易于维护和扩展。<br>
节约成本:降低了人工成本和时间成本,为企业节省了开发费用。<br>
降低开发门槛:由于零代码平台不需要使用者具备专业的编程技能,因此降低了开发的门槛,使更多的人可以参与到应用程序的开发中来,实现“全民开发”。<br>
三、低代码/0代码/无代码平台的适用场景<br>
低代码开发平台适用场景非常广泛特别是对于需要快速开发、迭代和部署应用的场景。开发者可以快速构建应用程序而无需编写大量代码从而缩短开发周期、降低开发成本、提高开发效率。以JVS低代码为例简单介绍下适用场景。<br><br>
1、企业内部应用如客户关系管理CRM系统、人力资源管理HRM系统、内部协作和OA办公系统、车辆管理系统、库存和供应链管理系统等。<br>
2、报表和数据分析用户可以快速构建出符合需求的报表系统实现报表的自动化生成和数据分析。<br>
3、自动化流程和数据处理企业可以实现高效的信息传递、流程审批、文档管理、日程安排等功能从而更好地整合资源、优化工作流程。<br>
4、资产管理比如资产清查、管理、支持等方面确保资产的安全、稳定和高效利用。具有数据收集与处理自动化、信息传递网络化、应用功能多样化等特征。它可以广泛应用于各种行业如制造业、流通业、服务业、医药业等对于优化企业资产使用效率、降低企业运营成本具有重要意义。<br>
</div>
</div>
<div id="newsdetails_5" class="news-details">
<div class="news-title">
<div class="tou">
<h1>云服务</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
云服务 [1]是基于互联网的相关服务的增加、使用和交互模式,通常涉及通过互联网来提供动态易扩展且经常是虚拟化的资源。
[1]云是网络、互联网的一种比喻说法。过去在图中往往用云来表示电信网后来也用来表示互联网和底层基础设施的抽象。云服务指通过网络以按需、易扩展的方式获得所需服务。这种服务可以是IT和软件、互联网相关也可是其他服务。它意味着计算能力也可作为一种商品通过互联网进行流通。<br><br>
通过使计算分布在大量的分布式计算机上,而非本地计算机或远程服务器中,企业数据中心的运行将与互联网更相似。这使得企业能够将资源切换到需要的应用上,根据需求访问计算机和存储系统。<br><br>
好比是从古老的单台发电机模式转向了电厂集中供电的模式。它意味着计算能力也可以作为一种商品进行流通,就像煤气、水电一样,取用方便,费用低廉。最大的不同在于,它是通过互联网进行传输的。<br><br>
公共云和私有云
简单来说云服务可以将企业所需的软硬件、资料都放到网络上在任何时间、地点使用不同的IT设备互相连接实现数据存取、运算等目的。当前常见的云服务有公共云Public Cloud与私有云Private
Cloud两种 <br><br>
随着企业上云程度持续加深,用户在服务形态、平台性能、数据安全、建设成本等方面的需求层出不穷。由此,在原有公有云和私有云的基础上,市场上又催生出托管云这种部署模式。<br><br>
企业可依托托管云,以本地化部署等方式优先保障数据安全和就近接入的业务体验,为用户获取轻量化专属云资源,并通过托管式的运维管理和安全服务,实现用户轻运资产、轻运维、高安全模式上云用云。 <br><br>
公共云是最基础的服务多个客户可共享一个服务提供商的系统资源他们无需架设任何设备及配备管理人员便可享有专业的IT服务这对于一般创业者、中小企来说无疑是一个降低成本的好方法。公共云还可细分为3个类别包括Software-as-a-Service,
SaaS软件即服务、Platform-as-a-Service, PaaS平台即服务及Infrastructure-as-a-Service, IaaS基础设施即服务<br><br>
作为平日常用的Gmail、Hotmail、网上相册都属于SaaS的一种主要以单一网络软件为主导至于PaaS则以服务形式提供应用开发、部署平台加快用户自行编写CRM客户关系管理、ERP企业资源规划等系统的功能用户必须具备丰富的IT知识。
<br><br>
</div>
</div>
<div id="newsdetails_6" class="news-details">
<div class="news-title">
<div class="tou">
<h1>云计算与大数据</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
云计算和大数据技术为软件服务行业提供了强大的支撑,使得软件产品能够更高效地处理海量数据,实现更精准的业务分析和决策支持<br><br>
<img
src="https://pica.zhimg.com/70/v2-cde273d697e4823eda30349fea9986f4_1440w.avis?source=172ae18b&biz_tag=Post"
alt="">
一、云计算是什么?
1.云计算狭义上的意思:“云”实质上就是一个网络,狭义上讲,云计算就是一种提供资源的网络,使用者可以随时获取“云”上的资源,按需求量使用,并且可以看成是无线扩展的,只需按使用量付费就可以。<br><br>
2.云计算广义上的意思:云计算是与信息技术、软件、互联网相关的一种服务,这种计算资源共享池叫做“云”,云计算把许多计算资源集合起来,通过软件实现自动化管理,只需要很少的人参与,就能让资源被快速提高。<br><br>
3.云计算通俗理解通过互联网提供全球用户计算力、存储服务为互联网信息处理提供硬件基础。云计算简单说就是把你自己电脑里的或者公司服务器上的硬盘、CPU都放到网上统一动态调用。<br><br>
</div>
</div>
<div id="newsdetails_7" class="news-details">
<div class="news-title">
<div class="tou">
<h1>云计算与大数据</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
云计算和大数据技术为软件服务行业提供了强大的支撑,使得软件产品能够更高效地处理海量数据,实现更精准的业务分析和决策支持<br><br>
<img
src="https://pica.zhimg.com/70/v2-cde273d697e4823eda30349fea9986f4_1440w.avis?source=172ae18b&biz_tag=Post"
alt="">
一、云计算是什么?
1.云计算狭义上的意思:“云”实质上就是一个网络,狭义上讲,云计算就是一种提供资源的网络,使用者可以随时获取“云”上的资源,按需求量使用,并且可以看成是无线扩展的,只需按使用量付费就可以。<br><br>
2.云计算广义上的意思:云计算是与信息技术、软件、互联网相关的一种服务,这种计算资源共享池叫做“云”,云计算把许多计算资源集合起来,通过软件实现自动化管理,只需要很少的人参与,就能让资源被快速提高。<br><br>
3.云计算通俗理解通过互联网提供全球用户计算力、存储服务为互联网信息处理提供硬件基础。云计算简单说就是把你自己电脑里的或者公司服务器上的硬盘、CPU都放到网上统一动态调用。<br><br>
</div>
</div>
<div id="newsdetails_8" class="news-details">
<div class="news-title">
<div class="tou">
<h1>云计算与大数据</h1>
</div>
<span class="date">发布于2024-01-21 10:37</span>
</div>
<div class="news-text">
云计算和大数据技术为软件服务行业提供了强大的支撑,使得软件产品能够更高效地处理海量数据,实现更精准的业务分析和决策支持<br><br>
<img
src="https://pica.zhimg.com/70/v2-cde273d697e4823eda30349fea9986f4_1440w.avis?source=172ae18b&biz_tag=Post"
alt="">
一、云计算是什么?
1.云计算狭义上的意思:“云”实质上就是一个网络,狭义上讲,云计算就是一种提供资源的网络,使用者可以随时获取“云”上的资源,按需求量使用,并且可以看成是无线扩展的,只需按使用量付费就可以。<br><br>
2.云计算广义上的意思:云计算是与信息技术、软件、互联网相关的一种服务,这种计算资源共享池叫做“云”,云计算把许多计算资源集合起来,通过软件实现自动化管理,只需要很少的人参与,就能让资源被快速提高。<br><br>
3.云计算通俗理解通过互联网提供全球用户计算力、存储服务为互联网信息处理提供硬件基础。云计算简单说就是把你自己电脑里的或者公司服务器上的硬盘、CPU都放到网上统一动态调用。<br><br>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="gf-demand">
<div class="layout">
<h2 class="h2">I NEED TO BUILD WEBSITE</h2>
<h3 class="h3">我需要建站</h3>
<form action="" method="post">
<div class="write">
<input class="text1" type="text" id="contacts" name="name" placeholder="称呼姓名" value="">
<input class="text2" type="text" id="phone" name="phone" placeholder="联系电话" value="">
<input class="text3" type="text" id="description" name="description" placeholder="描述您的需求如网站、微信、电商、APP等。"
value="">
<input class="submit" type="submit" value="获取方案及报价">
</div>
</form>
<i class="italic">*请认真填写需求信息我们会在24小时内与您取得联系。</i>
</div>
</div>
<div id="foot">
<footer>
<div class="footer">
<div class="layout">
<div class="foottou">
<div class="ftlogo"><img src="./static/images/logo.png" /></div>
<div class="ftcont">
<i class="i">
<a href="serve.html">软件服务</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="caselist.html">软件产品</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="newslist.html">行业资讯</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="aboutus.html">关于我们</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<i class="i">
<a href="contact.html">联系我们</a>
</i>&nbsp;&nbsp;&nbsp;&nbsp;
<p>地址北京市通州区杨庄路1号3号1栋2035</p>
<p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备2025120695号-1</a>
<span style="margin-left: 10px;">京公网安备11011202101454号</span>
</p>
<p>Copyright © 2022 网络公司 All Rights Reserved.
</p>
<p>友情链接: <a href="http://www.yyds8848.com/">http://www.yyds8848.com/</a></p>
</div>
<div class="foot-ewm">
<ul class="clearfix">
<li> <img src="./static/images/gongzhonghao.jpg" />
<p>扫一扫,微信咨询</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="kefu">
<ul>
<li> <a class="weixin" href="javascript:;">微信</a>
<div class="div-ewm">
<ul class="clearfix">
<li> <img src="./static/images/gongzhonghao.jpg" />
<p>添加微信</p>
</li>
</ul>
</div>
</li>
<li> <a class="qq" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
target="_blank">QQ</a>
<div class="div-item"><span class="h2">524140394@qq.com</span></div>
</li>
<li> <a class="shouhou" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
target="_blank">售后服务</a>
<div class="div-item"><span class="h2">010-XXXXXXX</span></div>
</li>
<li> <a class="call" href="javascript:;">电话</a>
<div class="div-item"><span class="h2">13671001072</span></div>
</li>
<li class="backtop"> <a class="back" href="javascript:;">返回顶部</a>
<div class="div-item"><span class="h2">TOP</span></div>
</li>
</ul>
</div>
</div>
<script>
var params = new URLSearchParams(window.location.search);
var id = params.get('id');
console.log(id, 'id>>>>>>>>')
if (id == 1) {
$('#newsdetails_1').show();
}
if (id == 2) {
$('#newsdetails_2').show();
}
if (id == 3) {
$('#newsdetails_3').show();
}
if (id == 4) {
$('#newsdetails_4').show();
}
</script>
</body>
<script type="text/javascript">
$(document).ready(function () {
// 绑定表单提交事件
$('form').on('submit', function (e) {
e.preventDefault(); // 阻止默认提交
// 获取表单值
var name = $('#contacts').val().trim();
var phone = $('#phone').val().trim();
var description = $('#description').val().trim();
var hasError = false;
// 清空之前的错误提示
$('.error-message').remove();
$('.text1, .text2, .text3').removeClass('error');
// 验证称呼姓名
if (name === '') {
showError($('#contacts'), '请输入称呼姓名');
hasError = true;
}
// 验证联系电话
if (phone === '') {
showError($('#phone'), '请输入联系电话');
hasError = true;
} else if (!isValidPhone(phone)) {
showError($('#phone'), '请输入正确的手机号码');
hasError = true;
}
// 验证需求描述
if (description === '') {
showError($('#description'), '请描述您的需求');
hasError = true;
} else if (description.length < 5) {
showError($('#description'), '请至少输入5个字描述您的需求');
hasError = true;
}
// 如果有错误,停止提交
if (hasError) {
return false;
}
// 提交数据
submitForm(name, phone, description);
});
// 手机号验证函数
function isValidPhone(phone) {
// 简单的手机号验证
var phoneRegex = /^1[3-9]\d{9}$/;
return phoneRegex.test(phone);
}
// 显示错误提示函数
function showError($input, message) {
// 添加错误样式
$input.addClass('error');
// 创建错误消息元素
var $error = $('<div class="error-message"></div>')
.css({
'color': '#ff4d4f',
'font-size': '12px',
'margin-top': '5px',
'margin-bottom': '10px'
})
.text(message);
// 插入到输入框后面
$input.after($error);
}
// 提交表单函数
function submitForm(name, phone, description) {
// 禁用提交按钮,防止重复提交
var $submitBtn = $('.submit');
var originalText = $submitBtn.val();
$submitBtn.val('提交中...').prop('disabled', true);
// 显示加载状态(可选)
$submitBtn.addClass('loading');
// 准备提交数据
var formData = {
name: name,
phone: phone,
description: description
};
// 使用 jQuery AJAX 提交
$.ajax({
url: 'https://www.yyds8848.com/office/v1/website-request',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(formData),
dataType: 'json',
success: function (response) {
// 提交成功
$submitBtn.val('提交成功!');
// 显示成功提示
showSuccessMessage('提交成功!我们将尽快与您联系。');
// 3秒后重置表单和按钮
setTimeout(function () {
$submitBtn.val(originalText).prop('disabled', false);
$submitBtn.removeClass('loading');
$('form')[0].reset(); // 重置表单
}, 3000);
},
error: function (xhr, status, error) {
// 提交失败
$submitBtn.val('提交失败');
// 显示错误信息
var errorMsg = '提交失败,请稍后重试';
if (xhr.responseJSON && xhr.responseJSON.message) {
errorMsg = xhr.responseJSON.message;
}
showErrorMessage(errorMsg);
// 2秒后恢复按钮
setTimeout(function () {
$submitBtn.val(originalText).prop('disabled', false);
$submitBtn.removeClass('loading');
}, 2000);
}
});
}
// 显示成功提示函数
function showSuccessMessage(message) {
// 移除之前的提示
$('.success-message, .error-message').remove();
// 创建成功提示
var $success = $('<div class="success-message"></div>')
.css({
'color': '#52c41a',
'background-color': '#f6ffed',
'border': '1px solid #b7eb8f',
'padding': '10px',
'margin': '15px 0',
'border-radius': '4px',
'font-size': '14px'
})
.html('<i class="icon-check"></i> ' + message);
// 插入到表单前面
$('form').before($success);
}
// 显示错误提示函数(用于服务器返回的错误)
function showErrorMessage(message) {
// 移除之前的提示
$('.error-message, .success-message').remove();
// 创建错误提示
var $error = $('<div class="error-message"></div>')
.css({
'color': '#ff4d4f',
'background-color': '#fff2f0',
'border': '1px solid #ffccc7',
'padding': '10px',
'margin': '15px 0',
'border-radius': '4px',
'font-size': '14px'
})
.html('<i class="icon-error"></i> ' + message);
// 插入到表单前面
$('form').before($error);
}
// 实时验证(可选,提供更好的用户体验)
$('#phone').on('blur', function () {
var phone = $(this).val().trim();
if (phone !== '' && !isValidPhone(phone)) {
showError($(this), '请输入正确的手机号码');
}
});
// 输入时清除错误提示
$('.text1, .text2, .text3').on('input', function () {
$(this).removeClass('error');
$(this).next('.error-message').remove();
});
});
</script>
</html>