《Web开发项目实战教程》全套PPT课件.pptx

第 1 章 项目前期准备目录知识要点1.1 项目需求简述1.1.1 项目背景介绍1.1.2 项目功能列表1.1.3 项目技术架构1.1.4 关键界面截图1.2 开发环境准备1.2.1 XAMPP服务器端配置1.2.2 phpMyAdmin数据库工具1.2.3 Composer依赖管理工具1.2.4 ThinkPHP框架安装配置1.2.5 PhpStorm开发工具1.2.6 Redis缓存服务器安装1.2.7 Web前端开发库下载1.2.8 Fiddler协议监控工具1.2.9 Postman接口测试工具1.3 必备基础知识1.3.1 HTTP简介1.3.2 ThinkPHP简介1.3.3 jQuery简介1.3.4 Bootstrap简介1.3.5 UEditor简介1.3.6 MVC分层模式1.1 项目需求简述1.1.1 项目背景介绍 12345博客系统的功能不会过于复杂，读者对系统业务和需求的理解相对容易。博客系统的交互相对简单，界面相对较少，可以减少本书对前端开发讲解的占比，防止前端开发的相关内容“喧宾夺主”。ThinkPHP非常适用于开发一些中小型的网站，博客系统所涉及的功能又能够完全展示其核心功能。本书有对高级技术的讲解和实战教学，学完本书的内容后，读者应该能完全具备开发大型系统的基础能力。博客系统非常适合手机端使用，这为读者掌握响应式布局进而开发移动应用也提供了一条很好的学习路径。博客系统的功能看似比较简单，但事实上，把控各种细节和设计、优化程序并不容易。如果读者能够通过学习和实战，对一个博客系统在实现功能的基础上，进行功能增强和性能优化，则必然可以成为一名优秀的PHP开发工程师。1.1 项目需求简述1.1.2 项目功能列表用户中心博客首页主要实现文章标题和文章摘要的展现，让用户能及时看到关键内容。注册用户的控制面板，用于管理用户自己所关心的内容和在线投稿等。本系统主要包括六大模块。系统管理文章阅读管理员专用控制面板，对博客系统各类功能和内容进行管理。主要实现用户对文章内容的阅读，并同时进行评论和互动。高级功能文章发布基于Web系统开发为读者提供的进阶功能。具备作者权限的用户可以发布新的文章，并对文章进行分类整理。1.1 项目需求简述1.1.2 项目功能列表蜗牛笔记的系统功能结构如图所示。1.1 项目需求简述1.1.3 项目技术架构蜗牛笔记采用标准的Web系统架构，以ThinkPHP框架结合XAMPP作为服务器运行环境。用户与服务器基于超文本传送协议（Hypertext Transfer Protocol，HTTP）进行通信，前端基于Web浏览器进行访问，并适配手机端访问。后端使用MySQL关系数据库进行永久化数据保存，并针对一些访问比较频繁的业务利用Redis缓存服务器进行处理。蜗牛笔记系统架构如图所示。1.1 项目需求简述1.1.4 关键界面截图PC端访问蜗牛笔记的效果移动端访问蜗牛笔记的效果1.2 开发环境准备1.2.1 XAMPP服务器端配置XAMPP是一个功能强大的建站集成软件包，将Apache、MySQL、PHP、Perl以及一些扩展库和管理工具等进行了整合，简化了整个服务器端环境的安装过程，可以直接利用XAMPP将开发好的系统在生产环境中进行部署。同时，XAMPP目前同步支持必威体育精装版版本的Apache、MySQL和PHP，所以也非常适合运行ThinkPHP必威体育精装版版本，匹配度非常高。另外，XAMPP完全兼容Windows、Linux和macOS等主流操作系统，无论读者目前使用哪种操作系统进行开发或部署，XAMPP均可以提供支持并且能保持一致的界面和配置选项。本书基于ThinkPHP的6.0.2版本进行讲解，而ThinkPHP 6.0.2基于PHP 7.1以上版本的内核进行开发，所以在安装XAMPP时必须安装PHP 7.1以上版本。本书使用XAMPP 7.3.11作为服务器端，读者也可以到XAMPP官网下载必威体育精装版版本（本书对应版本的下载地址为/ projects/xampp/files/XAMPP%20Windows/7.3.11/）。下载完成后进行XAMPP的安装操作，在安装过程中，除了安装路径外，其他设置建议保持默认设置。1.2 开发环境准备1.2.1 XAMPP服务器端配置在XAMPP中正常启动Apache和MySQL为XAMPP指定安装路径1.2 开发环境准备1.2.1 XAMPP服务器端配置启动Apache时443端口被进程占用利用命令找到进程ID并终止该进程1.2 开发环境准备1.2.1 XAMPP服务器端配置完成XAMPP的启动后，打开浏览器，访问，如果进入下图所示的页面，