《PHPWeb应用开发案例教程》教案第30课博客管理系统的系统与数据库的设计

博客管理和系统管理个人博客浏览主要包括阅读博客文章和注册用户个人博客管理主要包括登录、发表和管理文章、发表和管理评论等系统管理主要包括个人信息管理和朋友圈管理等小【教师】讲解〃科技普惠”的内容，帮助学生了解博客博客英文名为Blogger为WebLog的混成词它的正式名称为网络日记又音译为部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站博客上的文章通常以网页形式出现，并根据张贴时间，以倒序排列博客是网络时代的个人〃读者文摘〃，是以超级链接为入口的网络日记，它代表着新的生活、工作和学习方式许多博客专注在特定的课题上提供评论或新闻，其他则被作为个人的日记一个典型的博客结合了文字、图像、其他博客或网站的链接及其他与主题相关的媒体能够让读者以互动的方式留下意见，是许多博客的重要要素博客是社会媒体网络的一部分，比较著名的博客为新浪博客+【学生】聆听.思考、理解【教师】通过学生的回答引入要讲的知识，讲解使用PHP开发博客管理系统的系统设计过程

15.2系统设计系统目标在与用户沟通，并认真研究需求分析后，制定系统实现目标如下系统界面简洁、结构清晰、美观大方页面使用Div+CSS布局，避免过多代码冗余，利于搜索引擎收录非注册用户可以浏览网站注册用户可以灵活快速地发表文章和评论完善的文章和评论管理功能，可以方便地添加和删除文章与评论完善的个人信息管理功能，可以完善信息、更换头像、添加好友等系统功能结构在博客管理系统中，游客可执行的操作主要包括注册新用户和浏览文章会员可执行的操作主要包括登录，发表、编辑和删除文章，发表和删除评论，在朋友圈中添加和删除好友，以及管理个人信息等A【教师】通过多媒体展示〃博客管理系统的功能结构〃图片，并进行介绍由此可画出博客管理系统的功能结构图，如图所示博客管理系统游客系统功能概览为让读者对博客管理系统有个初步的了解和认识下面先给出几个典型功能页面的运行效果图，其他页面可参考源文件*【教师】通过多媒体展示“网站首页〃图片，并进行介绍网站首页如图所示该页面包含了系统的大部分功能链接，包括用户登录、用户注册、最新博客文章等计【教师】通过多媒体展示“用户注册页面”图片，并进行介绍用户注册页面如图所示该页面显示用户注册时需要填写的信息、注意事项等小【教师】通过多媒体展示〃博客文章详情页面〃图片，并进行介绍博客文章详情页面如图所示该页面显示文章内容及其相关评论，也可以在下方的〃发表评论〃区域输入评论内容后单击〃提交〃按钮发表评论系统流程图＞【教师】通过多媒体展示“博客管理系统的流程〃图片，并进行介绍为便于用户了解网站各功能模块的联系，此处给出博客管理系统的流程图，如图所示系统开发环境在开发博客管理系统时，使用的软件开发环境如下.服务器端1操作系统Windows7/Linuxo2服务器Apache

2.

4.23O3PHP版本PHP

7.

0.104数据库MySQL

5.

7.15O5MySQL图形化管理软件phpMyAdmin4666开发工具:PhpStorm

10.

0.lo

2.客户端1浏览器IE

8.0及以上版本/谷歌/火狐2分辨率最佳效果为1024x

76815.

2.6目录结构在编写代码之前，最好把系统中需要用到的文件夹创建好例如，创建一个〃data〃文件夹，用于存放数据库文件，这样不但可以方便以后的工作，也可以规范系统整体架构，

15.

