0

0

XQuery的declare namespace语法是什么?

月夜之吻

月夜之吻

发布时间:2025-08-01 18:43:01

|

725人浏览过

|

来源于php中文网

原创

xquery中的declare namespace语法用于将前缀绑定到xml命名空间uri,确保查询能准确匹配带命名空间的元素;2. 必须保证声明的uri与xml文档中的实际uri完全一致,避免因字符差异导致匹配失败;3. 当文档使用默认命名空间时,需用declare default element namespace声明对应uri,否则无前缀元素会被视为无命名空间;4. 应区分元素命名空间与函数命名空间,前者影响路径表达式,后者影响函数调用,避免混淆;5. 调试时可使用fn:node-name()或fn:namespace-uri-for-prefix()检查节点的命名空间信息;6. 在模块化开发中应保持命名前缀一致性,为库模块定义唯一的模块命名空间,并可使用declare target namespace明确对外接口;7. 多命名空间应分组声明并添加注释,提升可读性,同时避免前缀冲突和重复声明;8. 命名空间管理是处理复杂xml数据和构建可维护xquery应用的关键基础,必须细致对待以确保查询的正确性和代码的可维护性。

XQuery的declare namespace语法是什么?

XQuery中的

declare namespace
语法,简单来说,就是告诉你的XQuery引擎,你代码里用的某个短前缀(prefix)实际上代表着哪个完整的XML命名空间URI。这就像给一个复杂的地址起个好记的昵称,让你在编写查询时能更简洁、准确地引用那些带有命名空间的XML元素和属性。它是处理真实世界XML数据,特别是那些来自不同源、结构复杂的XML文档时,几乎不可或缺的一部分。

解决方案

declare namespace
的语法非常直接:
declare namespace prefix = "uri";
。你把它放在XQuery查询的序言(prologue)部分,也就是所有表达式开始之前。

举个例子,如果你有一个XML文档,其中包含这样的元素:

XQuery指南

那么在你的XQuery查询中,你就需要这样声明:

declare namespace book = "http://example.com/books";

这样,当你写

book:title
时,XQuery就知道你指的是URI为
http://example.com/books
命名空间下的
title
元素。

除了给前缀绑定URI,XQuery还允许你声明默认命名空间:

  • declare default element namespace "uri";
    :这会影响所有在查询中没有前缀的元素名。如果你查询的XML文档中,很多元素都没有前缀,但它们实际上都属于同一个命名空间(比如HTML5文档),这个声明就特别有用。
  • declare default function namespace "uri";
    :这影响所有没有前缀的函数名。XQuery标准库函数默认就在
    http://www.w3.org/2005/xpath-functions
    这个默认函数命名空间里,所以你通常可以直接调用
    fn:doc()
    doc()

如果没有正确声明命名空间,XQuery会把没有前缀的元素名或属性名视为处于“无命名空间”(no namespace)状态。这意味着,即使你的XML文档里有元素叫

title
,但它属于某个命名空间,如果你在查询里直接写
title
而没有声明对应的命名空间,XQuery是找不到它的,因为两者“不在一个屋檐下”。

XQuery命名空间声明为何如此关键,尤其是在处理复杂XML数据时?

我个人觉得,理解

declare namespace
的关键在于理解XML命名空间本身的设计哲学。XML之所以强大,在于它的可扩展性和组合性。不同的人可以定义自己的XML词汇表,比如一个定义书籍信息的,一个定义订单信息的。但当这些信息需要在一个文档中混合使用时,问题就来了:两个不同的词汇表里可能都有一个
</pre>元素,它们的意思却完全不同。命名空间就是为了解决这个“重名”问题。它通过给元素和属性一个“姓氏”(即命名空间URI),确保即使名字相同,只要“姓氏”不同,它们就是独立的、不冲突的。</p>
<p>对于XQuery来说,它的任务就是精准地定位和操作这些XML节点。如果它不知道某个前缀背后代表的真实URI,或者一个无前缀的元素究竟属于哪个“姓氏”,它就无法正确地解析路径表达式。想象一下,你在一个巨大的图书馆里找一本书,书名是“历史”,但图书馆里有几十本叫“历史”的书,它们可能来自不同的出版社,内容也天差地别。如果图书馆系统能告诉你,你要找的是“人民出版社”的“历史”,那是不是就好找多了?在XQuery里,<pre class="brush:php;toolbar:false;">declare namespace</pre>就扮演了“人民出版社”的角色,它提供了那个唯一的、明确的标识符。</p>
<p>所以,当你在处理从Web服务获取的SOAP消息、RSS/Atom订阅源,或者任何带有Schema定义的XML文档时,几乎都会遇到命名空间。没有<pre class="brush:php;toolbar:false;">declare namespace</pre>,你的XQuery查询很可能什么也匹配不到,因为你尝试匹配的“title”和文档中实际存在的“book:title”在XQuery看来完全是两回事。这不仅仅是语法上的要求,更是XML数据模型深层逻辑的体现。</p>
<h3>如何避免XQuery命名空间声明的常见错误?</h3>
<p>在实际操作中,命名空间相关的错误确实是XQuery初学者甚至经验丰富开发者都会遇到的“坑”。最常见的错误,我观察下来,往往是以下几种情况:</p><div class="aritcle_card flexRow">
							<div class="artcardd flexRow">
								<a class="aritcle_card_img" href="/xiazai/shouce/1808" title="Android配合WebService访问远程数据库 中文WORD版"><img
										src="https://img.php.cn/upload/manual/000/000/009/170893085525587.png" alt="Android配合WebService访问远程数据库 中文WORD版"></a>
								<div class="aritcle_card_info flexColumn">
									<a href="/xiazai/shouce/1808" title="Android配合WebService访问远程数据库 中文WORD版">Android配合WebService访问远程数据库 中文WORD版</a>
									<p>采用HttpClient向服务器端action请求数据,当然调用服务器端方法获取数据并不止这一种。WebService也可以为我们提供所需数据,那么什么是webService呢?,它是一种基于SAOP协议的远程调用标准,通过webservice可以将不同操作系统平台,不同语言,不同技术整合到一起。 实现Android与服务器端数据交互,我们在PC机器java客户端中,需要一些库,比如XFire,Axis2,CXF等等来支持访问WebService,但是这些库并不适合我们资源有限的android手机客户端,</p>
								</div>
								<a href="/xiazai/shouce/1808" title="Android配合WebService访问远程数据库 中文WORD版" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
							</div>
						</div>
