《PHP Web应用开发案例教程》630-9（阮云兰）教案 第30课 博客管理系统的系统与数据库的设计

PAGE6PAGE6PAGE7PAGE7

课题博客管理系统的系统与数据库的设计课时2课时（90min）教学目标知识技能目标：（1）掌握博客管理系统的开发流程（2）掌握如何做项目需求分析和系统设计（3）掌握数据库设计的基本步骤和方法素质目标：（1）熟悉管理系统开发流程，培养脚踏实地、认真学习的良好习惯（2）培养学生的逻辑思维、辩证思维和创新思维能力教学重难点教学重点：数据库设计的基本步骤和方法教学难点：做项目需求分析和系统设计教学方法案例分析法、问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学设计第1节课：→→→传授新知（38min）第2节课：→传授新知（20min）→课堂实训（15min）→课堂小结（3min）→作业布置（2min）教学过程主要教学内容及步骤设计意图第一节课课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP或其他学习软件，预习本节课要学习的知识【学生】完成课前任务通过课前任务，使学生预习本节课要学习的知识，增加学生的学习兴趣考勤（2min）【教师】使用文旌课堂APP进行签到【学生】班干部报请假人员及原因培养学生的组织纪律性，掌握学生的出勤情况问题导入（5min）【教师】提出以下问题：知识最重要的是学以致用，将书本上的知识转变为自己所掌握的知识。最直接有效的方法就是使用所学知识进行实践性的项目操作。那么，如何制作个人博客系统项目呢？通过问题导入，引导学生主动思考，激发学生的学习兴趣传授新知（38min）【教师】通过学生的回答引入要讲的知识，讲解使用PHP开发博客管理系统的需求分析过程15.1需求分析随着互联网的发展，博客已经成为一种新的网络交流方式。通过博客不仅可以方便地获取和传递信息，还可以进行资源共享和展示自我，为个人发展带来机遇。本系统的最终目的，是通过博客为客户提供优质的互动交流平台，提高网站的知名度和访问量，从而为企业获得更多的发展机会。应客户要求，本博客管理系统主要分为三大功能模块：个人博客浏览、个人博客管理和系统管理。个人博客浏览主要包括：阅读博客文章和注册用户。个人博客管理主要包括：登录、发表和管理文章、发表和管理评论等。系统管理主要包括：个人信息管理和朋友圈管理等。✈【教师】讲解“科技普惠”的内容，帮助学生了解博客博客，英文名为Blogger，为WebLog的混成词。它的正式名称为网络日记，又音译为部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常以网页形式出现，并根据张贴时间，以倒序排列。博客是网络时代的个人“读者文摘”，是以超级链接为入口的网络日记，它代表着新的生活、工作和学习方式。许多博客专注在特定的课题上提供评论或新闻，其他则被作为个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接及其他与主题相关的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。博客是社会媒体网络的一部分，比较著名的博客为新浪博客。✈【学生】聆听、思考、理解【教师】通过学生的回答引入要讲的知识，讲解使用PHP开发博客管理系统的系统设计过程15.2系统设计15.2.1系统目标在与用户沟通，并认真研究需求分析后，制定系统实现目标如下：系统界面简洁、结构清晰、美观大方。页面使用Div+CSS布局，避免过多代码冗余，利于搜索引擎收录。非注册用户可以浏览网站。注册用户可以灵活快速地发表文章和评论。完善的文章和评论管理功能，可以方便地添加和删除文章与评论。完善的个人信息管理功能，可以完善信息、更换头像、添加好友等。15.2.2系统功能结构在博客管理系统中，游客可执行的操作主要包括注册新用户和浏览文章。会员可执行的操作主要包括登录，发表、编辑和删除文章，发表和删除评论，在朋友圈中添加和删除好友，以及管理个人信息等。✈【教师】通过多媒体展示“博客管理系统的功能结构”图片，并进行介绍由此可画出博客管理系统的功能结构图，如图所示。15.2.3系统功能概览为让读者对博客管理系统有个初步的了解和认识。下面先给出几个典型功能页面的运行效果图，其他页面可参考源文件。✈【教师】通过多媒体展示“网站首页”图片，并进行介绍网站首页如图所示。该页面包含了系统的大部分功能链接，包括用户登录、用户注册、最新博客文章等。✈【教师】通过多媒体展示“用户注册页面”图片，并进行介绍用户注册页面如图所示。该页面显示用户注册时需要填写的信息、注意事项等。✈【教师】通过多媒体展示“博客文章详情页面”图片，并进行介绍博客文章详情页面如图所示。该页面显示文章内容及其相关评论，也可以在下方的“发表评论”区域输入评论内容后单击“提交”按钮发表评论。15.2.4系统流程图✈【教师】通过多媒体展示“博客管理系统的流程”图片，并进行介绍为便于用户了解网站各功能模块的联系，此处给出博客管理系统的流程图，如图所示。15.2.5系统开发环境在开发博客管理系统时，使用的软件开发环境如下。1．服务器端（1）操作系统：Windows7/Linux。（2）服务器：Apache2.4.23。（3）PHP版本：PHP7.0.10。（4）数据库：MySQL5.7.15。（5）MySQL图形化管理软件：phpMyAdmin4.6.6。（6）开发工具：PhpStorm10.0.1。2．客户端（1）浏览器：IE8.0及以上版本/谷歌/火狐。（2）分辨率：最佳效果为1024×768。15.2.6目录结构在编写代码之前，最好把系统中需要用到的文件夹创建好（例如，创建一个“data”文件夹，用于存放数据库文件），这样不但可以方便以后的工作，也可以规范系统整体架构，✈【教师】通过多媒体展示“博客管理系统目录结构”图片，并进行介绍配置文件样式文件数据库文件图片文件配置文件样式文件数据库文件图片文件JavaScript文件百度编辑器【学生】聆听、思考、记录通过教师的讲解和演示，使学生了解PHP开发博客管理系统的需求分析方法，以及系统设计流程第二节课问题导入（5min）【教师】提出以下问题：数据库存储数据的时候往往要先根据数据存储的类型需求来设计好数据库的结构，那么对于不同的系统来说设计数据库的方法是什么呢？【学生】思考、举手回答通过问题导入，引导学生主动思考，激发学生的学习兴趣传授新知（20min）【教师】通过学生的回答引入新知，介绍博客系统数据库的设计流程15.3数据库设计任何系统功能的实现，都离不开对数据的操作和使用，所以在开发之前一定要先做好对数据库的分析、设计和创建。博客管理系统属于中小型网站，从成本、性能、安全等方面考虑，MySQL是最佳选择。15.3.1数据库概念设计设计数据库结构之前要先分析系统需求和目标，然后列出系统的实体及E-R图，再根据E-R图创建数据表。E-R图也称实体-联系图（entityrelationshipdiagram），它是描述现实世界概念结构模型的有效方法。是表示概念模型的一种方式，用矩形表示实体型，矩形框内写明实体名；用椭圆表示实体属性，并用无向边将其与相应的实体型连接起来；用菱形表示实体型之间的联系，在菱形框内写明联系名，并用无向边分别与有关实体型连接起来，同时在无向边旁标上联系的类型（1∶1，1∶n或m∶n）。✈【教师】通过多媒体展示“数据库E-R图”图片，并进行介绍本博客管理系统的实体包括用户实体、文章实体、评论实体和朋友圈实体，图分别画出了它们的E-R图。15.3.2数据库物理结构设计✈【教师】通过多媒体展示“数据库结构”图片，并进行介绍根据E-R图，在图形化管理工具phpMyAdmin中创建5个表，分别为文章表、评论表、朋友圈表、用户表和用户详情表，如图所示。排序规则选择utf8_general_ci格式。1．tb_article（文章表）✈【教师】通过多媒体展示“文章表结构”图片，并进行介绍文章表用于存储用户发表的文章信息，表结构如图所示。2．tb_comment（评论表）✈【教师】通过多媒体展示“评论表结构”图片，并进行介绍评论表用于存储用户对文章的评论，表结构如图所示。3．tb_friend（朋友圈表）✈【教师】通过多媒体展示“朋友圈表结构”图片，并进行介绍朋友圈表用于存储用户好友的相关信息，表结构如图所示。4．tb_user（用户表）✈【教师】通过多媒体展示“用户表结构”图片，并进行介绍用户表用于存储用户的用户名、密码、注册时间、IP和权限等基本信息，表结构如图所示。5．tb_userdetail（用户详情表）✈【教师】通过多媒体展示“用户详情表结构”图片，并进行介绍用户详情表用于存储用户的详细信息，通过userid与用户表关联，表结构如图所示。【学生】聆听、理解、记录通过教师的讲解和演示，使学生了解PHP中博客系统数据库的设计流程小组讨论（15min）【教师】组织学生以小组为单位讨论以下问题：（1）对于创建不同的系统项目来说，设计数据库的E-R图一样吗？（2）开发一个新的项目一般有哪些流程呢？（3）系统需求分析阶段常用的工具有哪些？（4）将数据保存到数据库中有哪些方式？【学生】聆听、思考、小组讨论，由小组代表上台发表讨论结果【教师】评价各组的发言，并进行总结通过小组讨论，巩固所学知识，并将所学的理论知识进行梳理总结课堂小结（3min）【教师】简要总结本节课的要点本节课学习了使用PHP开发博客系统的需求分析，以及数据库设计的过程。希望大家在课下多加复习，巩固所学知识，熟练掌握创建项目过程中的系统分析设计与数据库的设计的方法【学生】总结回顾知识点总结知识点，巩固学生对使用PHP开发博客系统的需求分析，以及数据库设计等知识的印象作业布置（2min）【教师】布置课后作业从网络上找一个项目开