PHP动态网站开发项目教程（微课版） 课件 任务1、2 会员管理系统、项目前端开发

牟奇春主编PHP动态网站开发项目教程（微课版）项目1会员管理系统任务1准备开发环境和编程环境子任务1.1配置PHP开发环境【知识储备】

PHP（PageHypertextPreprocessor）即“页面超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发，并可嵌入超文本标记语言（HypertextMarkupLanguage，HTML）中。PHP的语法是在学习了C语言、吸纳了Java和Perl等多种语言特色的基础之上发展而来的，并根据它们的长项，如Java的面向对象编程，持续提升自己。当初创建PHP语言的主要目标是让开发人员快速编写出优质的网站。PHP同时支持面向对象和面向过程的开发，使用非常灵活。

PHP是一种在服务器端执行的Web应用程序脚本语言，其开发环境主要包括PHP解释器、Web服务器、数据库服务器及编辑器。PHP支持Windows和Linux等多种操作系统。PHP典型开发环境配置为Windows+Apache+MySQL+PHP（简称WAMP），而Linux系统下的配置为Linux+Apache+MySQL+PHP（简称LAMP）。

Apache（音译为阿帕奇）可以运行在几乎所有广泛使用的计算机平台上，由于其具有支持跨平台和安全性高的优点而被广泛使用，是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的应用程序接口（ApplicationProgramInterface，API）扩充，将Perl、Python等的解释器编译到服务器中。

MySQL是一个关系数据库管理系统（RelationalDatabaseManagementSystem，RDBMS），由瑞典MySQLAB公司开发，属于Oracle旗下产品。MySQL是最流行的关系数据库管理系统之一，在Web应用方面，MySQL是最好的关系数据库管理系统应用软件之一。

采用PHP语言编写完成的程序，其扩展名是.php，这种文件是不能直接在浏览器中运行的，需要通过配置服务器环境的方式来运行。因此，在运行PHP文件之前，必须配置PHP开发环境，以及服务器环境。

【任务实施】1.1.1安装小皮面板

小皮面板是PhpStudy的简称，其官网提供了Linux和Windows两种版本，进入小皮面板的官网后，根据自己的环境选择下载相应的版本即可。

安装完成后，打开安装好的小皮面板，界面如图1.1.1所示。图1.1.1

安装好小皮面板打开后的界面1.1.2配置小皮面板

进入小皮面板后，默认处于“首页”，在右边的“套件”栏中单击“Apache2.4.39”后面的“启动”按钮，以启动ApacheWeb服务，单击“MySQL5.7.26”后面的“启动”按钮，以启动MySQL数据库环境。如果系统没有冲突，则在正常情况下，这两个软件将会成功启动，如图1.1.2所示。MySQL5.7.26是默认的版本，如果需要使用MySQL8或其他版本，则只需要在左侧单击“软件管理”，然后安装其他版本的数据库即可，如图1.1.3所示。图1.1.2

成功启动PHP运行环境图1.1.3

在软件管理中安装不同版本的数据库

在窗口左侧单击“网站”，弹出一个对话框，可以在此配置网站，如图1.1.4所示。在“域名”文本框中可输入自定义的域名，如test。在“根目录”下选择PHP程序所在的文件夹，根据需要，可以切换PHP版本（安装小皮面板以后，默认使用PHP7，如果要使用其他版本的PHP，则切换至“软件管理”），然后在PHP的相关版本选项中选择所需版本进行安装，如图1.1.5所示。

图1.1.4

配置网站

图1.1.5

安装不同版本的PHP

网站配置成功后，即可在浏览器中输入自定义的域名访问网站。

如果要使用MySQL数据库，则切换至“数据库”面板，在其中可以创建新的数据库。系统默认的数据库管理员用户名是root，要修改此用户对应的密码，可以单击右边的“操作”→“修改密码”，如图1.1.6所示。图1.1.6

修改数据库管理员的密码子任务1.2使用PHP编程环境【知识储备】

PhpStorm是JetBrains公司开发的一款商业化的PHP集成开发工具，其主要特色如下。（1）提供智能代码辅助功能。PhpStorm是一个能够真正“解析”所写代码的PHPIDE。它支持PHP5.3～PHP8.1，可以提供实时错误预防、最佳自动补全与代码重构、零配置调试等功能，以及扩展的HTML、CSS和JavaScript编辑器。在处理大型项目时，PhpStorm可以显著提高编码效率，并节省时间。（2）提供调试、测试和性能分析功能。PhpStorm为调试、测试和分析应用程序提供了强大的内置工具。PhpStorm提供多个选项，可以利用可视化调试器调试PHP代码。（3）PhpStorm包含WebStorm以及与HTML、串联样式表（CascadingStyleSheets，CSS）和JavaScript有关的所有功能。它支持所有尖端的Web开发技术，包括HTML5、CSS、Sass、Scss、Less、CoffeeScript、ECMAScriptHarmony和Jade模板等。（4）PhpStorm建立在开源的IntelliJIDEA平台之上，产品自发布以来，JetBrains公司一直在不断发展和完善这个平台。【任务实施】1.2.1PhpStorm的安装和启动

