laravel是一款优秀的php开发框架,使用laravel开发web应用可以实现快速开发、易于维护、代码简洁等优点。在使用laravel开发web应用的过程中,我们经常会使用控制器来处理业务逻辑和界面展示。而在实际开发中,我们也需要对控制器中的视图进行样式的修改,以满足不同的需求。本文将介绍如何使用laravel控制器修改页面样式。

一、Laravel控制器简介
在Laravel中,控制器是处理特定HTTP请求的应用程序逻辑的类。控制器在路由定义中被指定,并且可以获取来自HTTP请求的输入数据、查询数据库、调用其他类等。控制器还能够返回视图,以便渲染响应的HTML页面。
在Laravel控制器中,我们常用的方法有以下这些:

__construct()方法:用于创建控制器实例并进行初始化操作;
index()方法:用于显示某个页面的主页;
create()方法:用于显示创建新数据的表单页面;
store()方法:用于将表单数据存储到数据库中,并重定向到其他页面;
show()方法:用于显示某个特定数据的详细信息;
edit()方法:用于显示编辑特定数据的表单页面;
update()方法:用于将表单数据更新到数据库中,并重定向到其他页面;
destroy()方法:用于删除特定数据,并重定向到其他页面。

二、使用控制器修改页面样式的步骤
在Laravel中,我们可以通过控制器修改页面样式,以实现定制化的需求。以下是使用控制器修改页面样式的步骤:

在Laravel中,通常使用Blade模板引擎来生成HTML页面。因此,要修改页面样式,我们需要在对应的Blade模板文件中添加样式代码。可以通过使用CSS、Bootstrap等技术来实现页面样式的修改。
在控制器中,我们需要传递变量到对应的Blade模板文件中,以便在模板中使用这些变量来渲染页面。我们可以使用以下代码来传递变量:
$data = ['name' => 'John', 'age' => 30];
return view('user.profile', $data);登录后复制上述代码中,$data是一个数组,包含了name和age两个键值对。return view()方法用来渲染Blade模板,第二个参数是要传递给模板的变量数组。在Blade模板中使用上述传递的变量,以便显示相应的内容。我们可以使用以下代码来在模板中显示传递的变量:

Hello, {{ $name }}!

You are {{ $age }} years old.

登录后复制上述代码中,{{ $name}}和{{ $age }}是Blade的语法,用于获取传递的变量。$name和$age分别对应于控制器中传递的name和age变量。在Blade模板中添加样式代码,以便修改页面的样式。例如,我们可以在模板中添加以下代码,来修改页面中的标题、背景颜色等: Page Title

This is a Heading

This is a paragraph.

登录后复制上述代码中,标签用于定义CSS样式,h1和body分别表示页面中的标题和背景。我们可以根据实际需求调整样式,以满足不同的要求。

  1. 最后,在控制器中返回Blade模板,以便对应的页面能够正确渲染。我们可以使用以下代码来在控制器中返回Blade模板:
return view('page', $data);
登录后复制

其中,page是Blade模板的名称,$data包含了要传递的变量。

三、总结

本文介绍了如何使用Laravel控制器修改页面样式。在实际开发中,我们可以根据实际需求,使用Blade模板引擎和CSS等技术来定制化页面的样式,以便满足客户的需求。Laravel控制器能够灵活地处理业务逻辑和页面渲染,是web应用开发中不可或缺的组成部分。在使用Laravel开发web应用的过程中,我们需要不断学习和掌握控制器的使用方法,以便写出高效、简洁、易于维护的代码。