3.2数据库物理结构设计【教师】通过多媒体展示“数据库结构”图片，并进行介绍根据E-R图，在图形化管理工具phpMyAdmin中创建5个表，分别为文章表、评论表、朋友圈表、用户表和用户详情表如图所示表▲操作行数他类型排序搜则tbarticle”浏览k结构与搜索聚插入・清空删除6MylSAMutf8_general_citbcomment.」浏览k结构书搜索新插入-1清空©删除10MylSAMutf8_general_citbfriend★」浏览抚结构与搜索承通入厘清空O删除3MylSAMutf8_general_citbuser.」浏览k结构=搜索新插入用清空©删除8MylSAMutf8_general_citbuserdetail★臼浏览女结构与搜索承插入・清空O删除8MylSAMutf8_general_ci5张表总计35InnoDButf8generalci排序规则选择utf8_general_ci格式.tb_article文章表＞【教师】通过多媒体展示“文章表结构”图片，并进行介绍文章表用于存储用户发表的文章信息，表结构如图所示名字类型排绿块则属性空默认注理靛外1id分int1OUNSIGNED百无AUTOJNCREMENT2title/varchar255utf8generalci否无标题3contentmediumtextutf8generalci否无内容4authorvarchar64utf8generalci否无作者5timeint11否无发表时间.tb_comment评论表＞【教师】通过多媒体展示〃评论表结构〃图片，并进行介绍评论表用于存储用户对文章的评论，表结构如图所示#名字类型排序规则属性空默认注释俄外1id二int10UNSIGNED否无AUTOJNCREMENT2artidint10UNSIGNED否无文章ID3usernamevarchar32utf8generalci否无用户名4contenttextutf8generalci否为内容5timeint10unsigned否无发表时间

3.tb.friend朋友圈表计【教师】通过多媒体展示〃朋友圈表结构〃图片，并进行介绍朋友圈表用于存储用户好友的相关信息，表结构如图所示#名字类型排序规则居住空默认注释颉外1idint11否无AUTOJNCREMENT2namevarchar64utf8generalci否无好友姓名3usernamevarchar64utf8generalci否无用户名

4.tb_user用户表»【教师】通过多媒体展示“用户表结构”图片，并进行介绍用户表用于存储用户的用户名、密码、注册时间、IP和权限等基本信息，表结构如图所示#名宇类型排序块则属性空默认注释■外□1idQint10UNSIGNED否无AUTOJNCREMENT2username＞varchar32utf8generalci否无用户名3userpwdvarchar64utf8generalci否无用户定码4retimeint11否无注册时间5reipvarchar32utf8_general_ci否无注册IPFl6authorityint1否无用户权限课题博客管理系统的系统与数据库的设计课时2课时90min教学目标知识技能目标

（1）掌握博客管理系统的开发流程

（2）掌握如何做项目需求分析和系统设计

（3）掌握数据库设计的基本步骤和方法素质目标

（1）熟悉管理系统开发流程，培养脚踏实地、认真学习的良好习惯

（2）培养学生的逻辑思维、辩证思维和创新思维能力教学重难点教学重点数据库设计的基本步骤和方法教学难点做项目需求分析和系统设计教学方法案例分析法、问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学设计第1节课课前任务T考勤（2min）一问题导入（5min）一传授新知（38min）第2节课问题导入（5min）一传授新知（20min）一课堂实训（15min）一课堂小结（3min）一作业布置（2min）教学过程主要教学内容及步骤设计意图第一节课课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，预习本节课要学习的知识【学生】完成课前任务通过课前任务，使学生预习本节课要学习的知识，增加学生的学习兴趣考勤2min【教师】使用APP进行签到【学生】班干部报请假人员及原因培养学生的组织纪律性，掌握学生的出勤情况问题导入（5min）【教师】提出以下问题知识最重要的是学以致用，将书本上的知识转变为自己所掌握的知识最直接有效的方法就是使用所学知识进行实践性的项目操作那么，如何制作个人博客系统项目呢？【学生】聆听■思考.举手回答通过问题导入，弓1导学生主动思考，激发学生的学习兴趣传授新知（38min）【教师】通过学生的回答引入要讲的知识，讲解使用PHP开发博客管理系统的需求分析过程

15.1需求分析随着互联网的发展，博客已经成为一种新的网络交流方式通过博客不仅可以方便地获取和传递信息，还可以进行资源共享和展示自我为个人发展带来机遇本系统的最终目的是通过博客为客户提供优质的互动父流平台，提高网站的知名度和访问量，从而为企业获得更多的发展机会应客户要求，本博客管理系统主要分为二大功能模块个人博客浏览、个人通过教师的讲解和;布，使学生了解PHP开发博客管理系统的需求分析方法，以及系统设计流程｝【教师】通过多媒体展示〃博客管理系统目录结构”图片，并进行介绍下图所示为本博客管理系统的目录结构Conn配置文件css样式文件data数据库文件Limages图片文件JSJavaScript文件ueditor百度编辑器【学生】聆听、思考、记录第二节课问题导入（5min）【教师】提出以下问题数据库存储数据的时候往往要先根据数据存储的类型需求来设计好数据库的结构，那么对十不同的系统来说设计数据库的方法是什么呢？【学生】思考、举手回答通过问题导入，引导学生主动思考，激发学生的学习兴趣传授新知（20min）【教师】通过学生的回答引入新知，介绍博客系统:

15.3数据库设计任何系统功能的实现，都离不开对数据的操作和彳要先做好对数据库的分析、设计和创建博客管理系目性能、安全等方面考虑MySQL是最佳选择数据库概念设计设计数据库结构之前要先分析系统需求和目标，3图，再根据E-R图创建数据表E-R图也称实体-联系图（entityrelationshipdiagra念结构模型的有效方法是表示概念模型的一种方式框内写明实体名；用椭圆表示实体属性，并用无向边，来；用菱形表示实体型之间的联系，在菱形框内与明工有关实体型连接起来，同时在无向边旁标上联系的类2★【教师】通过多媒体展示〃数据库E-R图”图本博客管理系统的实体包括用户实体、文章实体、图分别画出了它们的E-R图用户名注册时间用户昵称▼、、/\，、、、/\/、、/用户人介绍1■用户详情/人।乂、、）:—（用户密码）、户2）（注册邮粕*用户ID数据库的设计流程吏用，所以在开发之刖一定金属于中小型网站，从成本、然后列出系统的实体及E-Rm）它是描述现实世界概用矩形表示实体型矩形各其与相应的实体型连接起玦系名，并用尢向边分别与迪或m:n）片，并进行介绍，评论实体和朋友圈实体，QQ/《生H//*个人签名、、、、▲一头像通过教师的讲解和演示，使学生了解PHP中博客系统数据库的设计流程标题文章详情内容文章1D♦X.y、评论详情用户名）111■作算4时间）f

1、’时间评论ID文章ID｛朋友圈｝X用户名1111*ID

5.tb_userdetail用户详情表A【教师】通过多媒体展示〃用户详情表结构”图片，并进行介绍用户详情表用于存储用户的详细信息，通过userid与用户表关联表结构如图所示#名字类型排序块则属性空默认注群颉外1userid拜int10UNSIGNED百无2nicknamevarchar32utf8_general_ci是NULL3emailvarchar255utf8_general_ci是NULL4birthdayint10是NULL5provincevarchar32utf8_general_ci是NULL6cityvarchar32utf8_general_ci是NULL7photovarchar255utf8_general_ci是NULL8sexvarchar32utf8_general_ci是NULL9qqint10是NULLQ10signvarchar255utf8_general_ci是NULL□11introducetextutf8_general_ci是NULL【学生】聆听、理解、记录小组讨论15min【教师】组织学生以小组为单位讨论以下问题1对于创建不同的系统项目来说，设计数据库的E-R图一样吗？2开发一个新的项目一般有哪些流程呢？3系统需求分析阶段常用的工具有哪些？4将数据保存到数据库中有哪些方式？【学生】聆听、思考、小组讨论，由小组代表上台发表讨论结果【教师】评价各组的发言，并进行总结通过小组讨论，巩固所学知识，并将所学的理论知识进行梳理总结课堂小结3min【教师】简要总结本节课的要点本节课学习了使用PHP开发博客系统的需求分析，以及数据库设计的过程希望大家在课下多加复习，巩固所学知识，熟练掌握创建项目过程中的系统分析设计与数据库的设计的方法【学生】总结回顾知识点总结知识点，巩固学生对使用PHP开发博客系统的需求分析，以及数据库设计等知识的印象作业布置2min【教师】布置课后作业从网络上找一个项目开发完成的系统查看其数据库结构，并画出其E-R图【学生】完成课后任务通过课后作业复习巩固学到的知识，提高实际操作能力教学反思本节课在教学中，米用个别学习，小组合作、全班父流等多种课堂教学组织形式，这些形式就为学生创造提供了合作交流的空间同时教师还必须给学生的自主学习提供充足的时间让他们有一个宽松、和谐的学习环境学生才是学习的主人教师的一个重要任务就是为学生提供学生合作交流的空间与时间，这是学生自己学习最重要的学习资源环境。