单击“Open”按钮，打开PHP文件进行编辑。单击“CreateNewProject”按钮可以开始创建新的项目。需要注意的是，一般情况下都需要按照项目的形式来编辑文件，而不要单独打开一个文件来进行编辑。也就是说，应该在PhpStorm中打开（Open）项目所在的根目录，然后在PhpStorm中编辑某个文件，而不要直接打开一个具体的文件来进行编辑。图1.2.1

PhpStorm软件启动界面1.2.2在小皮面板中配置网站

图1.2.2

创建网站

图1.2.3

打开刚创建的网站1.2.3在PhpStorm中编辑文件和配置服务器环境（1）在PhpStorm中打开E:\test目录，如图1.2.4所示。此时，左边的“Project”自动显示test，这就是当前项目的根目录。选中test再单击鼠标右键，选择“New”→“PHPFile”命令，如图1.2.5所示，可以创建一个新的PHP文件，将文件命名为index.php。

图1.2.4

在PhpStorm中打开E:\test目录

图1.2.5在E:\test目录中创建index.php文件

创建好PHP文件后，系统自动打开此文件。在右边的编辑窗口中输入图1.2.6所示的内容。图1.2.6

在index.php中输入内容（2）接下来配置服务器环境。选择“File”→“Settings”→

“Build,Execution,Deployment”→“Deployment”命令，在右边面板中单击“+”，再单击“Inplace”，就创建了一个新的服务器，如图1.2.7所示。在弹出的对话框的“Newservername”文本框中给新建的服务器取一个名字，如test，然后在右边的“WebserverURL”文本框中输入“http://test”即可，如图1.2.8所示。图1.2.7

创建新的服务器

图1.2.8设置服务器URL根路径（3）配置好服务器后，要运行文件查看效果时，只需将鼠标指针移至编辑窗口右边的浏览器图标并单击即可，如图1.2.9所示。单击Chrome浏览器图标后，系统打开Chrome浏览器，并自动打开index.php文件进行显示，如图1.2.10所示。图1.2.9

运行程序图1.2.10

程序运行结果【素养小贴士】

我国对知识产权保护的立场是非常坚定的。知识产权保护的相关法律规定有很多，已经形成了比较完整的体系，包括《中华人民共和国商标法》《中华人民共和国专利法》《中华人民共和国著作权法》《中华人民共和国反不正当竞争法》及一些条例解释等。

一旦侵犯知识产权，根据具体的情况，可能需要承担一定的民事、刑事责任，或会受到行政处罚。因此，我们应该积极抵制盗版软件，维护知识产权，坚持购买和使用正版书刊、音像制品、电脑软件，并主动劝亲友不购买、不使用盗版制品，不阅读、不传播盗版读物。如果发现有制作、贩卖盗版制品和其他侵犯商标权、著作权的行为，应该积极举报。【任务小结】

在任务1中，我们主要学习了PHP开发环境的配置和PHP编程环境的使用。

我们以小皮面板为例，学习了如何配置PHP开发环境。小皮面板简单易用，使用灵活，几乎可以满足我们在程序开发中的所有要求。在生产环境中也可以使用小皮面板来部署环境。因此，掌握小皮面板的使用方法非常重要。学会使用小皮面板，再使用其他常用的PHP开发环境，也是一件比较简单的事情。

PhpStorm是一个非常优秀的PHPIDE，其优势非常明显，但软件本身的使用配置略显复杂，大家可以通过网络查询其使用技巧。另外，软件本身是英文版的，如果同学们使用起来觉得不太方便，则可以选择“File”→“Settings”→“Plugins”命令，在其中安装中文语言包，这样，整个软件就变成中文版了。牟奇春主编PHP动态网站开发项目教程（微课版）任务2项目前端开发子任务2.1项目开发前的准备工作【任务提出】

要制作项目，首先需要进行需求分析。小王同学计划制作的第一个项目是“会员管理系统”。会员管理系统是大多数项目的必备模块，完成这个项目对其他项目的完成将有极大的帮助。【任务实施】2.1.1项目需求设定

图2.1.1～图2.1.4所示为小王同学设计的会员管理系统的运行页面。图2.1.1

会员注册页面图2.1.2

会员登录页面图2.1.3

管理员页面图2.1.4

会员资料修改页面2.1.2PHP的发展历史

PHP继承自一个名叫PHP/FI的工程。PHP/FI最早于1994年由拉斯姆斯·勒多夫（RasmusLerdorf）创建，最初只是一套简单的Perl脚本，用来跟踪访问他主页的人们的信息。到1996年发展为PHP/FI2.0，也就是它用C语言实现的第二版，在全世界已经有几千个用户（估计）和大约50,000个域名安装，大约是Internet所有域名的1%。

PHP/FI2.0在经历数个Beta版本的发布后，于1997年11月发布了官方正式版本。随着PHP3.0的第一个Alpha版本的发布，PHP逐渐走向了成功。