以上就是Laravel控制器修改页面样式的详细内容,更多请关注php中文网其它相关文章!

            </div>
                        </div>

        <!-- <div class='ask_line-container' >
            <div class='ask_line'></div>
            <button type='button' class='ask_text test-iframe-handle'>
            没有解决问题?点击使用智能助手
            </button>
            <div class='ask_line'></div>
        </div> -->
                    <div class='community flexRow newcommunity'>
                <div class='comleft flexRow newcomlimg'>
                    <a class='newcomlimga' target='_blank' rel='nofollow' href='https://pan.quark.cn/s/f79bda81fa1b' title='PHP速学视频免费教程(入门到精通)' >
                        <img src='https://img.php.cn/upload/Recdownload/000/000/085/666bdff371e4d231.png' class='comlimg newcomlimg' alt='PHP速学视频免费教程(入门到精通)'>
                    </a>
                    <div class='comldiv flexColumn newcomldiv'>
                        <a class='comldup newcomldup' target='_blank' rel='nofollow' title='PHP速学视频免费教程(入门到精通)' href='https://pan.quark.cn/s/f79bda81fa1b'>PHP速学视频免费教程(入门到精通)</a>
                        <p class='comlddown newcomlddown'>PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!</p>
                    </div>
                </div>
                <a class='comright flexRow newcomright' target='_blank' rel='nofollow' href='https://pan.quark.cn/s/f79bda81fa1b' title='PHP速学视频免费教程(入门到精通)'>
                    下载
                </a>
            </div>
                    <div class='phpwzggBox' style='width: 960px; margin: 20px auto;'>
        <script type='text/javascript' smua='d=p&s=b&u=u2839554&w=300&h=250' src='https://www.nkscdn.com/smu/o.js'></script>
        </div>
                    <div  class='wzconlabels'>
                            <div class='wzconBq' style='display: inline-flex;'>
                <span>相关标签:</span>
                <div class='wzcbqd' style='display:flex;'>
                    <a onclick='hits_log(2,'www',this);' href-data='/search?word=php' target='_blank'>php</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=laravel' target='_blank'>laravel</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=css' target='_blank'>css</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=bootstrap' target='_blank'>bootstrap</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=html' target='_blank'>html</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=数据库' target='_blank'>数据库</a> <a onclick='hits_log(2,'www',this);' href-data='/search?word=http' target='_blank'>http</a>                    </div>
            </div>
                            <div style='display: inline-flex;float: right; color:#333333;'>来源:php中文网</div>
                        </div>

        <div class='wzconFx'>
            <a class='wzcf-sc articleICollection ' data-id='549751'>
                                        <img src='/static/lhimages/shoucang_2x.png'>
                    <span>收藏</span>
                                </a>

            <a  class='wzcf-dz articlegoodICollection ' data-id='549751'>
                                        <img src='/static/images/images/icon37.png'>
                    <span>点赞</span>
                                </a>
        </div>

        <div class='wzconOtherwz'>
                                <a href='/faq/549741.html'>
                    <span>上一篇:laravel 发送邮件失败</span>
                </a>
                                <a href='/faq/549769.html'>
                    <span>下一篇:laravel有什么书推荐</span>
                </a>
                        </div>
        <div class='wzconShengming'>
            <img src='/static/images/images/benzhanshengming.png' />
            <div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div>
        </div>

                    <div class='wzconZzwz'>
            <div class='wzconZzwztitle'>作者最新文章</div>
            <ul>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972949.html' title='phpcn{$vo.title}'>漫威终极逆转脑波强化机卡组搭配攻略</a>
                        </div>
                        <div>2024-08-29 19:10:13</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972944.html' title='phpcn{$vo.title}'>漫威终极逆转苏睿卡组构建及玩法介绍</a>
                        </div>
                        <div>2024-08-29 19:06:33</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972943.html' title='phpcn{$vo.title}'>保卫萝卜4法老归来第41关图文攻略</a>
                        </div>
                        <div>2024-08-29 19:06:11</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972942.html' title='phpcn{$vo.title}'>《原神》5.0群山的影子任务攻略</a>
                        </div>
                        <div>2024-08-29 19:04:16</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972939.html' title='phpcn{$vo.title}'>哪个国家的维基百科内容最多?</a>
                        </div>
                        <div>2024-08-29 19:03:47</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972936.html' title='phpcn{$vo.title}'>黑神话悟空老山参速刷方法</a>
                        </div>
                        <div>2024-08-29 19:00:23</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972929.html' title='phpcn{$vo.title}'>每月会免君“Billbil-kun”透露PS5 Pro相关细节</a>
                        </div>
                        <div>2024-08-29 18:55:31</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972916.html' title='phpcn{$vo.title}'>《钟楼惊魂:昔日重现》亚洲版将于10月31日发售</a>
                        </div>
                        <div>2024-08-29 18:50:04</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972915.html' title='phpcn{$vo.title}'>《太鼓之达人 咚咚雷音祭》新平台版本详情公开</a>
                        </div>
                        <div>2024-08-29 18:48:05</div>
                    </li>
                                        <li>
                        <div class='wzczzwzli'>
                            <span class='layui-badge-dots'></span>
                            <a target='_blank' href='/faq/972901.html' title='phpcn{$vo.title}'>抖音怎么打爆款?打爆款怎么做好粉丝停留?</a>
                        </div>
                        <div>2024-08-29 18:41:01</div>
                    </li>
                                </ul>
        </div>
                    <div class='wwads-cn wwads-horizontal' data-id='156' style='max-width:985px'></div>
                    <div class='wzconZzwz'>
            <div class='wzconZzwztitle'>最新问题</div>
            <div class='wdsyContent'>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176447.html'  target='_blank' title='按照老师的方法不传值给TP6后台,再接收参数。出现以下错误。怎么办' class='wdcdcTitle'>按照老师的方法不传值给TP6后台,再接收参数。出现以下错误。怎么办</a>
                        <a href='/wenda/176447.html' class='wdcdcCons'>http://localhost/index.php/admin/index/userliste 的远程资源。(原因:CORS 头缺少 &#39;Access-Control-Al...</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>凡人来自于2024-07-09 15:20:49</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>1</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>38</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>1380</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176432.html'  target='_blank' title='请问写php项目都要用到git吗' class='wdcdcTitle'>请问写php项目都要用到git吗</a>
                        <a href='/wenda/176432.html' class='wdcdcCons'>请问写php项目都要用到git吗</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>PHP中文网用户-4202961来自于2024-06-11 14:28:59</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>56</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2036</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176430.html'  target='_blank' title='请问能提供下源码么' class='wdcdcTitle'>请问能提供下源码么</a>
                        <a href='/wenda/176430.html' class='wdcdcCons'>请问能提供下源码么?想对照着看</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>周珂儿来自于2024-06-06 08:56:32</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>47</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>1814</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176426.html'  target='_blank' title='为什么我用的laravel10不走handle文件中的render方法,无法输出断点内容' class='wdcdcTitle'>为什么我用的laravel10不走handle文件中的render方法,无法输出断点内容</a>
                        <a href='/wenda/176426.html' class='wdcdcCons'>为什么我用的laravel10不走handle文件中的render方法,无法输出断点内容</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>许飞来自于2024-06-02 14:41:32</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>50</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>1393</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176420.html'  target='_blank' title='小鱼AI助手免费使用!http://ai.52xuejs.cn/#/chat' class='wdcdcTitle'>小鱼AI助手免费使用!http://ai.52xuejs.cn/#/chat</a>
                        <a href='/wenda/176420.html' class='wdcdcCons'>小鱼AI助手免费使用!http://ai.52xuejs.cn/#/chat</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>会飞的汤姆来自于2024-05-28 03:09:58</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>47</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>1947</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176411.html'  target='_blank' title='function_exists()无法判定自定义函数' class='wdcdcTitle'>function_exists()无法判定自定义函数</a>
                        <a href='/wenda/176411.html' class='wdcdcCons'>function test()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; }&nbsp...</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>凡人来自于2024-04-29 11:01:01</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>64</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2878</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176410.html'  target='_blank' title='google 浏览器 手机版显示的怎么实现' class='wdcdcTitle'>google 浏览器 手机版显示的怎么实现</a>
                        <a href='/wenda/176410.html' class='wdcdcCons'>老师您好,google 浏览器怎么变成手机版样式的?</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>艾尼宛尔.亚森来自于2024-04-23 00:22:19</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>51</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2505</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176407.html'  target='_blank' title='子窗口操作父窗口,输出没反应' class='wdcdcTitle'>子窗口操作父窗口,输出没反应</a>
                        <a href='/wenda/176407.html' class='wdcdcCons'>前两句可执行,最后一句没法应</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>P粉722478067来自于2024-04-19 15:37:47</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>49</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2457</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176406.html'  target='_blank' title='父窗口没有输出' class='wdcdcTitle'>父窗口没有输出</a>
                        <a href='/wenda/176406.html' class='wdcdcCons'>document.onclick = function(){   window.opener.document.write(&#39;我是子窗口的输出&#39;);&nbsp; &nb...</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>P粉722478067来自于2024-04-18 23:52:34</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>47</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2321</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                    <div class='wdsyConDiv flexRow wdsyConDiv1'>
                    <div class='wdcdContent flexColumn'>
                        <a href='/wenda/176405.html'  target='_blank' title='关于CSS思维导图的课件在哪?' class='wdcdcTitle'>关于CSS思维导图的课件在哪?</a>
                        <a href='/wenda/176405.html' class='wdcdcCons'>课件</a>
                        <div class='wdcdcInfo flexRow'>
                            <div class='wdcdcileft'>
                                <span class='wdcdciSpan'>凡人来自于2024-04-16 10:10:18</span>
                            </div>
                            <div class='wdcdciright flexRow'>
                                <a class='wdcdcirdz flexRow'>  <img src='/static/images/images/icon37.png' class='wdcdcirdzi'>0</a>
                                <a class='wdcdcirpl flexRow'><img src='/static/images/images/icon24.png'  class='wdcdcirpli'>46</a>
                                <a class='wdcdcirwatch flexRow'><img src='/static/images/images/icon43.png'  class='wdcdcirwatchi'>2202</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='wdsyConLine wdsyConLine2'></div>
                                </div>
        </div>
        <div class='wzconZt' >
            <div class='wzczt-title'>
                <div>相关专题</div>
                <a href='/faq/zt' target='_blank'>更多>
                </a>
            </div>
            <div class='wzcttlist'>
                <ul>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpwjzmdk'><img src='https://img.php.cn/upload/subject/202309/01/2023090111533461500.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpwjzmdk' class='title-a-spanl'><span>php文件怎么打开</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpzmqcszys'><img src='https://img.php.cn/upload/subject/202310/11/2023101111394597302.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpzmqcszys' class='title-a-spanl'><span>php怎么取出数组的前几个元素</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpfxlsb'><img src='https://img.php.cn/upload/subject/202310/11/2023101111442515737.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpfxlsb' class='title-a-spanl'><span>php反序列化失败怎么办</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpljmssql'><img src='https://img.php.cn/upload/subject/202310/23/2023102311474720631.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpljmssql' class='title-a-spanl'><span>php怎么连接mssql数据库</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpljmssqlsjk'><img src='https://img.php.cn/upload/subject/202310/23/2023102312044461242.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpljmssqlsjk' class='title-a-spanl'><span>php连接mssql数据库的方法</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/htmlzmsc'><img src='https://img.php.cn/upload/subject/202311/03/2023110309571979057.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/htmlzmsc' class='title-a-spanl'><span>html怎么上传</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpcxlmzmjj'><img src='https://img.php.cn/upload/subject/202311/09/2023110909430246458.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpcxlmzmjj' class='title-a-spanl'><span>PHP出现乱码怎么解决</span> </a>
                    </li>
                                            <li class='ul-li'>
                        <a target='_blank' href='/faq/phpwjzmzsjsdk'><img src='https://img.php.cn/upload/subject/202311/13/2023111311092751784.jpg?x-oss-process=image/resize,m_fill,h_145,w_220' /> </a>
                        <a target='_blank' href='/faq/phpwjzmzsjsdk' class='title-a-spanl'><span>php文件怎么在手机上打开</span> </a>
                    </li>
                                        </ul>
            </div>
        </div>
    </div>
</div>
<div class='phpwzright'>
            <div class='wzrOne' style='margin-bottom:31px; padding:0px; width: 366px;'>
    <div style='position: relative; border-radius: 12px;'><a class='' href='https://teacher.php.cn/jump/68' title='华纳云服务器5M 20元起' rel='nofollow' target='_blank'><img style='width: 100%; border-radius: 12px;' src='https://img.php.cn/teacher/course/20240523/8e6f3e43363dca642ef6e9ae657c3ab6.gif' alt='华纳云服务器5M 20元起'></a><span style='position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;'>广告</span></div>
    <!-- <script type='text/javascript' smua='d=p&s=b&u=u2839468&w=366&h=270' src='https://www.nkscdn.com/smu/o.js'></script> -->
    </div>
            <div class='wzrOne'>
        <div class='wzroTitle'>热门推荐</div>
        <div class='wzroList'>
            <ul>
                                            <li>
                            <div class='wzczzwzli'>
                                <span class='layui-badge-dots wzrolr'></span>
                                <a style='height: auto;' href='/faq/741781.html'>laravel支持几种数据库</a>
                            </div>
                        </li>
                                                    <li>
                            <div class='wzczzwzli'>
                                <span class='layui-badge-dots wzrolr'></span>
                                <a style='height: auto;' href='/faq/741772.html'>laravel框架支持的几种数据库系统</a>
                            </div>
                        </li>
                                                    <li>
                            <div class='wzczzwzli'>
                                <span class='layui-badge-dots wzrolr'></span>
                                <a style='height: auto;' href='/faq/741768.html'>laravel中间件是什么意思</a>
                            </div>
                        </li>

            </ul>
        </div>

    </div>
    <div class='wzrTwo'>
        <!--<script type='text/javascript' src='https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.js' ></script>-->
    </div>
    <div class='wzrTwo'>
            <div style='position: relative;'><a class='' href='https://teacher.php.cn/jump/67' title='开源免费商场系统' rel='nofollow' target='_blank'><img style='width: 100%; ' src='https://img.php.cn/teacher/course/20220930/8ef7a4a308a22ece023e77e5428c0e25.png' alt='开源免费商场系统'></a><span style='position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;'>广告</span></div>

    </div>

    <div class='wzrThree'>
        <div class='wzrthree-title'>
            <div>热门教程</div>
            <a target='_blank' href='https://www.php.cn/k.html'>更多>
            </a>
        </div>
        <div class='wzrthreelist'>
            <div class='wzrthreeTab'>
                <div class='check tabdiv' data-id='one'>相关推荐 <div></div></div>
                <div class='tabdiv' data-id='two'>热门推荐<div></div></div>
                <div class='tabdiv' data-id='three'>最新课程<div></div></div>
            </div>
            <ul class='one'>
            <script type='text/javascript' src='https://teacher.php.cn/php/MTJjOWU0YjVmMmE1MzI1OTgyNzRlYmJmYjE0MmZkNWY6Og==' ></script>
                                            <li>
                            <a target='_blank' href='/course/631.html' title='ThinkPHP5快速开发企业站点[全程实录]' class='wzrthreelaimg'>
                                <img src='https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png' alt='ThinkPHP5快速开发企业站点[全程实录]'/>
                            </a>
                            <div class='wzrthree-right'>
                                <a target='_blank' href='/course/631.html'>ThinkPHP5快速开发企业站点[全程实录]</a>
                                <div class='wzrthreerb'>
                                    <div >386177次学习</div>
                                                                                <a class='courseICollection' data-id='631'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                        </div>
                            </div>
                        </li>
                                                    <li>
                            <a target='_blank' href='/course/332.html' title='Thinkphp3.2.3个人博客开发' class='wzrthreelaimg'>
                                <img src='https://img.php.cn/upload/course/000/000/068/6253d96e5aaaf629.png' alt='Thinkphp3.2.3个人博客开发'/>
                            </a>
                            <div class='wzrthree-right'>
                                <a target='_blank' href='/course/332.html'>Thinkphp3.2.3个人博客开发</a>
                                <div class='wzrthreerb'>
                                    <div >205004次学习</div>
                                                                                <a class='courseICollection' data-id='332'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                        </div>
                            </div>
                        </li>
                                                    <li>
                            <a target='_blank' href='/course/1475.html' title='PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)' class='wzrthreelaimg'>
                                <img src='https://img.php.cn/upload/course/000/000/001/63885f486655e517.png' alt='PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)'/>
                            </a>
                            <div class='wzrthree-right'>
                                <a target='_blank' href='/course/1475.html'>PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)</a>
                                <div class='wzrthreerb'>
                                    <div >38222次学习</div>
                                                                                <a class='courseICollection' data-id='1475'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                        </div>
                            </div>
                        </li>
                                        </ul>
            <ul class='two' style='display: none;'>
                                        <li>
                        <a target='_blank' href='/course/812.html' title='最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg' alt='最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/812.html'>最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
                            <div class='wzrthreerb'>
                                <div >1398176次学习</div>
                                                                        <a class='courseICollection' data-id='812'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/639.html' title='phpStudy极速入门视频教程' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg' alt='phpStudy极速入门视频教程'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/639.html'>phpStudy极速入门视频教程</a>
                            <div class='wzrthreerb'>
                                <div >516538次学习</div>
                                                                        <a class='courseICollection' data-id='639'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/379.html' title='独孤九贱(4)_PHP视频教程' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg' alt='独孤九贱(4)_PHP视频教程'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/379.html'>独孤九贱(4)_PHP视频教程</a>
                            <div class='wzrthreerb'>
                                <div >1201785次学习</div>
                                                                        <a class='courseICollection' data-id='379'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/801.html' title='PHP实战天龙八部之仿爱奇艺电影网站' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg' alt='PHP实战天龙八部之仿爱奇艺电影网站'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/801.html'>PHP实战天龙八部之仿爱奇艺电影网站</a>
                            <div class='wzrthreerb'>
                                <div >746301次学习</div>
                                                                        <a class='courseICollection' data-id='801'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/372.html' title='独孤九贱(1)_HTML5视频教程' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg' alt='独孤九贱(1)_HTML5视频教程'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/372.html'>独孤九贱(1)_HTML5视频教程</a>
                            <div class='wzrthreerb'>
                                <div >599264次学习</div>
                                                                        <a class='courseICollection' data-id='372'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                </ul>
            <ul class='three' style='display: none;'>
                                        <li>
                        <a target='_blank' href='/course/1654.html' title='支付宝沙箱支付(个人也能用的支付)' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/teacher/course/20240819/172406094466c31510e008b.jpg' alt='支付宝沙箱支付(个人也能用的支付)'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/1654.html'>支付宝沙箱支付(个人也能用的支付)</a>
                            <div class='wzrthreerb'>
                                <div >54次学习</div>
                                                                        <a class='courseICollection' data-id='1654'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/1650.html' title='麻省理工大佬Python课程' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/067/66592dcfeb1b4698.png' alt='麻省理工大佬Python课程'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/1650.html'>麻省理工大佬Python课程</a>
                            <div class='wzrthreerb'>
                                <div >3575次学习</div>
                                                                        <a class='courseICollection' data-id='1650'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/1649.html' title='Swoole5 Hyperf3 php8新版本协程框架讲说' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/067/6641ad56af4c9674.png' alt='Swoole5 Hyperf3 php8新版本协程框架讲说'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/1649.html'>Swoole5 Hyperf3 php8新版本协程框架讲说</a>
                            <div class='wzrthreerb'>
                                <div >4607次学习</div>
                                                                        <a class='courseICollection' data-id='1649'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/1648.html' title='【web前端】Node.js快速入门' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png' alt='【web前端】Node.js快速入门'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/1648.html'>【web前端】Node.js快速入门</a>
                            <div class='wzrthreerb'>
                                <div >2722次学习</div>
                                                                        <a class='courseICollection' data-id='1648'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                        <li>
                        <a target='_blank' href='/course/1647.html' title='国外Web开发全栈课程全集' class='wzrthreelaimg'>
                            <img src='https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png' alt='国外Web开发全栈课程全集'/>
                        </a>
                        <div class='wzrthree-right'>
                            <a target='_blank' href='/course/1647.html'>国外Web开发全栈课程全集</a>
                            <div class='wzrthreerb'>
                                <div >2202次学习</div>
                                                                        <a class='courseICollection' data-id='1647'><img src='/static/images/images/icon-small-nocollect.png' class='nofollow'>收藏</a>
                                                                </div>
                        </div>
                    </li>
                                </ul>
        </div>
        <script>
            $('.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='wzrTwo'>
    <script type='text/javascript' smua='d=p&s=b&u=u2839468&w=366&h=270' src='https://www.nkscdn.com/smu/o.js'></script> </div>
            <div class='wzrFour'>
        <div class='wzrfour-title'>
            <div>最新下载</div>
            <a href='/xiazai'>更多>
            </a>
        </div>
                        <div class='swiper-container  sjyx_banSwiperwz'>
                <ul class='swiper-wrapper'>
                                                <li class='swiper-slide'>
                            <a href='/xiazai/code/8430' target='_blank' title='宗教信仰文化教育服务网站模板'>
                                <img src='https://img.php.cn/upload/webcode/000/000/002/172293690878903.jpg?x-oss-process=image/resize,m_fill,h_220,w_335' onerror='this.onerror='';this.src='/static/images/moren/morentu.png'' alt='宗教信仰文化教育服务网站模板'>
                            </a>
                        </li>
                                                <li class='swiper-slide'>
                            <a href='/xiazai/code/8429' target='_blank' title='网页设计师作品简历展示网站模板'>
                                <img src='https://img.php.cn/upload/webcode/000/000/006/172293690384678.jpg?x-oss-process=image/resize,m_fill,h_220,w_335' onerror='this.onerror='';this.src='/static/images/moren/morentu.png'' alt='网页设计师作品简历展示网站模板'>
                            </a>
                        </li>
                                                <li class='swiper-slide'>
                            <a href='/xiazai/code/8428' target='_blank' title='软件开发个人简历展示网页模板'>
                                <img src='https://img.php.cn/upload/webcode/000/000/018/172293524552403.jpg?x-oss-process=image/resize,m_fill,h_220,w_335' onerror='this.onerror='';this.src='/static/images/moren/morentu.png'' alt='软件开发个人简历展示网页模板'>
                            </a>
                        </li>
                                            <div class='clear'></div>
                </ul>
                <div class='swiper-pagination'></div>
            </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'>
            <div class='wzrfourlTab'>
                <div class='check' data-id='onef'>网站特效 <div></div></div>
                <div class='' data-id='twof'>网站源码<div></div></div>
                <div class='' data-id='threef'>网站素材<div></div></div>
                <div class='' data-id='fourf'>前端模板<div></div></div>
            </div>
            <ul class='onef'>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='jQuery企业留言表单联系代码' href='/xiazai/js/8071'>[表单按钮] jQuery企业留言表单联系代码</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='HTML5 MP3音乐盒播放特效' href='/xiazai/js/8070'>[播放器特效] HTML5 MP3音乐盒播放特效</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='HTML5炫酷粒子动画导航菜单特效' href='/xiazai/js/8069'>[菜单导航] HTML5炫酷粒子动画导航菜单特效</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='jQuery可视化表单拖拽编辑代码' href='/xiazai/js/8068'>[表单按钮] jQuery可视化表单拖拽编辑代码</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='VUE.JS仿酷狗音乐播放器代码' href='/xiazai/js/8067'>[播放器特效] VUE.JS仿酷狗音乐播放器代码</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='经典html5推箱子小游戏' href='/xiazai/js/8066'>[html5特效] 经典html5推箱子小游戏</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='jQuery滚动添加或减少图片特效' href='/xiazai/js/8065'>[图片特效] jQuery滚动添加或减少图片特效</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a target='_blank'  title='CSS3个人相册封面悬停放大特效' href='/xiazai/js/8064'>[相册特效] CSS3个人相册封面悬停放大特效</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/7647' title='有机果蔬供应商网页模板 Bootstrap5' target='_blank'>[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7646' title='Bootstrap3多功能数据信息后台管理响应式网页模板-Novus' target='_blank'>[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7645' title='房产资源服务平台网页模板 Bootstrap5' target='_blank'>[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7644' title='简约简历资料网页模板 Bootstrap4' target='_blank'>[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7639' title='bootstrap响应式宽屏图书教育网站模板-DREAMLIFE' target='_blank'>[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7634' title='MAC风格响应式蓝色企业CMS后台管理系统模版' target='_blank'>[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7632' title='响应式渐变大气后台管理系统网站模板-usinessbox' target='_blank'>[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/7629' title='响应式蔬菜水果商店网站模板-Organio' target='_blank'>[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</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='可爱的夏天元素矢量素材(EPS+PNG)'>[网站素材] 可爱的夏天元素矢量素材(EPS+PNG)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3077'  target='_blank'  title='四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)'>[网站素材] 四个红的的 2023 毕业徽章矢量素材(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='唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)'>[网站素材] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3075'  target='_blank'  title='金色的毕业帽矢量素材(EPS+PNG)'>[网站素材] 金色的毕业帽矢量素材(EPS+PNG)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3074'  target='_blank'  title='黑白风格的山脉图标矢量素材(EPS+PNG)'>[网站素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3073'  target='_blank'  title='不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)'>[网站素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3072'  target='_blank'  title='扁平风格的植树节banner矢量素材(AI+EPS)'>[网站素材] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/sucai/3071'  target='_blank'  title='九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)'>[网站素材] 九个漫画风格的爆炸聊天气泡矢量素材(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/8430'  target='_blank' title='宗教信仰文化教育服务网站模板'>[前端模板] 宗教信仰文化教育服务网站模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8429'  target='_blank' title='网页设计师作品简历展示网站模板'>[前端模板] 网页设计师作品简历展示网站模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8428'  target='_blank' title='软件开发个人简历展示网页模板'>[前端模板] 软件开发个人简历展示网页模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8427'  target='_blank' title='HTML5响应式人才机构网站模板'>[前端模板] HTML5响应式人才机构网站模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8426'  target='_blank' title='HTML5足球运动赛事网站模板'>[前端模板] HTML5足球运动赛事网站模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8425'  target='_blank' title='物流交通运输服务公司网站HTML5模板'>[前端模板] 物流交通运输服务公司网站HTML5模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8424'  target='_blank' title='响应式互联网课程服务网站模板'>[前端模板] 响应式互联网课程服务网站模板</a>
                        </div>
                    </li>
                                        <li>
                        <div class='wzrfourli'>
                            <span class='layui-badge-dots wzrflr'></span>
                            <a href='/xiazai/code/8423'  target='_blank' title='电子烟电子商城服务网站模板'>[前端模板] 电子烟电子商城服务网站模板</a>
                        </div>
                    </li>
                                </ul>
        </div>
        <script>
            $('.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>