课程目录
- 1-几个概念
- 2-apache的安装
- 3-PHP安装
- 4-Mysql的安装
- 5-文件的卸载
- 6-WAMP的安装
- 7-更改虚拟目录
- 8-更改首页
- 9-更改端口号
- 10-DNS解析
- 11-虚拟主机
- 12-总结
- 1-回顾、
- 2-数据库简介
- 3-SQL简介
- 4-链接mysql数据库
- 5-创建数据库
- 6-数据库删除、修改、选择
- 7-关于表的几个概念
- 8-创建表
- 9-插入数据
- 10-更新
- 11-查询
- 12-删除
- 13-思考题
- 14-聚合函数
- 1-回顾
- 2-dreamweaver站点的设置
- 3-四种定界符
- 4-传值与传址
- 5-变量的销毁
- 6-可变变量
- 7-常量的定义
- 8-数据类型
- 9-输出语句
- 10-算术运算符
- 11-比较运算符和逻辑运算符
- 12-赋值运算符和三元运算符
- 13-判定奇偶数
- 14-判断奇偶数的优化
- 1-回顾
- 2-作业
- 3-多分支
- 4-多路判定
- 5-for循环
- 6-while、do-while、foreach
- 7-从1加到100
- 8-跳转语句
- 9-函数
- 10-数组的分类
课程介绍
今天给大家分享一套非常好的php学习教程，2014兄弟连细说PHP视频教程第二版，在国内是非常不错的php课程，与韩顺平老师的讲的php一样受网页开发者的喜爱，本课程共350讲，非常详细，详细讲解php入门到精通，课程为高清模式，让大家花更少的时间学到最好的php课程。
讲师介绍：高洛峰 LAMP兄弟连教学总监，国内最早的PHP技术讲师之一，具有五年软件开发工作经验、四年IT教学工作经验。曾在多家上市企业担任过技术总监、项目经理、高级软件工程师等职务，具有扎实的技术功底。国内资深的高级技术认证讲师，从事IT培训以来累计授课长达6000课时以上，培训近千名学员成功走向IT岗位，具有丰富的IT教学经验。熟悉掌握Unix/Linux/Windows等多种操作系统，一直从事嵌入式、C、C++、Java、PHP及 Oracle数据库等技术研发工作，对Web系统软件开发深有研究，近年来致力于推广LAMP开源平台系列软件。著有《细说PHP》一书。
目录:
1、网站开发构件概述
本节主要介绍了什么是B/S架构的软件，什么是动态网站，重点介绍了开发一个网站所需要的技术，包罗HTML、CSS，JavaScript、PHP、MySQL、Apache还有浏览器等各个Web构件的详细应用介绍。并通过编写一个网页选项卡使用到各个构件，让你了解每种技术的功能各自独立又要彼此配合才能完成一个动态网站的建立。如果你是一个初学者，会对你后期的学习大有帮手，所以请不要跳过本节。
2、网站工作原理及LAMP平台介绍
本节主要介绍了HTTP协议和URL的结构，重点介绍了Web的工作原理，并对多个Web开发平台LAMP、J2EE和ASP.net各自的性能做了介绍。本节还别离介绍了LAMP组合成员的信息，并介绍了LAMP的发展趋势。
3、HTML与CSS概述及HTML语言语法
本节是HTML开始部分，主要介绍了HTML和CSS的使用，这节重点讲解了HTML语言语法，是初学者作为入门必看的一章，为以后的章节学习打下基础。
4、HTML的主体结构
本节主要介绍了HTML的主体结构，包罗网页的头和体两部分，并重点介绍了头部中的每个标识表记标帜的使用,包罗<base><link><meta>四个标识表记标帜的实验演示。在本节也重点介绍了body标识表记标帜的作用与属性的用法，以及DTD文件的使用。</div><div> </div><div>5、HTML常用标签(上)</div><div>这节分为两个视频，第一个是中的内容包罗HTML中常用的格式标签和文本标签，在第二个中包罗超链接、锚点的应用和图像标签以及图像地图的操作。在这两个中都有大量的实验为大家详细讲解。</div><div> </div><div>6、HTML常用标签(下)</div><div>这节分为两个视频，第一个是中的内容包罗HTML中常用的格式标签和文本标签，在第二个中包罗超链接、锚点的应用和图像标签以及图像地图的操作。在这两个中都有大量的实验为大家详细讲解。</div><div> </div><div>7、HTML的表格标签</div><div>本节主要向大家介绍了HTML中表格的定义与使用，包罗table,tr,td,th,caption等标签和属性的应用，并详细介绍了他们在实际开发HTML页面的应用，本节也有通过CSS设置表格的过程。</div><div> </div><div>8、HTML窗口分帧技术</div><div>本节主要讲解了HTML窗口分帧技术，以及窗口分帧在实际项目中的应用和窗口分帧在编写时需要注意的技术点，并别离介绍了<frameset>和<frame>的应用和属性的应用，以及重点介绍了<iframe>的应用。本节还通过大量的实例演示并讲解了窗口分帧技术。</div><div> </div><div>9、HTML表单的设计应用</div><div>本节主要介绍了表单的应用，包罗<from>标签和它属性的作用，还逐一通过实验演示并讲解了每个表单<input>,<select>,<textarea>等的标签和属性应用，并针对需要注意的内容反复强调。需要大家掌握每个HTML表单元素，为以后的学习打好基础。</div><div> </div><div>10、层迭样式表CSS的基础</div><div>本节主要介绍了CSS的作用，重点介绍了CSS的几种设置方法，包罗内联式样式表、嵌入样式表、外部样式表和输入样式表，并通过实验演示了每种设置方法的应用，同时在本节也强调了各种设置方法的优先级问题。</div><div> </div><div>11、CSS的多种选择器的使用</div><div>本节主要介绍了各种CSS选择器及其用法，包罗HTML样式选择器、class样式选择器、ID样式选择器、关联样式选择器、组合样式选择器和伪元素样式选择器，并通过实验演示别离讲解了各自的特点和用法。</div><div> </div><div>12、常见的CSS属性和值</div><div>本节主要介绍了CSS中常见的一些属性和值的用法，包罗字体属性、文本属性、背景属性、边框和列表属性等，并通过实验演示了他们的使用方式。重点介绍了如果通过一行解决的方法和在实际开发中的应用。</div><div> </div><div>13、DIV+CSS标准化网页部局准备工作(上)</div><div>本节主要介绍了在使用DIV+CSS布局页前的准备工作，包罗使用他们布局的优点，常用到的调试软件，盒子模型，无意的标签div和span的意义与应用，重点介绍和在使用DIV+CSS布局时用到的常见的CSS属性，为我们设置页面布局做好铺垫。</div><div> </div><div>14、DIV+CSS标准化网页部局准备工作(下)</div><div>本节主要介绍了在使用DIV+CSS布局页前的准备工作，包罗使用他们布局的优点，常用到的调试软件，盒子模型，无意的标签div和span的意义与应用，重点介绍和在使用DIV+CSS布局时用到的常见的CSS属性，为我们设置页面布局做好铺垫。</div><div> </div><div>15、DIV+CSS布局网站首页实例</div><div>本节主要讲解了DIV+CSS网页标准布局的应用，并通过一个网站首页实例的代码编写演示了布局的应用，并在布局时介绍了一个网站首页需要的内容，重点介绍了在布局时不同浏览器之间的差异以及解决的办法，希望大家能通过这个实例完成本身项目中所有页面的布局设置。</div><div> </div><div>16、LAMP环境安装(最佳的PHP环境搭建)</div><div>本介详细介绍和演示了最佳的PHP环境安装过程，在Linux平台下安装 PHP 有几种方法：使用配置和编译过程，或是使用各种预编译的包。在Linux上安装软件，用户最好的选择是下载源代码包，并编译一个适合本身的版本。LAMP组合中每个成员都是开源的软件，都可以从各自的官方网站上免费下载安装程序的源代码文件，并在本身的系统上编译，编译之前会检查系统的环境，并可以针对目标系统的环境进行优化。所以和本身系统的兼容性是最好的，不仅如此，允许你按照本身的需求进行定制安装。这是LAMP环境最抱负的搭建方法，也是最复杂的安装方式。所以要搭建一个最完美的LAMP工作环境，多花费一些时间和精力在源代码包的安装上，还是值得的。。</div><div> </div><div>17、在Windows系统中别离安装PHP工作环境</div><div>本节详细介绍和演示了在Windows系统中安装PHP工作环境所需要的各种软件，大多数读者对Linux系统并不熟悉，所以这一节主要介绍如安在Windows系统上别离独立安装Apache2、PHP5、MySQL5和phpMyAdmin等几个软件。独立安装的好处是可以自由选择这些组件的具体版本，清晰地掌握本身计算机里都安装了哪些程序，以及它们的具体配置情况，这将对以后的系统维护和软件升级工作带来很大的帮手。</div><div> </div><div>18、在Windows系统中安装集成的PHP开发环境</div><div>本节主要介绍了一个集成软件Appserv软件的安装过程，在Linux和Window系统上，别离独立安装了Web工作环境所需要的各种软件是最好的。但一些初学者安装这些环境也是一个比力困难的任务。 目前在网上可以下载到好多集成了Apache+PHP+MySQL+phpMyAdmin等组成的单一软件作为Web工作环境，就是将这些免费的建站资源重新包装成单一的安装程序，以便利初学者快速搭建环境。只需要通过点击“下一步”操作，和按照提示输入一些简单的配置信息就可以安装成功。但是安装这种软件也有很多不好的地方。例如，不成以自由的选择这些组件的具体版本，不能清晰地掌握本身计算机里都安装了哪些程序，默认开放的不安全模块扩展功能太多，对以后的系统维护、安全控制和软件升级工作带来极大的困难。所以安装集成的开发环境只适合初学者学习时使用，最好不要用于真正的网站办事器运营使用。</div><div> </div><div>19、Apache办事器的基本配置</div><div>本节主要介绍了Apache办事器软年的目录结构，主配置文件和附助配置文件的位置，重点介绍了Apache配置文件的语法格式和常用到的全局指令的配置方法，希望可以通过本节的学习掌握Apache办事器的基本配置。</div>
</div>
</div>
<button id="courseDescBtn" class="course-desc-btn" onclick="toggleCourseDesc(event)">
<span class="btn-text">展开更多</span>
<svg class="btn-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M6 9l6 6 6-6"/>
</svg>
</button>
</div>
<!-- 全站精品课程推荐 -->
<div class="recommend-section">
<div class="section-title">
<svg class="header-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
<h4 class="h5-xl">全站精品课程推荐</h4>
</div>
<div class="recommend-grid">
<a href="/lectures/Speech/14651/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/2023111116491666841.jpg" alt="21天提升语言表达能力训练" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">4星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">21天提升语言表达能力训练</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">演讲口才</span>
<span><i class="fas fa-eye"></i> 122</span>
</div>
</div>
</a>
<a href="/High-curr/Senior3-Cour/4583/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/uploads/allimg/202312/0f19745ad460915f.jpg" alt="高中地理一轮复习讲解" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">3星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">高中地理一轮复习讲解</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">高三课程</span>
<span><i class="fas fa-eye"></i> 49</span>
</div>
</div>
</a>
<a href="/xiaoxuekecheng/shaoeryizhi/14536/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-10/20231052112776979.jpg" alt="《摩比爱数学》" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">4星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">《摩比爱数学》</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">少儿益智</span>
<span><i class="fas fa-eye"></i> 58</span>
</div>
</div>
</a>
<a href="/High-curr/college-exam/14696/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/2023111414322373956.jpg" alt="高中数学题型方法100讲视频" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">4星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">高中数学题型方法100讲视频</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">高考专题</span>
<span><i class="fas fa-eye"></i> 62</span>
</div>
</div>
</a>
<a href="/High-curr/college-exam/14742/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/20231122950519894.jpg" alt="高中数学【直线与圆】基础知识专题" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">5星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">高中数学【直线与圆】基础知识专题</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">高考专题</span>
<span><i class="fas fa-eye"></i> 54</span>
</div>
</div>
</a>
<a href="/postgraduate/specialized/14744/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/202311229475676788.jpg" alt="《模电/模拟电子技术》教材讲解" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">3星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">《模电/模拟电子技术》教材讲解</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">考研专业课</span>
<span><i class="fas fa-eye"></i> 34</span>
</div>
</div>
</a>
<a href="/High-curr/college-exam/14745/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/202311229471886774.jpg" alt="【高考语文必背60篇】讲解" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">5星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">【高考语文必背60篇】讲解</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">高考专题</span>
<span><i class="fas fa-eye"></i> 39</span>
</div>
</div>
</a>
<a href="/High-curr/college-exam/14752/" class="recommend-card" target="_blank">
<div class="recommend-card-img">
<img src="/pic/uploadimg/2023-11/2023112116421750563.jpg" alt="高考数学一轮总复习基础辅导" loading="lazy" />
<div class="recommend-card-overlay">
<span class="recommend-card-views"><i class="fas fa-play"></i></span>
<span class="recommend-card-star">4星</span>
</div>
</div>
<div class="recommend-card-info">
<div class="recommend-card-title">高考数学一轮总复习基础辅导</div>
<div class="recommend-card-meta">
<span class="recommend-card-tag">高考专题</span>
<span><i class="fas fa-eye"></i> 29</span>
</div>
</div>
</a>
</div>
</div>
<!-- 热门/最新课程 -->
<div class="course-list-section">
<div style="display: flex; gap: 20px;">
<div style="flex: 1;">
<div class="course-list-header hot">
<svg class="header-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M17.66 11.2C17.43 10.9 17.15 10.64 16.89 10.38C16.22 9.78 15.46 9.35 14.82 8.72C13.33 7.26 13 4.85 13.95 3C13 3.23 12.17 3.75 11.46 4.32C8.87 6.4 7.85 10.07 9.07 13.22C9.11 13.32 9.15 13.42 9.15 13.55C9.15 13.77 9 13.97 8.8 14.05C8.57 14.15 8.33 14.09 8.14 13.93C8.08 13.88 8.04 13.83 8 13.76C6.87 12.33 6.69 10.28 7.45 8.64C5.78 10 4.87 12.3 5 14.47C5.06 14.97 5.12 15.47 5.29 15.97C5.43 16.57 5.7 17.17 6 17.7C7.08 19.43 8.95 20.67 10.96 20.92C13.1 21.19 15.39 20.8 17.03 19.32C18.86 17.66 19.5 15 18.56 12.72L18.43 12.46C18.22 12 17.66 11.2 17.66 11.2ZM14.5 17.5C14.22 17.74 13.76 18 13.4 18.1C12.28 18.5 11.16 17.94 10.5 17.28C11.69 17 12.4 16.12 12.61 15.23C12.78 14.43 12.46 13.77 12.33 13C12.21 12.26 12.23 11.63 12.5 10.94C12.69 11.32 12.89 11.7 13.13 12C13.9 13 15.11 13.44 15.37 14.8C15.41 14.94 15.43 15.08 15.43 15.23C15.46 16.05 15.1 16.95 14.5 17.5Z"/></svg>
<h5>热门课程</h5>
</div>
<div class="course-list-body">
<a href="/qitaxilie/fo/13329/" class="course-list-item" target="_blank">
<span class="course-list-num">1</span>
<div class="course-list-content">
<div class="course-list-title">净空法师《大乘无量寿经》600集-音频版</div>
<div class="course-list-meta">禅佛智慧 · 4534 次浏览</div>
</div>
</a>
<a href="/qitaxilie/fo/4360/" class="course-list-item" target="_blank">
<span class="course-list-num">2</span>
<div class="course-list-content">
<div class="course-list-title">净空法师《大乘无量寿经》视频讲座</div>
<div class="course-list-meta">禅佛智慧 · 2324 次浏览</div>
</div>
</a>
<a href="/qitaxilie/fo/13333/" class="course-list-item" target="_blank">
<span class="course-list-num">3</span>
<div class="course-list-content">
<div class="course-list-title">净空法师-无量寿经600讲</div>
<div class="course-list-meta">禅佛智慧 · 787 次浏览</div>
</div>
</a>
<a href="/university/Financial/11521/" class="course-list-item" target="_blank">
<span class="course-list-num">4</span>
<div class="course-list-content">
<div class="course-list-title">清华大学（肖星）：《财务分析与决策教学》</div>
<div class="course-list-meta">金融财会 · 565 次浏览</div>
</div>
</a>
<a href="/qitaxilie/Audiobook/12204/" class="course-list-item" target="_blank">
<span class="course-list-num">5</span>
<div class="course-list-content">
<div class="course-list-title">【袁阔成】《三国演义》评书全套</div>
<div class="course-list-meta">有声读物 · 356 次浏览</div>
</div>
</a>
<a href="/lectures/Famous-Lect/10321/" class="course-list-item" target="_blank">
<span class="course-list-num">6</span>
<div class="course-list-content">
<div class="course-list-title">【百家讲坛】国史通鉴【94集全】</div>
<div class="course-list-meta">名家讲坛 · 336 次浏览</div>
</div>
</a>
<a href="/chuzhongjiaoxue/chusankecheng/15699/" class="course-list-item" target="_blank">
<span class="course-list-num">7</span>
<div class="course-list-content">
<div class="course-list-title">人教版九年级化学全套教学视频</div>
<div class="course-list-meta">初三课程 · 233 次浏览</div>
</div>
</a>
<a href="/xiaoxuekecheng/xiaoxuezonghe/15543/" class="course-list-item" target="_blank">
<span class="course-list-num">8</span>
<div class="course-list-content">
<div class="course-list-title">幼儿数学启蒙动画</div>
<div class="course-list-meta">小学综合 · 225 次浏览</div>
</div>
</a>
<a href="/xiaoxuekecheng/sannianji/15085/" class="course-list-item" target="_blank">
<span class="course-list-num">9</span>
<div class="course-list-content">
<div class="course-list-title">统编版小学三年级语文下册全套课程</div>
<div class="course-list-meta">三年级 · 219 次浏览</div>
</div>
</a>
<a href="/lectures/Lectures/6981/" class="course-list-item" target="_blank">
<span class="course-list-num">10</span>
<div class="course-list-content">
<div class="course-list-title">中华五千年全集-袁腾飞全集视频讲座</div>
<div class="course-list-meta">百家讲坛 · 213 次浏览</div>
</div>
</a>
</div>
</div>
<div style="flex: 1;">
<div class="course-list-header new">
<svg class="header-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
<h5>最新课程</h5>
</div>
<div class="course-list-body">
<a href="/xiaoxuekecheng/sinianji/16108/" class="course-list-item" target="_blank">
<span class="course-list-num">1</span>
<div class="course-list-content">
<div class="course-list-title">人教PEP版小学英语 四年级下册同步精讲</div>
<div class="course-list-meta">四年级</div>
</div>
</a>
<a href="/chuzhongjiaoxue/chusankecheng/16113/" class="course-list-item" target="_blank">
<span class="course-list-num">2</span>
<div class="course-list-content">
<div class="course-list-title">【初中生物课程】七八年级生物精讲</div>
<div class="course-list-meta">初三课程</div>
</div>
</a>
<a href="/chuzhongjiaoxue/chusankecheng/16112/" class="course-list-item" target="_blank">
<span class="course-list-num">3</span>
<div class="course-list-content">
<div class="course-list-title">【一次函数专题讲解】初中数学全套课程 中考数学 专题</div>
<div class="course-list-meta">初三课程</div>
</div>
</a>
<a href="/For-courses/Basic-En/16111/" class="course-list-item" target="_blank">
<span class="course-list-num">4</span>
<div class="course-list-content">
<div class="course-list-title">《初级语法专项精讲课程》</div>
<div class="course-list-meta">基础英语</div>
</div>
</a>
<a href="/xiaoxuekecheng/xiaoxuezonghe/16110/" class="course-list-item" target="_blank">
<span class="course-list-num">5</span>
<div class="course-list-content">
<div class="course-list-title">全75集《走进小古文》</div>
<div class="course-list-meta">小学综合</div>
</div>
</a>
<a href="/lectures/growth/16109/" class="course-list-item" target="_blank">
<span class="course-list-num">6</span>
<div class="course-list-content">
<div class="course-list-title">快速精通饭局酒局</div>
<div class="course-list-meta">年轻成长</div>
</div>
</a>
<a href="/computer/3Dsoft/16107/" class="course-list-item" target="_blank">
<span class="course-list-num">7</span>
<div class="course-list-content">
<div class="course-list-title">从零开始学 Creo2026零基础入门教程</div>
<div class="course-list-meta">三维软件</div>
</div>
</a>
<a href="/postgraduate/specialized/16106/" class="course-list-item" target="_blank">
<span class="course-list-num">8</span>
<div class="course-list-content">
<div class="course-list-title">电路理论期末速成课</div>
<div class="course-list-meta">考研专业课</div>
</div>
</a>
<a href="/High-curr/Senior1-Cour/16105/" class="course-list-item" target="_blank">
<span class="course-list-num">9</span>
<div class="course-list-content">
<div class="course-list-title">高中化学【选择性必修二】物质结构与性质专题</div>
<div class="course-list-meta">高一课程</div>
</div>
</a>
<a href="/High-curr/Senior1-Cour/16104/" class="course-list-item" target="_blank">
<span class="course-list-num">10</span>
<div class="course-list-content">
<div class="course-list-title">高中化学【选择性必修一】化学反应原理——系列课程</div>
<div class="course-list-meta">高一课程</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- 热门推荐课程 -->
<div class="sidebar-card">
<div class="sidebar-card-header">
<svg class="header-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
<h5>热门推荐</h5>
</div>
<div class="sidebar-card-body sidebar-card-2col">
<a href="/qitaxilie/fo/13329/" class="sidebar-carousel-item" target="_blank" style="margin-bottom: 10px; display: block;">
<img src="/pic/uploadimg/2022-6/202261211251364832.jpg" alt="净空法师《大乘无量寿经》600集-音频版" loading="lazy" />
<div class="sidebar-carousel-info">
<div class="sidebar-carousel-title">净空法师《大乘无量寿经》600集-音频版</div>
<div class="sidebar-carousel-meta">
<span class="sidebar-badge hot">HOT</span>
<span style="margin-left: 8px;">禅佛智慧</span>
</div>
</div>
</a>
<a href="/qitaxilie/fo/4360/" class="sidebar-carousel-item" target="_blank" style="margin-bottom: 10px; display: block;">
<img src="/pic/uploadimg/2021-6/202161315225440183.jpg" alt="净空法师《大乘无量寿经》视频讲座" loading="lazy" />
<div class="sidebar-carousel-info">
<div class="sidebar-carousel-title">净空法师《大乘无量寿经》视频讲座</div>
<div class="sidebar-carousel-meta">
<span class="sidebar-badge hot">HOT</span>
<span style="margin-left: 8px;">禅佛智慧</span>
</div>
</div>
</a>
<a href="/qitaxilie/fo/13333/" class="sidebar-carousel-item" target="_blank" style="margin-bottom: 10px; display: block;">
<img src="/pic/uploadimg/2023-7/202372222231961877.jpg" alt="净空法师-无量寿经600讲" loading="lazy" />
<div class="sidebar-carousel-info">
<div class="sidebar-carousel-title">净空法师-无量寿经600讲</div>
<div class="sidebar-carousel-meta">
<span class="sidebar-badge hot">HOT</span>
<span style="margin-left: 8px;">禅佛智慧</span>
</div>
</div>
</a>
</div>
</div>
<!-- 热门课程排行 -->
<div class="sidebar-card">
<div class="sidebar-card-header">
<svg class="header-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M7.5 21H2V9h5.5v12zm7.25-18h-5.5v18h5.5V3zM22 11h-5.5v10H22V11z"/></svg>
<h5>热门课程排行</h5>
</div>
<div class="sidebar-card-body" style="padding: 8px 12px;">
<a href="/qitaxilie/fo/13329/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num top-3">1</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">净空法师《大乘无量寿经》600集-音频版</span>
<span class="sidebar-rank-meta">禅佛智慧 · 4534 次浏览</span>
</div>
</a>
<a href="/qitaxilie/fo/4360/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num top-3">2</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">净空法师《大乘无量寿经》视频讲座</span>
<span class="sidebar-rank-meta">禅佛智慧 · 2324 次浏览</span>
</div>
</a>
<a href="/qitaxilie/fo/13333/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num top-3">3</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">净空法师-无量寿经600讲</span>
<span class="sidebar-rank-meta">禅佛智慧 · 787 次浏览</span>
</div>
</a>
<a href="/university/Financial/11521/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">4</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">清华大学（肖星）：《财务分析与决策教学》</span>
<span class="sidebar-rank-meta">金融财会 · 565 次浏览</span>
</div>
</a>
<a href="/qitaxilie/Audiobook/12204/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">5</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">【袁阔成】《三国演义》评书全套</span>
<span class="sidebar-rank-meta">有声读物 · 356 次浏览</span>
</div>
</a>
<a href="/lectures/Famous-Lect/10321/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">6</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">【百家讲坛】国史通鉴【94集全】</span>
<span class="sidebar-rank-meta">名家讲坛 · 336 次浏览</span>
</div>
</a>
<a href="/chuzhongjiaoxue/chusankecheng/15699/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">7</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">人教版九年级化学全套教学视频</span>
<span class="sidebar-rank-meta">初三课程 · 233 次浏览</span>
</div>
</a>
<a href="/xiaoxuekecheng/xiaoxuezonghe/15543/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">8</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">幼儿数学启蒙动画</span>
<span class="sidebar-rank-meta">小学综合 · 225 次浏览</span>
</div>
</a>
<a href="/xiaoxuekecheng/sannianji/15085/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">9</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">统编版小学三年级语文下册全套课程</span>
<span class="sidebar-rank-meta">三年级 · 219 次浏览</span>
</div>
</a>
<a href="/lectures/Lectures/6981/" class="sidebar-rank-item" target="_blank">
<span class="sidebar-rank-num">10</span>
<div class="sidebar-rank-info">
<span class="sidebar-rank-title">中华五千年全集-袁腾飞全集视频讲座</span>
<span class="sidebar-rank-meta">百家讲坛 · 213 次浏览</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="page-pagination division">
</div>
<script>if(typeof jQuery === "undefined"){ document.write('<script src="/templets/js/jquery-3.3.1.min.js"><\/script>'); }</script>
<script src="/templets/js/jquery.lazyload.js"></script>
<script src="/templets/js/bootstrap.min.js"></script>
<script src="/templets/js/owl.carousel.min.js"></script>
<script src="/templets/js/custom.js"></script>
<footer id="footer-2" class="footer division">
<div class="container">
<div class="row">
<div class="col-md-5 col-lg-5 col-xl-4">
<div class="footer-info mb-40">
<img src="/templets/default/images/logo.png" width="172" height="55" alt="智慧树学习网logo">
<p>本站上所有资源均来源于网络，不予盈利为目的，宗旨是让更多人以最少的时间获取网络教育资源，如有版权侵犯，请联系本站，第一时间进行处理。
</p>
</div>
</div>
<div class="col-md-3 col-lg-3 col-xl-2">
<div class="footer-links mb-40">
<h5 class="h5-md">使用帮助</h5>
<ul class="foo-links clearfix">
<li><a href="#">app下载</a></li>
<li><a href="#">播放问题</a></li>
<li><a href="#">课程下载</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xl-3">
<div class="footer-links mb-40">
<h5 class="h5-md">网站导航</h5>
<ul class="clearfix">
<li><a href="#">网站目录</a></li>
<li><a href="#">分类课程</a></li>
<li><a href="#">热门课程</a></li>
</ul>
</div>
</div>
<div class="col-md-7 col-xl-3">
<div class="footer-form mb-20">
<h5 class="h5-md">联系本站</h5>
<ul class="clearfix">
<li><a href="#">邮箱：huangbenjincv@163.com</a></li>
<li><a href="#" data-bs-toggle="modal" data-bs-target="#Modal3">联系本站</a></li>
<li><a href="#">网站合作</a></li>
</ul>
</div>
</div>
</div>
<div class="bottom-footer">
<div class="row">
<ul class="bottom-footer-list">
<li>
<p class="last-li">Copyright © 2015-2023 All Rights Reserved <a href="https://beian.miit.gov.cn/" target="_blank">鄂ICP备09009521号-2</a></p>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- 联系本站自定义弹窗 -->
<script>
$(function() {
// 拦截“联系本站”
$(document).on('click', '[data-bs-target="#Modal3"]', function(e) {
e.preventDefault();
e.stopPropagation();
showContactModal();
});
// 拦截“课程搜索”
$(document).on('click', '[data-bs-target="#seachModal"]', function(e) {
e.preventDefault();
e.stopPropagation();
showSearchModal();
});
// 拦截“软件下载”
$(document).on('click', '[data-bs-target="#appModal"]', function(e) {
e.preventDefault();
e.stopPropagation();
showAppModal();
});
// 联系本站
function showContactModal() {
var modalHtml = '<div id="contact-custom-modal" class="custom-modal-wrapper">' +
'<div class="custom-modal-content" style="max-width:400px;">' +
'<div class="custom-modal-header">' +
'<div style="display:flex;align-items:center;">' +
'<span style="font-size:24px;margin-right:10px;">✉️</span>' +
'<h5 style="margin:0;font-size:18px;color:#333;font-weight:bold;">联系本站</h5>' +
'</div>' +
'<span class="custom-modal-close">×</span>' +
'</div>' +
'<div class="custom-modal-body" style="text-align:center;">' +
'<div style="margin-bottom:20px;">' +
'<div style="font-size:16px;color:#666;margin-bottom:10px;font-weight:bold;">微信联系</div>' +
'<img src="/app/weixin.jpg" style="width:200px;height:200px;border-radius:8px;box-shadow:0 4px-12px rgba(0,0,0,0.1);">' +
'</div>' +
'<div style="margin-top:20px;padding:15px;background:#f0f7ff;border-radius:8px;">' +
'<div style="font-size:14px;color:#0056b3;margin-bottom:5px;font-weight:bold;">邮箱联系</div>' +
'<div style="font-size:16px;color:#333;">huangbenjincv@163.com</div>' +
'</div>' +
'</div>' +
'<div class="custom-modal-footer">' +
'<button class="custom-modal-btn btn-primary btn-full">我知道了</button>' +
'</div>' +
'</div>' +
'</div>';
createModal(modalHtml);
}
// 課程搜索彈窗
function showSearchModal() {
var modalHtml = '<div id="search-custom-modal" class="custom-modal-wrapper">' +
'<div class="custom-modal-content" style="max-width:450px;">' +
'<div class="custom-modal-header">' +
'<div style="display:flex;align-items:center;">' +
'<span style="font-size:24px;margin-right:10px;">🔍</span>' +
'<h5 style="margin:0;font-size:18px;color:#333;font-weight:bold;">课程搜索</h5>' +
'</div>' +
'<span class="custom-modal-close">×</span>' +
'</div>' +
'<div class="custom-modal-body">' +
'<form action="/search.php" method="get" id="custom-search-form">' +
'<div style="position:relative;display:flex;gap:10px;">' +
'<input type="text" name="searchword" class="custom-search-input" placeholder="输入课程关键词..." autocomplete="off" style="flex:1;padding:12px 15px;border:2px solid #eee;border-radius:8px;outline:none;transition:border-color 0.3s;font-size:15px;">' +
'<button type="submit" style="padding:0 25px;background:#1890ff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:bold;transition:background 0.3s;">搜索</button>' +
'</div>' +
'<div style="margin-top:15px;font-size:13px;color:#999;text-align:center;">热门搜索：Java、Python、考研英語</div>' +
'</form>' +
'</div>' +
'</div>' +
'</div>';
createModal(modalHtml);
// 聚焦輸入框
setTimeout(function() {
$('.custom-search-input').focus().css('border-color', '#1890ff');
}, 100);
}
// 軟件下載彈窗
function showAppModal() {
var modalHtml = '<div id="app-custom-modal" class="custom-modal-wrapper">' +
'<div class="custom-modal-content" style="max-width:400px;">' +
'<div class="custom-modal-header">' +
'<div style="display:flex;align-items:center;">' +
'<span style="font-size:24px;margin-right:10px;">🚀</span>' +
'<h5 style="margin:0;font-size:18px;color:#333;font-weight:bold;">软件下载</h5>' +
'</div>' +
'<span class="custom-modal-close">×</span>' +
'</div>' +
'<div class="custom-modal-body">' +
'<div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">' +
'<a href="https://wwha.lanzoux.com/ikaPf1l8nrab" target="_blank" class="download-card">' +
'<div style="font-size:30px;margin-bottom:10px;">💻</div>' +
'<div style="font-weight:bold;color:#333;">PC端下载</div>' +
'<div style="font-size:12px;color:#999;margin-top:5px;">Windows版本</div>' +
'</a>' +
'<a href="/app/app-uuiws.apk" target="_blank" class="download-card">' +
'<div style="font-size:30px;margin-bottom:10px;">📱</div>' +
'<div style="font-weight:bold;color:#333;">安卓端下载</div>' +
'<div style="font-size:12px;color:#999;margin-top:5px;">Android版本</div>' +
'</a>' +
'</div>' +
'<div style="margin-top:20px;padding:12px;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;font-size:13px;color:#d46b08;line-height:1.6;">' +
'温馨提示：如遇下载失败，请尝试更换瀏覽器或联系管理員。' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
createModal(modalHtml);
}
// 通用創建彈窗函數
function createModal(html) {
// 移除已存在的彈窗
$('.custom-modal-wrapper').remove();
$('body').append(html);
var $modal = $('.custom-modal-wrapper');
var $content = $modal.find('.custom-modal-content');
setTimeout(function() {
$modal.css('opacity', 1);
$content.css('transform', 'scale(1)');
}, 10);
var closeModal = function() {
$modal.css('opacity', 0);
$content.css('transform', 'scale(0.8)');
setTimeout(function() { $modal.remove(); }, 300);
};
$modal.find('.custom-modal-close, .custom-modal-btn').on('click', closeModal);
$modal.on('click', function(e) {
if (e.target === this) closeModal();
});
}
});
</script>
<style>
.custom-modal-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.45);
z-index: 1000000;
backdrop-filter: blur(4px);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.custom-modal-content {
background: #fff;
width: 90%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 16px -8px rgba(0,0,0,0.08), 0 9px 28px 0 rgba(0,0,0,0.05), 0 12px 48px 16px rgba(0,0,0,0.03);
transform: scale(0.96);
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.custom-modal-header {
padding: 20px;
background: #f8f9fa;
border-bottom: 1px solid #eee;
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-modal-close {
cursor: pointer;
font-size: 24px;
color: #999;
line-height: 1;
}
.custom-modal-body {
padding: 30px 25px;
}
.custom-modal-footer {
padding: 15px 20px;
background: #f8f9fa;
border-top: 1px solid #eee;
display: flex;
justify-content: center;
}
.custom-modal-btn {
padding: 8px 40px;
border: none;
background: #1890ff;
color: #fff;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
font-size: 14px;
box-shadow: 0 4px 10px rgba(24,144,255,0.3);
outline: none;
transition: all 0.3s;
}
.custom-modal-btn:hover {
background: #40a9ff;
transform: translateY(-1px);
}
.btn-full {
width: 100%;
}
.download-card {
display: block;
padding: 20px;
background: #f9f9f9;
border-radius: 10px;
text-align: center;
text-decoration: none !important;
transition: all 0.3s;
border: 1px solid transparent;
}
.download-card:hover {
background: #fff;
border-color: #1890ff;
box-shadow: 0 5px 15px rgba(24,144,255,0.1);
transform: translateY(-3px);
}
</style>
<!-- 模态框搜索 (已移至上方 script 動態生成) -->
<!-- app下载 (已移至上方 script 動態生成) -->
<script>
// 移除舊的 app 下載按鈕邏輯
</script>
</div>
</div>
</body>
</html>