<ol>
<li>
<strong>URI不匹配</strong>:你声明的URI和XML文档中实际使用的URI不一致。比如文档里是<pre class="brush:php;toolbar:false;">http://example.com/books/v1</pre>,你却声明成了<pre class="brush:php;toolbar:false;">http://example.com/books</pre>。XQuery是严格匹配URI的,哪怕只差一个斜杠或一个字符,都会被视为完全不同的命名空间。<ul><li>
<strong>避免方法</strong>:最稳妥的方式是直接从源XML文档中复制命名空间URI。如果你用的是XML编辑器,它通常会高亮显示命名空间声明,直接复制粘贴可以杜绝手误。</li></ul>
</li>
<li>
<strong>默认命名空间混淆</strong>:XML文档中有些元素没有前缀,但它们其实是属于某个命名空间的(通过父元素的<pre class="brush:php;toolbar:false;">xmlns</pre>属性继承)。如果你在XQuery里没有声明<pre class="brush:php;toolbar:false;">declare default element namespace "uri";</pre>,那么你的查询会认为这些无前缀的元素是“无命名空间”的,结果就是找不到。<ul><li>
<strong>避免方法</strong>:仔细检查XML文档的根元素及其子元素的命名空间声明。如果根元素有<pre class="brush:php;toolbar:false;">xmlns="http://some.uri"</pre>这样的声明,那么文档中的所有无前缀元素都属于这个URI,你就需要用<pre class="brush:php;toolbar:false;">declare default element namespace "http://some.uri";</pre>。</li></ul>
</li>
<li>
<strong>函数命名空间与元素命名空间混淆</strong>:有时我们会把<pre class="brush:php;toolbar:false;">declare default function namespace</pre>和<pre class="brush:php;toolbar:false;">declare default element namespace</pre>搞混。前者影响的是函数调用,后者影响的是元素路径表达式。<ul><li>
<strong>避免方法</strong>:记住,元素路径(如<pre class="brush:php;toolbar:false;">//book:title</pre>)的命名空间由<pre class="brush:php;toolbar:false;">declare namespace prefix = "uri";</pre>或<pre class="brush:php;toolbar:false;">declare default element namespace "uri";</pre>控制;而函数调用(如<pre class="brush:php;toolbar:false;">fn:upper-case()</pre>)的命名空间由<pre class="brush:php;toolbar:false;">declare default function namespace "uri";</pre>控制。通常情况下,你不需要显式声明默认函数命名空间,因为标准函数已经默认在那个URI下了。</li></ul>
</li>
<li>
<strong>调试技巧</strong>:如果你的查询没有返回预期结果,怀疑是命名空间问题,可以尝试用一些内置函数来辅助调试。<ul>
<li><pre class="brush:php;toolbar:false;">fn:node-name($node)</pre>:这个函数会返回一个QName(Qualified Name),其中包含了元素的本地名和命名空间URI。比如,<pre class="brush:php;toolbar:false;">fn:node-name(//book:title)</pre>可能会返回<pre class="brush:php;toolbar:false;">Q{http://example.com/books}title</pre>。通过比较这个输出和你期望的命名空间URI,可以快速定位问题。</li>
<li><pre class="brush:php;toolbar:false;">fn:namespace-uri-for-prefix($prefix, $element)</pre>:如果你想知道某个前缀在特定上下文(元素)下解析到了哪个URI,可以用这个函数。</li>
</ul>
</li>
</ol>
<p>总而言之,避免这些错误的关键在于“细致”和“理解”。花点时间审视你的XML源文件,理解它的命名空间结构,然后确保你的XQuery声明与之一致。</p>
<h3>在复杂XQuery模块中,命名空间声明的最佳实践是什么?</h3>
<p>随着XQuery项目变得越来越大,或者当你开始编写可复用的XQuery库模块时,命名空间声明的管理就不仅仅是“能用”那么简单了,它关乎到代码的可读性、可维护性和模块间的兼容性。</p>
<p>我的经验是,以下几点是值得考虑的最佳实践:</p>
<ol>
<li><p><strong>一致性是金</strong>:在一个项目或一组相关的模块中,尽量对同一个命名空间URI使用相同的短前缀。比如,如果<pre class="brush:php;toolbar:false;">http://example.com/books</pre>在你的所有模块中都用<pre class="brush:php;toolbar:false;">book</pre>作为前缀,那么当你在不同文件间跳转时,大脑就不需要重新映射,大大降低了认知负担。这就像团队约定编码风格一样,虽然不是强制的,但能显著提升协作效率。</p></li>
<li><p><strong>模块的“身份证”</strong>:当你编写XQuery库模块(<pre class="brush:php;toolbar:false;">declare module namespace ...</pre>)时,这个模块本身也需要一个命名空间。例如:
<pre class="brush:php;toolbar:false;">declare module namespace mylib = "http://example.com/my-library-functions";</pre>
这个URI是这个模块的“身份证”,所有在该模块中定义的函数和变量,如果没有显式前缀,都将属于这个模块命名空间。当其他查询或模块<pre class="brush:php;toolbar:false;">import module namespace mylib = "http://example.com/my-library-functions" at "my-library.xqm";</pre>时,它们就能通过<pre class="brush:php;toolbar:false;">mylib:</pre>前缀来调用你模块里的函数了。</p></li>
<li><p><strong>明确目标命名空间</strong>:对于库模块,你还可以使用<pre class="brush:php;toolbar:false;">declare target namespace "uri";</pre>。这通常与<pre class="brush:php;toolbar:false;">declare module namespace</pre>的URI相同。它明确指出这个模块提供的所有“公共”组件(函数、变量)都将位于这个命名空间下。虽然不是强制的,但它提供了一个清晰的意图声明,对于理解模块的对外接口很有帮助。</p></li>
<li>
<p><strong>分组与注释</strong>:如果你的XQuery文件需要声明很多命名空间,可以考虑将它们按逻辑分组,并添加简短的注释。例如,将所有第三方库的命名空间放在一起,将自己项目内部的命名空间放在一起。这有助于快速概览和理解。</p><pre class='brush:xquery;toolbar:false;'>(: 核心业务数据命名空间 :)
declare namespace app = "http://mycompany.com/app-data";
declare namespace catalog = "http://mycompany.com/catalog";

(: 第三方集成命名空间 :)
declare namespace soap = "http://schemas.xmlsoap.org/soap/envelope/";
declare namespace xs = "http://www.w3.org/2001/XMLSchema";</pre></li>
<li><p><strong>避免冗余与冲突</strong>:检查你的XQuery文件,避免重复声明同一个命名空间。同时,确保你选择的前缀不会与XQuery内置的(如<pre class="brush:php;toolbar:false;">fn</pre>、<pre class="brush:php;toolbar:false;">xs</pre>)或其他常用前缀冲突,尽管XQuery解析器通常能处理这些,但从可读性上讲,避免冲突总是好的。</p></li>
</ol>
<p>说到底,命名空间声明在复杂XQuery环境中,就像是项目中的“命名规范”和“模块边界定义”。清晰、一致的声明,能让你的XQuery代码库更易于管理、扩展和团队协作。它看似简单,却是构建健壮XQuery应用的基础。</p>					</div>
					<div class="artmoreart ">
													<div class="artdp artptit"><span></span>
								<p>相关文章</p>
							</div>
							<div class="artmores flexColumn">
																	<a class="artmrlis flexRow" href="/faq/1980895.html" title="Stylus Studio XML映射器使用入门"><b></b>
										<p class="overflowclass">Stylus Studio XML映射器使用入门</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1973175.html" title="MarkLogic是什么 多模型数据库XML处理能力"><b></b>
										<p class="overflowclass">MarkLogic是什么 多模型数据库XML处理能力</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1965094.html" title="Oracle XQuery怎么在数据库中执行"><b></b>
										<p class="overflowclass">Oracle XQuery怎么在数据库中执行</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1963774.html" title="XQuery的排序和分组怎么实现"><b></b>
										<p class="overflowclass">XQuery的排序和分组怎么实现</p>
									</a>
																	<a class="artmrlis flexRow" href="/faq/1959747.html" title="XQuery Update Facility是什么 怎么修改XML文档"><b></b>
										<p class="overflowclass">XQuery Update Facility是什么 怎么修改XML文档</p>
									</a>
															</div>
													<div class="artmoretabs flexRow">
								<p>相关标签:</p>
								<div class="mtbs flexRow">
									<a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/74427.html" target="_blank">标准库</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html5" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=for" target="_blank">for</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=命名空间" target="_blank">命名空间</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=xml" target="_blank">xml</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=标识符" target="_blank">标识符</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=继承" target="_blank">继承</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=接口" target="_blank">接口</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Namespace" target="_blank">Namespace</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=function" target="_blank">function</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=default" target="_blank">default</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=http" target="_blank">http</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=atom" target="_blank">atom</a>								</div>
							</div>
						
						<p class="statement">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</p>
						<div class="lastanext flexRow">
													<a class="lastart flexRow" href="/faq/1435788.html" title="XLink和XPointer在XML链接机制中起什么作用?"><span>上一篇:</span>XLink和XPointer在XML链接机制中起什么作用?</a>
													<a class="nextart flexRow" href="/faq/1436538.html" title="XML中的xml:lang属性对解析有什么特殊影响?"><span>下一篇:</span>XML中的xml:lang属性对解析有什么特殊影响?</a>
												</div>
					</div>

					<div class="artlef-down ">
													<div class="authormore ">
								<div class="rightdTitle flexRow">
									<div class="title-left flexRow"> <b></b>
										<p>作者最新文章</p>
									</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044882.html" title="如何用AI进行模拟炒股?训练你的交易策略"><b></b>
												<p class="overflowclass">如何用AI进行模拟炒股?训练你的交易策略</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:35</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044887.html" title="个人所得税汇算清缴入口 个税年度汇算申报官方入口"><b></b>
												<p class="overflowclass">个人所得税汇算清缴入口 个税年度汇算申报官方入口</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:37</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044889.html" title="7881游戏交易平台和交易猫哪个好"><b></b>
												<p class="overflowclass">7881游戏交易平台和交易猫哪个好</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:37</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044915.html" title="yy漫画最新网页入口_yy漫画全站免费阅读模式"><b></b>
												<p class="overflowclass">yy漫画最新网页入口_yy漫画全站免费阅读模式</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:43</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044933.html" title="Firefox for iOS怎么设置默认浏览器 iPhone将火狐设为默认浏览器【iOS17】"><b></b>
												<p class="overflowclass">Firefox for iOS怎么设置默认浏览器 iPhone将火狐设为默认浏览器【iOS17】</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:48</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044941.html" title="哔哩轻小说VIP章节入口_免费解锁最新VIP内容"><b></b>
												<p class="overflowclass">哔哩轻小说VIP章节入口_免费解锁最新VIP内容</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:50</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044960.html" title="cad看图王网页版轻量化入口 cad看图王手机电脑同步入口"><b></b>
												<p class="overflowclass">cad看图王网页版轻量化入口 cad看图王手机电脑同步入口</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:55</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044964.html" title="包子漫画永久回家入口 包子漫画最新发布页入口"><b></b>
												<p class="overflowclass">包子漫画永久回家入口 包子漫画最新发布页入口</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 17:55</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2044993.html" title="Win10怎么禁止Windows Defender自动删除文件 Windows10白名单设置方法"><b></b>
												<p class="overflowclass">Win10怎么禁止Windows Defender自动删除文件 Windows10白名单设置方法</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 18:02</p>
											</div>
										</div>
								</div>
																	<div class="authlist flexColumn">
										<div class="autharts flexRow">
											<a class="autharta flexRow " href="/faq/2045022.html" title="Windows提示“缺少MSVCP140.dll”怎么办 Win10/Win11运行库修复方法"><b></b>
												<p class="overflowclass">Windows提示“缺少MSVCP140.dll”怎么办 Win10/Win11运行库修复方法</p>
											</a>
											<div class="authtime flexRow"><b></b>
												<p>2026-01-29 18:09</p>
											</div>
										</div>
								</div>
															</div>
						
						<div class="moreAi ">
							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>热门AI工具</p>
								</div>
								<a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
							</div>

							<div class="moreailist flexRow">
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/723" title="DeepSeek" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/723" title="DeepSeek" class="overflowclass abripone">DeepSeek</a>
												<p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/chat" target="_blank" >AI 聊天问答</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/726" title="豆包大模型" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/726" title="豆包大模型" class="overflowclass abripone">豆包大模型</a>
												<p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code/large-model" target="_blank" >AI大模型</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/725" title="通义千问" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/725" title="通义千问" class="overflowclass abripone">通义千问</a>
												<p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/854" title="腾讯元宝" class="overflowclass abripone">腾讯元宝</a>
												<p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/office/docs" target="_blank" >文档处理</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/chat" target="_blank" >AI 聊天问答</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/724" title="文心一言" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/724" title="文心一言" class="overflowclass abripone">文心一言</a>
												<p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/text" target="_blank" >AI 文本写作</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/1507" title="讯飞写作" class="overflowclass abripone">讯飞写作</a>
												<p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/text" target="_blank" >AI 文本写作</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/text/chinese-writing" target="_blank" >中文写作</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/1115" title="即梦AI" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/1115" title="即梦AI" class="overflowclass abripone">即梦AI</a>
												<p class="overflowclass abriptwo">一站式AI创作平台,免费AI图片和视频生成。</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="" target="_blank" ></a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/image/image-titching" target="_blank" >图片拼接</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/808" title="ChatGPT" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/808" title="ChatGPT" class="overflowclass abripone">ChatGPT</a>
												<p class="overflowclass abriptwo">最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/text" target="_blank" >AI 文本写作</a>													</div>
																							</div>
										</div>
									</div>
																	<div class="aidcons flexRow   ">
										<div   class="aibtns flexRow">
											<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtnsa flexRow" >
												<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg" onerror="this.src='/static/lhimages/moren/morentu.png'">
											</a>
											<div class="aibtn-right flexColumn">
												<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="overflowclass abripone">智谱清言 - 免费全能的AI助手</a>
												<p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p>
																									<div class="aidconstab flexRow">
														<a class="aidcontbp flexRow flexcenter"  href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter"  href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a>													</div>
																							</div>
										</div>
									</div>
															</div>
						</div>

					</div>


				</div>


			</div>
			<div class="conRight artdtilRight ">
				<div class="artrig-adv ">
                    <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                </div>
				<div class="hotzt artdtzt">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>相关专题</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
					</div>
					<div class="hotztuls flexColumn">
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5dhzzynxz" class="aClass flexRow hotzta" title="html5动画制作有哪些制作方法"><img
										src="https://img.php.cn/upload/subject/202310/23/2023102311470430860.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5动画制作有哪些制作方法" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5dhzzynxz" class="aClass flexRow hotztra overflowclass" title="html5动画制作有哪些制作方法">html5动画制作有哪些制作方法</a>
									<p class="aClass flexRow hotztrp overflowclass">html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容,可以阅读本专题下面的文章。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">513</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2023.10.23</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/htmlyhtmldeqb" class="aClass flexRow hotzta" title="HTML与HTML5的区别"><img
										src="https://img.php.cn/upload/subject/202403/06/2024030615333441039.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML与HTML5的区别" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/htmlyhtmldeqb" class="aClass flexRow hotztra overflowclass" title="HTML与HTML5的区别">HTML与HTML5的区别</a>
									<p class="aClass flexRow hotztrp overflowclass">HTML与HTML5的区别:1、html5支持矢量图形,html本身不支持;2、html5中可临时存储数据,html不行;3、html5新增了许多控件;4、html本身不支持音频和视频,html5支持;5、html无法处理不准确的语法,html5能够处理等等。想了解更多HTML与HTML5的相关内容,可以阅读本专题下面的文章。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">436</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2024.03.06</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5crmdjthz" class="aClass flexRow hotzta" title="html5从入门到精通汇总"><img
										src="https://img.php.cn/upload/subject/202512/30/2025123014274497014.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5从入门到精通汇总" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5crmdjthz" class="aClass flexRow hotztra overflowclass" title="html5从入门到精通汇总">html5从入门到精通汇总</a>
									<p class="aClass flexRow hotztrp overflowclass">想系统掌握HTML5开发?本合集精选全网优质学习资源,涵盖免费教程、实战项目、视频课程与权威电子书,从基础语法到高级特性(Canvas、本地存储、响应式布局等)一应俱全,适合零基础小白到进阶开发者,助你高效入门并精通HTML5前端开发。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">71</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.30</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5xlbqhz" class="aClass flexRow hotzta" title="html5新老标签汇总"><img
										src="https://img.php.cn/upload/subject/202512/30/2025123014322442794.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5新老标签汇总" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5xlbqhz" class="aClass flexRow hotztra overflowclass" title="html5新老标签汇总">html5新老标签汇总</a>
									<p class="aClass flexRow hotztrp overflowclass">HTML5在2026年持续优化网页语义化与交互体验,不仅引入了如<header>、<nav>、<article>、<section>、<aside>、<footer>等结构化标签,还新增了<video>、<audio>、<canvas>、<figure>、<time>、<mark>等增强多媒体与</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">105</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.30</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5kgdmzx" class="aClass flexRow hotzta" title="html5空格代码怎么写"><img
										src="https://img.php.cn/upload/subject/202512/30/2025123014372737027.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5空格代码怎么写" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5kgdmzx" class="aClass flexRow hotztra overflowclass" title="html5空格代码怎么写">html5空格代码怎么写</a>
									<p class="aClass flexRow hotztrp overflowclass">在HTML5中,空格不能直接通过键盘空格键实现,需使用特定代码。本合集详解常用空格写法:&nbsp;(不间断空格)、&ensp;(半个中文空格)、&emsp;(一个中文空格)及CSS的white-space属性等方法,帮助开发者精准控制页面排版,避免因空格失效导致布局错乱,适用于新手入门与实战参考。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">78</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.30</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5zmzwzjc" class="aClass flexRow hotzta" title="html5怎么做网站教程"><img
										src="https://img.php.cn/upload/subject/202512/31/2025123112142643620.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5怎么做网站教程" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5zmzwzjc" class="aClass flexRow hotztra overflowclass" title="html5怎么做网站教程">html5怎么做网站教程</a>
									<p class="aClass flexRow hotztrp overflowclass">想从零开始学做网站?这份《HTML5怎么做网站教程》合集专为新手打造!涵盖HTML5基础语法、页面结构搭建、表单与多媒体嵌入、响应式布局及与CSS3/JavaScript协同开发等核心内容。无需编程基础,手把手教你用纯HTML5创建美观、兼容、移动端友好的现代网页。附实战案例+代码模板,快速上手,轻松迈出Web开发第一步!</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">158</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.31</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5jmjc" class="aClass flexRow hotzta" title="HTML5建模教程"><img
										src="https://img.php.cn/upload/subject/202512/31/2025123112202256406.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML5建模教程" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5jmjc" class="aClass flexRow hotztra overflowclass" title="HTML5建模教程">HTML5建模教程</a>
									<p class="aClass flexRow hotztrp overflowclass">想快速掌握HTML5模板搭建?本合集汇集实用HTML5建模教程,从零基础入门到实战开发全覆盖!内容涵盖响应式布局、语义化标签、Canvas绘图、表单验证及移动端适配等核心技能,提供可直接复用的模板结构与代码示例。无需复杂配置,助你高效构建现代网页,轻松上手前端开发!</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">30</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.31</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/html5zmsy" class="aClass flexRow hotzta" title="html5怎么使用"><img
										src="https://img.php.cn/upload/subject/202512/31/2025123114112079655.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html5怎么使用" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/html5zmsy" class="aClass flexRow hotztra overflowclass" title="html5怎么使用">html5怎么使用</a>
									<p class="aClass flexRow hotztrp overflowclass">想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">43</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2025.12.31</p>
										</div>
									</div>
								</div>
							</div>
													<div class="hotztlls flexRow">
								<a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotzta" title="java入门学习合集"><img
										src="https://img.php.cn/upload/subject/000/000/075/697b40d167f7c445.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java入门学习合集" class="hotztaimg"
										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
								<div class="hotztright flexColumn">
									<a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotztra overflowclass" title="java入门学习合集">java入门学习合集</a>
									<p class="aClass flexRow hotztrp overflowclass">本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。</p>
									<div class="hotztrdown flexRow">
										<div class="htztdsee flexRow"> <b></b>
											<p class="">1</p>
										</div>
										<div class="htztdTime flexRow"> <b></b>
											<p>2026.01.29</p>
										</div>
									</div>
								</div>
							</div>
											</div>
				</div>

				<div class="hotdownload ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>热门下载</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a>
					</div>
					<div class="hotdownTab">
						<div class="hdTabs flexRow">
							<div class="check" data-id="onef">网站特效 <b></b> </div> /
							<div class="" data-id="twof">网站源码 <b></b></div> /
							<div class="" data-id="threef">网站素材 <b></b></div> /
							<div class="" data-id="fourf">前端模板 <b></b></div>
						</div>
						<ul class="onef">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="js修改绑定手机号码表单代码" href="/xiazai/js/8716"><span>[表单按钮]</span><span>js修改绑定手机号码表单代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery 3D堆叠式图片切换代码" href="/xiazai/js/8715"><span>[图片特效]</span><span>jQuery 3D堆叠式图片切换代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="边框动画css,简单的登录界面html" href="/xiazai/js/8714"><span>[表单按钮]</span><span>边框动画css,简单的登录界面html</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jquery表单分类搜索" href="/xiazai/js/8713"><span>[表单按钮]</span><span>jquery表单分类搜索</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jquery触摸转盘插件" href="/xiazai/js/8712"><span>[图片特效]</span><span>jquery触摸转盘插件</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery购物车自动计算金额表单" href="/xiazai/js/8711"><span>[表单按钮]</span><span>jQuery购物车自动计算金额表单</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="js点击小图弹出大图查看代码" href="/xiazai/js/8710"><span>[图片特效]</span><span>js点击小图弹出大图查看代码</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery弹出层登录页面表单" href="/xiazai/js/8709"><span>[表单按钮]</span><span>jQuery弹出层登录页面表单</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="Swiper制作图片轮播切换特效" href="/xiazai/js/8708"><span>[图片特效]</span><span>Swiper制作图片轮播切换特效</span></a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" title="jQuery表单输入城市查询天气预报代码" href="/xiazai/js/8707"><span>[表单按钮]</span><span>jQuery表单输入城市查询天气预报代码</span></a>
									</div>
								</li>
													</ul>
						<ul class="twof" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11355" title="openaishop"><span>[电商源码]</span><span>openaishop</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313"><span>[其它模板]</span><span>思翔企(事)业单位文件柜 build 20080313</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a>
									</div>
								</li>
													</ul>
						<ul class="threef" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4300" title="冬季蓝色雪花松枝合集矢量素材"><span>[网站素材]</span><span>冬季蓝色雪花松枝合集矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4299" title="情人节爱心主题海报PSD源文件设计下载"><span>[网站素材]</span><span>情人节爱心主题海报PSD源文件设计下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4298" title="2026粉色梦幻马年矢量模板"><span>[网站素材]</span><span>2026粉色梦幻马年矢量模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4297" title="情人节可爱熊玩偶主题海报PS素材下载"><span>[网站素材]</span><span>情人节可爱熊玩偶主题海报PS素材下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4296" title="传统茶道茶壶茶杯插画矢量素材"><span>[网站素材]</span><span>传统茶道茶壶茶杯插画矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4295" title="意式复古柠檬酒饮海报矢量模板"><span>[网站素材]</span><span>意式复古柠檬酒饮海报矢量模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4294" title="手绘海鲜鱼虾食材合集矢量素材"><span>[网站素材]</span><span>手绘海鲜鱼虾食材合集矢量素材</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4293" title="开学季主题宣传海报设计模板下载"><span>[网站素材]</span><span>开学季主题宣传海报设计模板下载</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4292" title="2026马年金色徽章矢量模板"><span>[网站素材]</span><span>2026马年金色徽章矢量模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/sucai/4291" title="汉堡美食INS海报模板设计素材下载"><span>[网站素材]</span><span>汉堡美食INS海报模板设计素材下载</span> </a>
									</div>
								</li>
													</ul>
						<ul class="fourf" style="display:none;">
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8590"  title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8589"  title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8588"  title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8587"  title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8586"  title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8585"  title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8584"  title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8583"  title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8582"  title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a>
									</div>
								</li>
															<li>
									<div class="wzrfourli flexRow">
										<b></b>
										<a target="_blank" href="/xiazai/code/8581"  title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a>
									</div>
								</li>
													</ul>
					</div>
					<script>
						$('.hdTabs>div').click(function (e) {
							$('.hdTabs>div').removeClass('check')
							$(this).addClass('check')
							$('.hotdownTab>ul').css('display', 'none')
							$('.' + e.currentTarget.dataset.id).show()
						})
					</script>

				</div>

				<div class="artrig-adv ">
					<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                </div>



				<div class="xgarts ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>相关下载</p>
						</div>
						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a>
					</div>
					<div class="xgwzlist ">
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Android配合WebService访问远程数据库 中文WORD版" href="/xiazai/shouce/1808">Android配合WebService访问远程数据库 中文WORD版</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Android的资源与国际化设置 中文WORD版" href="/xiazai/shouce/1720">Android的资源与国际化设置 中文WORD版</a></div>
											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Python开发网站指南 WORD版" href="/xiazai/shouce/1663">Python开发网站指南 WORD版</a></div>
										</div>

				</div>

				<div class="jpkc">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>精品课程</p>
						</div>
						<a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a>
					</div>
					<div class=" jpkcTab">
						<div class=" jpkcTabs flexRow">
							<div class="check" data-id="onefd">相关推荐 <b></b> </div> /
							<div class="" data-id="twofd">热门推荐 <b></b></div> /
							<div class="" data-id="threefd">最新课程 <b></b></div>
						</div>
						<div class="onefd jpktabd">
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/54.html" title="XQuery 教程">
									<img src="https://img.php.cn/upload/course/000/000/068/6261193d7bfd4719.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="XQuery 教程" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/54.html" title="XQuery 教程"
										class="rirightp overflowclass">XQuery 教程</a>

									<div class="risrdown flexRow">
										<p>共12课时 | 3.8万人学习</p>
									</div>
								</div>
							</div>
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/538.html" title="XQuery参考手册">
									<img src="https://img.php.cn/upload/course/000/000/068/6260f0c739bc3921.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="XQuery参考手册" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/538.html" title="XQuery参考手册"
										class="rirightp overflowclass">XQuery参考手册</a>

									<div class="risrdown flexRow">
										<p>共0课时 | 0人学习</p>
									</div>
								</div>
							</div>
													<div  class="ristyA flexRow " >
								<a target="_blank" href="/course/36.html" title="XPath 教程">
									<img src="https://img.php.cn/upload/course/000/000/068/625fa3cadb782284.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="XPath 教程" class="ristyAimg"
										onerror="this.src='/static/mobimages/moren/morentu.png'">
								</a>
								<div class="ristyaRight flexColumn">
									<a target="_blank" href="/course/36.html" title="XPath 教程"
										class="rirightp overflowclass">XPath 教程</a>

									<div class="risrdown flexRow">
										<p>共9课时 | 4万人学习</p>
									</div>
								</div>
							</div>
												</div>

						<div class="twofd jpktabd" style="display:none;">
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
										<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
											class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>

										<div class="risrdown flexRow">
											<p>共6课时 | 11.2万人学习</p>
										</div>
									</div>
								</div>
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)">
										<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"
											class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>

										<div class="risrdown flexRow">
											<p>共79课时 | 151.7万人学习</p>
										</div>
									</div>
								</div>
															<div  class="ristyA flexRow " >
									<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程">
										<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg"
											onerror="this.src='/static/mobimages/moren/morentu.png'">
									</a>
									<div class="ristyaRight flexColumn">
										<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"
											class="rirightp overflowclass">phpStudy极速入门视频教程</a>

										<div class="risrdown flexRow">
											<p>共6课时 | 53.4万人学习</p>
										</div>
									</div>
								</div>
													</div>

						<div class="threefd jpktabd" style="display:none;">
															<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通">
											<img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"
												class="rirightp overflowclass">最新Python教程 从入门到精通</a>

											<div class="risrdown flexRow">
												<p>共4课时 | 22.4万人学习</p>
											</div>
										</div>
									</div>
																<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
											<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
												class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>

											<div class="risrdown flexRow">
												<p>共6课时 | 11.2万人学习</p>
											</div>
										</div>
									</div>
																<div  class="ristyA flexRow " >
										<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学">
											<img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg"
												onerror="this.src='/static/mobimages/moren/morentu.png'">
										</a>
										<div class="ristyaRight flexColumn">
											<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"
												class="rirightp overflowclass">PHP新手语法线上课程教学</a>

											<div class="risrdown flexRow">
												<p>共13课时 | 0.9万人学习</p>
											</div>
										</div>
									</div>
														</div>
						<script>
							$('.jpkcTabs>div').click(function (e) {
								$('.jpkcTabs>div').removeClass('check')
								$(this).addClass('check')
								$('.jpkcTab .jpktabd').css('display', 'none')
								$('.' + e.currentTarget.dataset.id).show()
							})
						</script>

					</div>
				</div>

				<div class="zxarts ">
					<div class="rightdTitle flexRow">
						<div class="title-left flexRow"> <b></b>
							<p>最新文章</p>
						</div>
						<a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a>
					</div>
					<div class="xgwzlist ">
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="SOAP协议和XML是什么关系 SOAP消息结构详解" href="/faq/2043201.html">SOAP协议和XML是什么关系 SOAP消息结构详解</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="EDIFACT到XML映射的常见陷阱" href="/faq/2043193.html">EDIFACT到XML映射的常见陷阱</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="XML序列化是什么 如何将对象转换为XML字符串" href="/faq/2043171.html">XML序列化是什么 如何将对象转换为XML字符串</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Spring Boot如何使用JAXB校验上传的XML文件" href="/faq/2043056.html">Spring Boot如何使用JAXB校验上传的XML文件</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="R语言如何读取XML文件并进行数据映射?" href="/faq/2043046.html">R语言如何读取XML文件并进行数据映射?</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="C#如何使用XPath查询带命名空间的XML" href="/faq/2042988.html">C#如何使用XPath查询带命名空间的XML</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何将XML数据映射到Avro格式" href="/faq/2042979.html">如何将XML数据映射到Avro格式</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Linux inotify-tools是什么 如何用Shell脚本实时触发XML上传" href="/faq/2042966.html">Linux inotify-tools是什么 如何用Shell脚本实时触发XML上传</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何将XML数据绑定到UI控件 C# XML数据绑定" href="/faq/2042923.html">如何将XML数据绑定到UI控件 C# XML数据绑定</a></div>
													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="C#如何读取XML文件并绑定到TreeView控件" href="/faq/2042917.html">C#如何读取XML文件并绑定到TreeView控件</a></div>
											</div>

				</div>






			</div>



		</div>

	</div>
	<!--底部-->
	<div class="phpFoot">
    <div class="phpFootIn">
        <div class="phpFootCont">
            <div class="phpFootLeft">
                <dl>
                    <dt>
                        <a target="_blank"  href="/about/us.html" rel="nofollow"  title="关于我们" class="cBlack">关于我们</a>
                        <a target="_blank"  href="/about/disclaimer.html" rel="nofollow"  title="免责申明" class="cBlack">免责申明</a>
                        <a target="_blank"  href="/about/jbzx.html" rel="nofollow"  title="举报中心" class="cBlack">举报中心</a>
                        <a   href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')"   title="意见反馈" class="cBlack">意见反馈</a>
                        <a target="_blank"  href="https://www.php.cn/teacher.html" rel="nofollow"   title="讲师合作" class="cBlack">讲师合作</a>
                        <a  target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow"  title="广告合作" class="cBlack">广告合作</a>
                        <a  target="_blank" href="/new/"    title="最新文章列表" class="cBlack">最新更新</a>
                                                <div class="clear"></div>
                    </dt>
                    <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd>
                    <dd class="cont2">
                      <span class="ylwTopBox">
                        <a   href="javascript:;"  class="cBlack"><b class="icon1"></b>关注服务号</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>微信扫码<br/>关注PHP中文网服务号</p>
                          <img src="/static/images/examples/text16.png"/>
                        </em>
                      </span>
                        <span class="ylwTopBox">
                        <a   href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes"  class="cBlack"><b class="icon2"></b>技术交流群</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>QQ扫码<br/>加入技术交流群</p>
                          <img src="/static/images/examples/text18.png"/>
                        </em>
                      </span>
                        <div class="clear"></div>
                    </dd>
                </dl>
                
            </div>
            <div class="phpFootRight">
                <div class="phpFootMsg">
                    <span><img src="/static/images/examples/text17.png"/></span>
                    <dl>
                        <dt>PHP中文网订阅号</dt>
                        <dd>每天精选资源文章推送</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="phpFootCode">
        <div class="phpFootCodeIn"><p>Copyright 2014-2026 <a   href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a   href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a   href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div>
    </div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>

<script src="/static/js/cdn.js?v=1.0.1"></script>



	<!--底部 end-->
	<!-- content -->
	<!--
    <div class="phpFudong">
        <div class="phpFudongIn">
            <div class="phpFudongImg"></div>
            <div class="phpFudongXue">登录PHP中文网,和优秀的人一起学习!</div>
            <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
            <div class="phpFudongCode"><a   href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
            <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
            <div class="clear"></div>
        </div>
    </div>
-->	<!--底部浮动层 end-->
	<!--侧导航-->
	<style>
    .layui-fixbar{display: none;}
</style>
<div class="phpSdhBox" style="height:240px !important;">
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="/k24.html"  class="hover" title="PHP学习">
                    <b class="icon1"></b>
                    <p>PHP学习</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="https://www.php.cn/blog/detail/1047189.html" >
                    <b class="icon2"></b>
                    <p>技术支持</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a   href="#">
                    <b class="icon6"></b>
                    <p>返回顶部</p>
                </a>
            </div>
        </div>
    </li>
</div>
	</body>

</html>

<script type="text/javascript" src="/hitsUp?type=article&id=1435795&time=1769688277">
</script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769688277"></script>
<script>
	article_status = "1522179";
</script>
<input type="hidden" id="verifycode" value="/captcha.html">
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
	

<script>
	function setCookie(name, value, iDay) { //name相当于键,value相当于值,iDay为要设置的过期时间(天)
		var oDate = new Date();
		oDate.setDate(oDate.getDate() + iDay);
		document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
	}

	function getCookie(name) {
		var cookieArr = document.cookie.split(";");
		for (var i = 0; i < cookieArr.length; i++) {
			var cookiePair = cookieArr[i].split("=");
			if (name == cookiePair[0].trim()) {
				return decodeURIComponent(cookiePair[1]);
			}
		}
		return null;
	}
</script>


<!-- Matomo -->
<script>
	var _paq = window._paq = window._paq || [];
	/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
	_paq.push(['trackPageView']);
	_paq.push(['enableLinkTracking']);
	(function () {
		var u = "https://tongji.php.cn/";
		_paq.push(['setTrackerUrl', u + 'matomo.php']);
		_paq.push(['setSiteId', '7']);
		var d = document,
			g = d.createElement('script'),
			s = d.getElementsByTagName('script')[0];
		g.async = true;
		g.src = u + 'matomo.js';
		s.parentNode.insertBefore(g, s);
	})();
</script>
<!-- End Matomo Code -->

<script>
	setCookie('is_article', 1, 1);
</script>

<script>
	var is_login = "0";
        var show = 0;
        var ceng = getCookie('ceng');
        //未登录复制显示登录按钮
        if(is_login == 0 && false){
            $(".code").hover(function(){
                $(this).find('.contentsignin').show();
            },function(){
                $(this).find('.contentsignin').hide();
            });
            //不给复制
            $('.code').bind("cut copy paste",function(e) {
                e.preventDefault();
            });
            $('.code .contentsignin').click(function(){
                $(document).trigger("api.loginpopbox");
            })
        }else{
            // 获取所有的 <pre> 元素
            var preElements = document.querySelectorAll('pre');
            preElements.forEach(function(preElement) {
                // 创建复制按钮
                var copyButton = document.createElement('button');
                copyButton.className = 'copy-button';
                copyButton.textContent = '复制';
                // 添加点击事件处理程序
                copyButton.addEventListener('click', function() {
                    // 获取当前按钮所属的 <pre> 元素中的文本内容
                    var textContent = preElement.textContent.trim();
                    // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
                    var tempTextarea = document.createElement('textarea');
                    tempTextarea.value = textContent;
                    // 将临时 textarea 添加到文档中
                    document.body.appendChild(tempTextarea);
                    // 选中临时 textarea 中的文本内容并执行复制操作
                    tempTextarea.select();
                    document.execCommand('copy');
                    // 移除临时 textarea 元素
                    document.body.removeChild(tempTextarea);
                    // 更新按钮文本为 "已复制"
                    this.textContent = '已复制';
                });

                // 创建AI写代码按钮
                var aiButton = document.createElement('button');
                aiButton.className = 'copy-button';
                aiButton.textContent = 'AI写代码';
                aiButton.style.marginLeft = '5px';
                aiButton.style.marginRight = '5px';
                // 添加点击事件处理程序
                aiButton.addEventListener('click', function() {
                // Generate a random number between 0 and 1
                        var randomChance = Math.random();

                    // If the random number is less than 0.5, open the first URL, else open the second
                    if (randomChance < 0.5) {
                        window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank');
                    } else {
                        window.open('https://click.aliyun.com/m/1000402709/', '_blank');
                    }
                });

                // 将按钮添加到 <pre> 元素前面
                preElement.parentNode.insertBefore(copyButton, preElement);
                preElement.parentNode.insertBefore(aiButton, preElement);
        });
        }
</script>