Understanding Views
ASP.NET MVCUnlike ASP.NET or Dynamic Server Pages (ASP), it does not have anything directly corresponding to a page thing. In an ASP.NET MVC application, there is no page on disk that corresponds to the URL path you enter in the browser address bar. In an ASP.NET MVC application, the closest thing to a page is something called a view. In an ASP.NET MVC application, incoming browser requests are mapped to controller actions. A controller action may return a view. However, a controller action may perform some type of action, such as redirecting you to another controller action.
Code Listing 1 contains a simple controller called HomeController. HomeController exposes two controller actions called index() and details().
代码清单1 - HomeController.cs
使用系统; 使用 System.Collections.Generic; 使用 System.Linq; 使用 System.Web; 使用 System.Web.Mvc; 命名空间 MvcApp.Controllers{ [HandleError] public class HomeController：Controller { public ActionResult Index（） { return View（）; } public ActionResult Details（） { return RedirectToAction（ “Index”）; } }}Copy after login
You can call the first action, the index() action, by entering the following URL in the browser's address bar:
/首页/index
You can The second action, the details() action, is called by entering this address in the browser:
/Homepage/Details
The index() action returns a view. Most actions you create will return a view, however, actions can return any type of action result. For example, the details() action returns a RedirectToActionResult, which can redirect incoming requests to the index() action.
The index() action contains the following line of code:
return View();
This line of code returns a view, and the path of the view on the server must be Same as the following path: Index.aspx
\View\Home\\
The path to the view is inferred from the names of the controller and controller actions.
If you wish, you can explicitly specify the view. The following line of code returns a view named "Fred":
Return View("Fred");
When this line of code is executed, a view will be returned from the following path:
\View\Home\Fred.aspx
2. Create a view
You can right-click on the folder in the solution browser and select the menu item "Add", "New Project" (Figure 1). Select the "MVC View Page" template to add standard views to your project.
You should be aware that you cannot add views to your project at will like you can in ASP.NET or ASP applications. You have to add the view to a folder with the same name as the controller (without the controller suffix) For example, if you want to create a new view called index, the view can be created by A controller named ProductController is returned, then you must add this view to the following folder of the project:
\View\Product\Index.aspx
The folder containing the view The name must correspond to the name of the controller that returns the view.
3. Add content to the view
A view is a standard (X)
HTML document
that can contain scripts. You use scripts to add dynamic content to views. For example, the view in Listing 2 displays the current date and time.
Code Listing 2 - \Views\Home\Index.aspx
<％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“Index.aspx.cs”Inherits =“MvcApp.Views.Home.Index”％>
<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<头RUNAT = “服务器”>
索引</ TITLE>
</ HEAD>
<BODY>
<DIV>
的当前日期和时间是：
<％回复于（DateTime.Now）;％>
</ DIV>
</ body>
</ html></pre><div class="contentsignin">Copy after login</div></div><p>Notice that the body of the HTML page in Code Listing 2 contains the following script: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><％Response.Write（DateTime.Now）;％></pre><div class="contentsignin">Copy after login</div></div><p>Use Script delimiters <% and %> mark the beginning and end of a script. This script is written in C#. It displays the current date and time, rendering the content to the browser script by calling the reply() method. The delimiters <% and %> can be used to execute one or more statements. </p><p>Because the reply to () method is often called, Microsoft provides you with a simple way to call the reply to () method. The view in Listing 3 uses <%= and %> as a simple way to call the reply() method. </p><p>Code Listing 3 - Views \ Home \ Index2.aspx</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“Index2.aspx.cs”Inherits =“MvcApp.Views.Home.Index2”％>
<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns =”http://www.w3.org/1999/xhtml“>
<头RUNAT = “服务器”>
<TITLE>索引2 </ TITLE>
</ HEAD>
<BODY>
<DIV>
的当前日期和时间是：
<％= DateTime.Now％>
</ DIV>
</ BODY>
< / HTML></pre><div class="contentsignin">Copy after login</div></div><p>You can use any .NET language to generate dynamic content in the view, you can use Visual Basic.Net or C# to write your controllers and views. </p><p>4. Use HTML Helpers to generate view content</p><p>为了使向视图中添加内容更加容易一些，你可以利用叫做HTML Helper的东西.HTML Helper是一个生成<a href="http://www.php.cn/wiki/57.html" target="_blank">字符串</a>的方法。你可以使用HTML帮助者来生成标准的<a href="http://www.php.cn/code/5013.html" target="_blank">HTML元素</a>，例如文本框，链接，下拉框和列表框。</p><p>举个例子，代码清单4中的视图利用了两个HTML Helpers，TextBox（）和Password（），用于生成一个登录窗体（见图2）。</p><p>代码清单4 - \ Views \ Home \ Index3.aspx</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“Index3.aspx.cs”Inherits =“MvcApp.Views.Home.Index3”％>
<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns =”http://www.w3.org/1999/xhtml“>
<head runat =“server”>
<title>登录表单</ title>
</ head>
<body>
<p>
<form method =“post”action =“/ Home / Login”>
<label for =“userName” >用户名：</ label>
<br />
<％= Html.TextBox（“userName”）％>
<br /> <br />
<label for =“password”>密码：</ label>
<br />
<％= Html.Password（“password” ％>
<br /> <br />
<input type =“submit”value =“登录”/>
</ form>
</ p>
</ body>
</ html><br /> <％= Html.Password（ “密码”）％> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> </ DIV> </ body> </ html><br /> <％= Html.Password（ “密码”）％> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> </ DIV> </ body> </ html></pre><div class="contentsignin">Copy after login</div></div><p><img src="https://img.php.cn//upload/image/696/130/751/1495257725160675.png" title="1495257725160675.png" alt="Detailed introduction to ASP.NET MVC--View"/></p><p>所有的HTML帮助者方法都在视图的<a href="http://www.php.cn/code/426.html" target="_blank">Html属性</a>上调。举个例子，你可以通过调用Html.TextBox（）方法来呈现（render）一个文本框。</p><p>注意，当你在调用HTML Helper时，必须使用脚本分隔符<％=和％>。HTML Helper只是返回一个字符串你需要调用Response.Write（）来将字符串呈现到浏览器中。</p><p>使用HTML帮助方法是可选的。它们通过减少你编写的HTML和脚本数量来使开发更为简单。代码清单5中的视图呈现了与代码清单4中完全相同的窗体，但是没有使用HTML助手。</p><p>代码清单5 - \ Views \ Home \ Index4.aspx</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“Index4.aspx.cs”Inherits =“MvcApp.Views.Home.Index4”％>
<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns =”http://www.w3.org/1999/xhtml“>
<head runat =“server”>
<title>没有帮助的登录表单</ title>
</ head>
<body>
<p>
<form method =“post”action =“/ Home / Login”>
<label for = userName“>用户名：</ label>
<br />
<输入名称= “userName的”/>
<br /> <br />
</标签>：密码<用于= “密码”的标签>
<br />
<输入名称= “密码”类型= “密码”/>
< br /> <br />
<input type =“submit”value =“登录”/>
</ form>
</ p>
</ body>
</ html></标签> <br /> <输入名称= “密码”类型= “密码”/> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> < / p> </ body> </ html></标签> <br /> <输入名称= “密码”类型= “密码”/> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> < / p> </ body> </ html>/ body> </ html>/ body> </ html></pre><div class="contentsignin">Copy after login</div></div><p>你可以创建自己的HTML帮助者。据个例子，你可以创建一个GridView（）Helper方法，它自动地在一个<a href="http://www.php.cn/code/5022.html" target="_blank">HTML表格</a>中显示一系列的数据库记录。我们将在创建自定义HTML帮助者这篇教程中探讨这一话题。</p><p style="padding: 0px; margin: 2em 0px 1em; font-size: 25px; color: rgb(51, 51, 51); font-family: "Microsoft YaHei"; white-space: normal;">5.使用ViewData属性将数据传递给视图</p><p>你可以使用视图的另一个属性，ViewData的属性，将数据从控制器传递给视图。例如，代码清单6中的控制器向ViewData的添加了一条消息。</p><p>代码清单6 - ProductController.cs</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">使用系统;
使用System.Collections.Generic;
使用System.Linq;
使用System.Web;
使用System.Web.Mvc;
namespace MvcApp.Controllers
{
public class ProductController：Controller
{
public ActionResult Details（）
{
ViewData [“message”] =“Hello World！”;
return View（）;
}
}
}</pre><div class="contentsignin">Copy after login</div></div><p>控制器的ViewData属性代表着一个名称/值对的集合。在代码清单6中，详细（）方法向ViewData集合中添加了一个名为消息的项，其值为“Hello World！”当视图由详情（）方法返回时，ViewData的将会自动传递给视图。</p><p>代码清单7中的视图从ViewData的中获取了消息，并且将消息呈现到了浏览器中。</p><p>代码清单7 - \ Views \ Product \ Details.aspx</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><％@ Page Language =“C＃”AutoEventWireup =“true”CodeBehind =“Details.aspx.cs”Inherits =“MvcApp.Views.Product.Details”％>
<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns =”http://www.w3.org/1999/xhtml“>
<头RUNAT = “服务器”>
<TITLE>产品详细信息</ TITLE>
</ HEAD>
<BODY>
<DIV>
<％=了Html.Encode（计算机[ “消息”]）％>
</ DIV>
</ BODY >
</ html></pre><div class="contentsignin">Copy after login</div></div><p>注意到当前呈现消息时，视图利用了Html.Encode（）Helper方法.Html.Encode（）HTML Helper方法将例如“”这样的特殊字符编码为在网页面中能够安全显示的字符。无论何时呈现用户提交到网站的内容时，你都应该对内容进行编码，以避免的<a href="http://www.php.cn/wiki/48.html" target="_blank">JavaScript</a>注入攻击。</p><p>（因为我们自己在ProductController的中创建了消息，所以并不是真的需要对消息进行编码。然而，当在视图中显示获取自的ViewData中的内容时，总是调用了Html.Encode（）是一个很好的习惯。）</p><p>在代码清单7中，我们利用了的ViewData来将一个简单的字符串消息从控制器传递到了视图。你也可以使用的ViewData将其他类型的数据从控制器传递到视图，例如一个数据库记录集合。举个例子，如果你想要在视图中显示产品数据库表的内容，那么你可以将数据库记录的集合保存在ViewData的中进行传递。</p><p>你也可以从控制器向视图传递强类型查看数据。我们将在教程“理解强类型查看数据和视图”中探讨这个话题。</p><p><span style="color: rgb(51, 51, 51); font-family: " microsoft yahei font-size:>总结</span></p><p>这篇教程提供了对ASP.NET MVC视图，视图数据（查看数据）和HTML帮助者的一个简短的介绍。在第一部分，你学习了如何向项目中添加新的视图你学习了必须将视图添加到正确的文件夹中，以使其能够被特定的控制器调用。接下来，我们讨论了HTML帮助者这一主题。你学习了HTML帮助者是如何轻松地生成标准的HTML内容的最后，你学习了如何利用ViewData将数据从控制器传递给视图。</p><p>【相关推荐】<br></p><p>1. <a href="http://www.php.cn/csharp-article-362647.html" target="_self">什么是ASP.NET MVC ？总结ASP.NET MVC</a></p><p>2. <a href="http://www.php.cn/csharp-article-362646.html" target="_self">详细介绍ASP.NET MVC--控制器（controller）</a></p><p>3. <a href="http://www.php.cn/csharp-article-362650.html" target="_self">深入了解ASP.NET MVC与WebForm的区别</a></p><p>4. <a href="http://www.php.cn/csharp-article-362644.html" target="_self">Detailed introduction to ASP.NET MVC--routing</a></p><p>5. <a href="http://www.php.cn/csharp-article-361982.html" target="_self">Code example for developing WeChat custom menu editing tool through asp.net mvc</a></p></body></html>
<p>The above is the detailed content of Detailed introduction to ASP.NET MVC--View. For more information, please follow other related articles on the PHP Chinese website!</p> </div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>Related labels：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="/search?word=aspnet，mvc，视图" target="_blank">ASP.NET，MVC，视图</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
</div>
<div class="wzconOtherwz">
<a href="/faq/362644.html" title="Detailed introduction to ASP.NET MVC-routing">
<span>Previous article：Detailed introduction to ASP.NET MVC-routing</span>
</a>
<a href="/faq/362646.html" title="Detailed introduction to ASP.NET MVC--controller">
<span>Next article：Detailed introduction to ASP.NET MVC--controller</span>
</a>
</div>
<div class="wzconShengming">
<!-- <img src="/static/images/images/benzhanshengming.png" /> -->
<div class="bzsmdiv">Statement of this Website</div>
<div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div>
</div>
<div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Latest Articles by Author</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/370272.html">Example tutorial on passing parameters using NameValuePair method</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/370950.html">Use dom4j to parse xml document example</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/367928.html">Catalog Service - Analysis of Microsoft microservice architecture example code</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/367910.html">Detailed explanation of getting started with .net Elasticsearch examples</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/367667.html">Detailed introduction to Spring boot adding jsp support configuration examples</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/370887.html">How does JS detect whether the window opened by window.open is closed?</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/361869.html">Share a garbled problem in sqlyog connecting to the database and its solution</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/368866.html">Examples of using variable length parameters in Java</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/371694.html">The latest Amap API WEB development example tutorial</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/373276.html">Advantages and Disadvantages of AJAX</a>
</div>
<div>1970-01-01 08:00:00</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Latest Issues</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/173515.html" target="_blank" title="Laravel 9.x: Redirect user to view success message after registration" class="wdcdcTitle">Laravel 9.x: Redirect user to view success message after registration</a>
<a href="/wenda/173515.html" class="wdcdcCons">I'm trying to return a view with a success message after registering a user, which contain...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2023-11-12 22:55:21</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>336</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/173327.html" target="_blank" title="Title rewritten to: Issue with rendering BLOB image" class="wdcdcTitle">Title rewritten to: Issue with rendering BLOB image</a>
<a href="/wenda/173327.html" class="wdcdcCons">Hi I have saved jpg image in BLOB format in mysql. I'm having trouble rendering an image t...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2023-10-31 08:54:55</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>240</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/173295.html" target="_blank" title="Laravel 9 still can't find App.css and App.js, even after running npm run dev" class="wdcdcTitle">Laravel 9 still can't find App.css and App.js, even after running npm run dev</a>
<a href="/wenda/173295.html" class="wdcdcCons">Being fairly new to Laravel, I made sure I did check out the documentation for Laravel9 be...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2023-10-26 23:41:22</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>489</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/173283.html" target="_blank" title="Vue JS Router: Reload page on redirect" class="wdcdcTitle">Vue JS Router: Reload page on redirect</a>
<a href="/wenda/173283.html" class="wdcdcCons">I have an application with Login.vue and Home.vue files. Because I'm converting the admin ...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2023-10-26 11:53:46</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>188</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/173279.html" target="_blank" title="View | module has no default export" class="wdcdcTitle">View | module has no default export</a>
<a href="/wenda/173279.html" class="wdcdcCons">I'm getting an error in vue3, ts, vuecli which says Module '"c:/Users/USER/Documents/...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> From 2023-10-26 09:06:56</span>
</div>
<div class="wdcdciright flexRow">
<div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div>
<div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>216</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>Related Topics</div>
<a href="/faq/zt" target="_blank">More>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="/faq/aspkfgjynx"><img src="https://img.php.cn/upload/subject/202310/23/2023102311103290129.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the asp development tools?" /> </a>
<a target="_blank" href="/faq/aspkfgjynx" class="title-a-spanl" title="What are the asp development tools?"><span>What are the asp development tools?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/qlyyfwq"><img src="https://img.php.cn/upload/subject/202307/27/2023072710251280630.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The difference between lightweight application servers and cloud servers" /> </a>
<a target="_blank" href="/faq/qlyyfwq" class="title-a-spanl" title="The difference between lightweight application servers and cloud servers"><span>The difference between lightweight application servers and cloud servers</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/divgdt"><img src="https://img.php.cn/upload/subject/202306/28/2023062816072197179.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="div scroll bar" /> </a>
<a target="_blank" href="/faq/divgdt" class="title-a-spanl" title="div scroll bar"><span>div scroll bar</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/wangltbjg"><img src="https://img.php.cn/upload/subject/202306/28/2023062817075954330.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Network Topology" /> </a>
<a target="_blank" href="/faq/wangltbjg" class="title-a-spanl" title="Network Topology"><span>Network Topology</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/jsjnbyyclsj"><img src="https://img.php.cn/upload/subject/202308/22/2023082211082212704.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What is the encoding used inside a computer to process data and instructions?" /> </a>
<a target="_blank" href="/faq/jsjnbyyclsj" class="title-a-spanl" title="What is the encoding used inside a computer to process data and instructions?"><span>What is the encoding used inside a computer to process data and instructions?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/mybatisgzyljl"><img src="https://img.php.cn/upload/subject/202401/30/2024013017233322041.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What is the working principle and process of mybatis" /> </a>
<a target="_blank" href="/faq/mybatisgzyljl" class="title-a-spanl" title="What is the working principle and process of mybatis"><span>What is the working principle and process of mybatis</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/spliceyf"><img src="https://img.php.cn/upload/subject/202310/10/2023101013221993983.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="splice usage" /> </a>
<a target="_blank" href="/faq/spliceyf" class="title-a-spanl" title="splice usage"><span>splice usage</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golangcykynx"><img src="https://img.php.cn/upload/subject/202402/06/2024020614491669087.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the commonly used libraries in golang?" /> </a>
<a target="_blank" href="/faq/golangcykynx" class="title-a-spanl" title="What are the commonly used libraries in golang?"><span>What are the commonly used libraries in golang?</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne">
<div class="wzroTitle">Popular Recommendations</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="what is erp system" href="/faq/413732.html">what is erp system</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="what is source code" href="/faq/414425.html">what is source code</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="What does c language mean?" href="/faq/415927.html">What does c language mean?</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="How to use dev c++" href="/faq/459160.html">How to use dev c++</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="C language must memorize entry code" href="/faq/433734.html">C language must memorize entry code</a>
</div>
</li>
</ul>
</div>
</div>
<div class="wzrThree">
<div class="wzrthree-title">
<div>Popular Tutorials</div>
<a target="_blank" href="/course.html">More>
</a>
</div>
<div class="wzrthreelist swiper2">
<div class="wzrthreeTab swiper-wrapper">
<div class="check tabdiv swiper-slide" data-id="one">Related Tutorials <div></div></div>
<div class="tabdiv swiper-slide" data-id="two">Popular Recommendations<div></div></div>
<div class="tabdiv swiper-slide" data-id="three">Latest courses<div></div></div>
</div>
<ul class="one">
<li>
<a target="_blank" href="/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a>
<div class="wzrthreerb">
<div>1384409 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a>
<div class="wzrthreerb">
<div>4189124 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="74">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA Beginner's Video Tutorial" href="/course/286.html">JAVA Beginner's Video Tutorial</a>
<div class="wzrthreerb">
<div>2265111 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
<div class="wzrthreerb">
<div>486548 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="PHP zero-based introductory tutorial" href="/course/2.html">PHP zero-based introductory tutorial</a>
<div class="wzrthreerb">
<div>817301 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="2">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a>
<div class="wzrthreerb">
<div >1384409 times of learning</div>
<div class="courseICollection" data-id="812">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="JAVA Beginner's Video Tutorial" href="/course/286.html">JAVA Beginner's Video Tutorial</a>
<div class="wzrthreerb">
<div >2265111 times of learning</div>
<div class="courseICollection" data-id="286">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
<div class="wzrthreerb">
<div >486548 times of learning</div>
<div class="courseICollection" data-id="504">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Quick introduction to web front-end development" href="/course/901.html">Quick introduction to web front-end development</a>
<div class="wzrthreerb">
<div >212663 times of learning</div>
<div class="courseICollection" data-id="901">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Master PS video tutorials from scratch" href="/course/234.html">Master PS video tutorials from scratch</a>
<div class="wzrthreerb">
<div >822815 times of learning</div>
<div class="courseICollection" data-id="234">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
<ul class="three" style="display: none;">
<li>
<a target="_blank" href="/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="[Web front-end] Node.js quick start" href="/course/1648.html">[Web front-end] Node.js quick start</a>
<div class="wzrthreerb">
<div >1526 times of learning</div>
<div class="courseICollection" data-id="1648">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Complete collection of foreign web development full-stack courses" href="/course/1647.html">Complete collection of foreign web development full-stack courses</a>
<div class="wzrthreerb">
<div >1238 times of learning</div>
<div class="courseICollection" data-id="1647">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Go language practical GraphQL" href="/course/1646.html">Go language practical GraphQL</a>
<div class="wzrthreerb">
<div >1024 times of learning</div>
<div class="courseICollection" data-id="1646">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="/course/1645.html">550W fan master learns JavaScript from scratch step by step</a>
<div class="wzrthreerb">
<div >354 times of learning</div>
<div class="courseICollection" data-id="1645">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a>
<div class="wzrthreerb">
<div >5121 times of learning</div>
<div class="courseICollection" data-id="1644">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper2', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrthreeTab>div').click(function(e){
$('.wzrthreeTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrthreelist>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>Latest Downloads</div>
<a href="/xiazai">More>
</a>
</div>
<script>
$(document).ready(function(){
var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
speed:1000,
autoplay:{
delay:3500,
disableOnInteraction: false,
},
pagination:{
el:'.sjyx_banSwiperwz .swiper-pagination',
clickable :false,
},
loop:true
})
})
</script>
<div class="wzrfourList swiper3">
<div class="wzrfourlTab swiper-wrapper">
<div class="check swiper-slide" data-id="onef">Web Effects <div></div></div>
<div class="swiper-slide" data-id="twof">Website Source Code<div></div></div>
<div class="swiper-slide" data-id="threef">Website Materials<div></div></div>
<div class="swiper-slide" data-id="fourf">Front End Template<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery enterprise message form contact code" href="/xiazai/js/8071">[form button] jQuery enterprise message form contact code</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 MP3 music box playback effects" href="/xiazai/js/8070">[Player special effects] HTML5 MP3 music box playback effects</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 cool particle animation navigation menu special effects" href="/xiazai/js/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery visual form drag and drop editing code" href="/xiazai/js/8068">[form button] jQuery visual form drag and drop editing code</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="VUE.JS imitation Kugou music player code" href="/xiazai/js/8067">[Player special effects] VUE.JS imitation Kugou music player code</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Classic html5 pushing box game" href="/xiazai/js/8066">[html5 special effects] Classic html5 pushing box game</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery scrolling to add or reduce image effects" href="/xiazai/js/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="CSS3 personal album cover hover zoom effect" href="/xiazai/js/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a>
</div>
</li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8328" title="Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8327" title="Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8326" title="Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8325" title="Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8324" title="Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8323" title="Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8322" title="IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8321" title="Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a>
</div>
</li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3078" target="_blank" title="Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3077" target="_blank" title="Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3076" target="_blank" title="Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3075" target="_blank" title="Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3074" target="_blank" title="Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3073" target="_blank" title="Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3072" target="_blank" title="Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3071" target="_blank" title="Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8328" target="_blank" title="Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8327" target="_blank" title="Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8326" target="_blank" title="Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8325" target="_blank" title="Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8324" target="_blank" title="Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8323" target="_blank" title="Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8322" target="_blank" title="IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8321" target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a>
</div>
</li>
</ul>
</div>
<script>
var mySwiper = new Swiper('.swiper3', {
autoplay: false,//可选选项，自动滑动
slidesPerView : 'auto',
})
$('.wzrfourlTab>div').click(function(e){
$('.wzrfourlTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrfourList>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
</div>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="/about/us.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a>
<a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a>
<a href="/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php.cn：Public welfare online PHP training，Help PHP learners grow quickly！</dd>
</dl>
</div>
</div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<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>
<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1719631051"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></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/global.min.js?5.5.53"></script>
</body>
</html> 