1998年的冬天，PHP3.0官方正式版本发布不久，安迪·古特曼斯（AndiGutmans）和泽弗·苏拉斯凯（ZeevSuraski）开始重新编写PHP代码。。新的引擎被称为“ZendEngine”（这是Zeev和Andi的缩写），成功地实现了这些设计目标，并在1999年中期首次引入PHP。基于该引擎并结合了更多新功能的PHP4.0，在PHP3.0发布一年多后，于2000年5月发布了官方正式版本。

PHP5.0在长时间的开发及发布了多个预发布版本后，于2004年7月发布官方正式版本。它的核心是ZendEngine2代，引入了新的对象模型和大量新功能。

2015年12月3日，PHP7.0问世了，这是PHP的一次飞跃。PHP7.0修复了大量的bug，新增了大量功能和语法糖。这些改动涉及核心包、GD库、PDO、ZIP、ZLIB等人们熟悉和不熟悉的核心功能与扩展包。

PHP7.0移除了已经被废弃的函数，如“MySQL_”系列函数。PHP7.0的性能高于HHVM[HipHopVirtualMachine，全称为HipHop虚拟机，会将PHP代码转换成高级别的字节码，通常称为中间语言。在运行时，HHVM通过即时编译器将字节码转换为x64的机器码。在这些方面，HHVM十分类似于C#的公共语言运行时（CommonLanguageRuntime，CLR）和Java的Java虚拟机（JavaVirtualMachine，JVM）]，并且是PHP5.6性能的两倍。

2020年11月26日，PHP官方发布了PHP8.0的官方正式版本。子任务2.2创建首页【任务实施】2.2.1创建项目

各项准备工作就绪，小王同学要正式开始第一个项目的制作了。（1）在磁盘中创建一个目录，名为member，如E:\member。（2）在小皮面板中配置一个网站，域名为“member”，如图2.2.1所示。（3）打开PhpStorm，在启动界面中选择“Open”，打开E:\member目录，如图2.2.2所示。（4）选中项目根目录member并单击鼠标右键，在弹出的快捷菜单中选择“New”→“PHPFile”命令，创建index.php文件。成功创建文件后，系统会自动打开此文件。在打开的文件中删除文件中默认的代码，然后在文件中输入“html:5”，再按“Tab”键，系统会自动创建HTML5格式文档基础标签代码（这是PhpStorm中的键盘快捷方式，类似的操作还有很多，可以通过网络查询，了解更多快捷方式）。图2.2.1

配置网站域名图2.2.2

使用PhpStorm打开项目（5）将title修改为“会员管理系统”，然后在页面中创建1个标题和5个导航菜单项，并添加相应的CSS样式。图2.2.3

预览项目首页效果2.2.2部署项目

在PhpStorm中选择“File”→“Settings”→“Build,

Execution,Deployment”→“Deployment”命令，如图2.2.4所示。图2.2.4

在PhpStorm中部署项目

在右边单击“+”，选择“Inplace”命令，然后在弹出的对话框的“Newservername”文本框中输入服务器的名字，这个名字可以自定义，小王同学就直接输入member，如图2.2.5所示。图2.2.5

创建服务器

创建好服务器后，在右侧的“WebserverURL”文本框中输入在小皮面板中创建好的域名即可，如图2.2.6所示。图2.2.6

设置服务器URL根路径子任务2.3制作注册页面前端部分【任务实施】2.3.1创建文件

在创建注册页面时，可以参考首页文件中的部分内容，特别是导航栏部分。（1）选中index.php文件并单击鼠标右键，在弹出的快捷菜单中选择“Copy”→“Copy”命令。（2）选中member目录并单击鼠标右键，在弹出的快捷菜单中选择“Paste”命令。（3）在弹出的对话框中输入新的文件名“signup.php”。（4）单击“Refactor”按钮，即可生成signup.php文件，如图2.3.1所示。图2.3.1

复制文件（5）将首页中的导航栏代码复制到signup.php文件中。由于在首页中创建的导航链接在注册页面中也需要，相当于其是一个公共部分，因此，这里采用了复制的方式来创建注册页面。复制代码后，需要修改导航栏中当前栏目的代码，将“首页”链接上的current样式删除，然后在“会员注册”链接上添加current样式。2.3.2制作注册页面表单

需要注意的是，在制作表单时，需要在“<form>”标签中设置“action”属性，表示单击“提交”按钮后，将各项数据发送至对应的网页文件进行处理。小王同学在这里设置的action属性值是postReg.php，表示单击“提交”按钮后，会将用户填写的各项数据发送至此文件进行下一步处理。“method”属性指定了提交文件的方式，可以设置为“GET”和“POST”两种方式。

2.3.3设置表单控件name属性

对于表单中的控件而言，每一个控件都需要设置一个“name”属性，这个属性用于后端文件读取其数据。其中每一组单选按钮和每一组复选框的“name”属性应该保持一致。对于单选按钮、复选框、下拉列表框等不能由用户手动输入结果的控件，还需要设置“value”属性，这个属性的值就是后端文件最终