软件设计实验报告

通达学院软件设计报告1学号：G_Rose2010-2011学年第2学期第18～19周软件设计报告题目：个人blog班级：080040姓名：周子淋指导教师：徐润森成绩：通达学院2011年07月9日南京邮电大学通达学院软件设计报告2软件设计指导教师成绩评定表题目个人blog系统学生姓名G_Rose班级学号专业信息管理与信息系统评分内容评分标准总分评分平时成绩认真对待课程设计，遵守实验室规定，上机不迟到早退，不做和设计无关的事。20设计内容设计内容丰富，符合大纲要求10界面外观漂亮、大方10功能符合大纲要求10数据分析设计正确合理10文档写作文档反映设计规划分析过程10文档反映系统建模设计流程10答辩简练、准确阐述设计内容，能准确有条理回答各种问题，系统演示顺利。20总评分指导教师评阅意见该生对待软件设计的态度□认真□良好□一般□比较差。设计的系统界面外观美工布局情况□很好□较好□一般□比较差系统前后台功能和脚本编写情况□很好□良好□一般□比较差文档书写符合规划与设计流程程度□很好□良好□一般□比较差系统演示顺利情况和答辩流畅准确情况□很好□良好□一般□比较差完成的课程设计特色之处：成绩指导教师签名徐润森日期2010-07-10一、设计内容：个人blog运用php制作一个简单的个人网站blog，能够简单实现网上留言和发日志的功能。通达学院软件设计报告3二、需求采集计划1.前言1.1目的为了能够方便的完成本项目的开发，特制订该采集计划，以方便按部就班的开发程序，也方便老师能够很清晰的看出该程序的功能。1.2背景本项目由周子淋提出，由周子淋开发，由徐老师全程监督。1.3关键字Blogphp技术贴1.4参考资料2.项目进度预估开始日期：6月27日结束日期：7月4日标识号任务名称工期开始日期结束日期前置任务资源名称1个人blog项目需求设计7工作日2011年6月27日2011年7月4日网站架构2准备工作1工作日2011年6月27日2011年6月27日数据资料，图片3Blog技术需求采集1工作日2011年6月28日2011年6月28日2所需函数及类4发表日志部分需求采集1工作日2011年6月29日2011年6月29日2Html编译器5留言部分需求采集1工作日2011年6月30日2011年6月30日4Html编译器6后台管理部分需求采集2工作日2011年7月1日2011年7月3日5Html编译器等7需求测试1工作日2011年7月3日2011年7月4日6Apche服务器及mysql服务器8需求整合确认1工作日2011年7月3日2011年7月4日7Grose个人blog2．技术概述2.1目标使用php和mysql技术将本次个人blog项目做成界面友好性，用户浏览文章，留言方便，编辑管理方便的个人blog系统。2.2硬件环境采用用户已有的硬件环境即可。2.3软件环境采用php技术。操作系统是Windows或者，数据库可以是mysql,Web服务器是apache。通达学院软件设计报告43．数据描述3.1已有数据用户已有文章数据、留言数据作为基础数据需要导入数据库中。所有这些数据都是电子文档。3.2录入数据需要编写后台的文章、留言等录入程序。3.3数据保存数据一律保存在数据库中。3.4数据词典日志、留言4．功能需求4.1功能划分个人blog项目共分两个部分，一部分是面向用户的部分，用户在线注册、留言等操作，在这部分完成；另外一部分是blog管理部分，这部分的内容包括：操作员的管理、注册用户的管理等。4.2功能描述4.2.1面向用户部分功能：（1）注册功能。消费者首先要注册为grose项目的用户。注册时只要填写登录用户名、密码、联系电子信箱3项信息即可。注册后，用户可继续填写详细个人信息及收货人信息，同时可修改密码、查询。（2）留言功能。用户浏览grose项目，可以在主页留言，也可以在站长日志内留言。4.2.2后台管理部分功能因为是个人blog系统，所以站长可以全权管理网站内所有的事物。（1）管理用户功能。察看用户信息，删除，添加用户。（2）管理用户留言功能。管理员可以通过后台管理用户的留言，包括屏蔽，删除留言的（3）管理文章功能。文章的添加、删除和修改的功能。（4）管理友情连接及rss功能。添加和删除外站的网站链接，以及添加管理rss功能。5．性能需求整体网站能够非常流畅的运行，用户可以很方便的留言，查阅文章。6．系统总体架构Grose个人blog|通达学院软件设计报告5用户文章留言rss友情连接7．操作流程图7.1用户操作流程图用户----登陆--浏览文章--留言--添加rss|||_________________|7.2管理员操作流程图管理员--登陆--管理文章|管理留言|管理友情连接|管理用户8．其他需求如可使用性、安全保密、可维护性、可移植性等。四．页面需求设计说明书引言目的和人员：为了方便日后开发程序的时候能够非常的流畅有逻辑的有规律的开发，同时也为了能够使开发的代码能够流畅特做此说明。关键字：Blog留言文章网页headerlogo头部背景图片登陆：注册：导航栏首页文章留言板相册个人信息内容说明：页面的头部依照正常网站的头部格式，左侧为个人设计的个人网站的logo，中间为一个头部背景图片，最右侧为登陆注册项，然后下部是一个完整的导航栏，分别指向首页，文章列表，留言板，个人相册和个人信息。网页footer通达学院软件设计报告6Grose的个人blog关于我版权所有网站备案信息联系方式内容说明：网站页面底部也是依照正常的网站布局。首页重用header文章日志最新列表（部分）搜索引擎网站hotkey用户留言编辑区域友情链接重用footer内容说明：首页本着简约，明朗，方便浏览的形式设计。网页的最左侧分别为个人的照片，简约的个人信息和小部分广告栏；中间分别为文章日志的最新发布列表，显示一部分，中间的最底部为留言板，可以方便用户留言；最右侧分别为搜索引擎，网站热门关键字和友情链接。文章列表首页重用header文章分类全部文章列表搜索引擎网站hotkey友情链接分页：123..........重用footer内容说明：通达学院软件设计报告7文章列表首页罗列了网站所有的文章，可能会因为文章过多而导致网页过长，故设计有分页。为了方便用户浏览，头部设计有文章分类。留言板重用header用户所有留言搜索引擎网站hotkey友情链接分页：123..........用户留言编辑区域重用footer内容说明：留言作为个人blog相当重要的一部分，但并不需要过多的修饰，简约，明朗即可。个人信息重用header完整个人信息搜索引擎网站hotkey友情链接重用footer内容说明：详细介绍blog主人的信息，方便用户了解站长。文章页面重用header文章分类搜索引擎文章具体内容网站hotkey友情连接用户评论编辑区域重用footer内容说明：用户浏览文章的主要页面。站长后台管理管理页面header通达学院软件设计报告8logo头部背景图片回到用户界面文章管理Url：..................用户管理留言管理友情链接管理内容说明：站长登陆后台后，有三个管理选项，分别为文章管理，用户管理，留言管理和友情链接管理在网页的左侧，右侧一大片则根据站长的选择显示不同的管理页面。管理页面footer当前在线人数网站备案信息版权内容说明：和正常的网站底部一样。五．页面概要设计1．引言1.1目的为了高效率的对网站开发，特作出此设计来指导开发流程。此概要设计主要包含目录设置、页面相关名称、页面流转关系、页面说明、页面的位置等。1.2主要阅读对象网页设计人员：周子淋脚本设计人员：周子淋1.3参考资料《php5.0手册》、《css手册》、《javascript手册》等。2．版本与源代码2.1版本版本号1.02.2源代码全部放在grose目录下。3．主要路径与页面及页面流转关系3.1根目录文件名称路径说明index.php./index.php首页admin./admin站长管理文件夹通达学院软件设计报告9content./content缓存，页面头文件夹，上传文件，插件等include./include页面模板，类文件夹及控制脚本文件夹m./m手机访问t./t碎语install./install安装文件夹config.php配置init.php全局项加载rss.phpRSS输出tb.php引用通告接收xmlrpc.php博客服务接口install.php安装文件3.2站长文件夹文件名称路径说明editor./admin/editor编辑器views./admin/views后台模板文件夹index.php../admin/index.php后台管理首页link.php../admin/link.php友情链接页面twitter.php../admin/twitter.php碎语页面widegts.php../admin/widgets.php挂件管理user.php../admin/user.php作者管理页面style.php../admin/style.php风格管理页面tag.php./admin/tag.php标签管理Save_log.php./admin/save_log.php日志保存界面comment.php./admin/comment.php评论管理configure.php./admin/configure.php基本设置globals.php./admin/globals.php后台全局加载项data.php./admin/data.php数据备份page.php./admin/page.php页面管理sort.php./admin/sort.php分类管理3.3站长管理文件名称路径说明controller./include/controller前台脚本文件夹lib./include/lib函数model./include/model类六．数据库概要设计（E-R）Grose个人blog数据表一览数据表名称说明blog博客信息表attachment上传表comment文章表options控制表tag标签表sort分类表通达学院软件设计报告10trackback通告表twitter碎语表reply留言表user用户表link友情链接表User表twitter表trackback表通达学院软件设计报告11Comment表blog表options表通达学院软件设计报告12tag表sort表Reply表attachment表link表通达学院软件设计报告13数据库e-r图：mmnmm1mnmmmmnm订阅站长评论rss文章标题内容用户昵称名称相片邮箱密码介绍留言插件通告碎语浏览描述名称管理名称描述名称名称内容通达学院软件设计报告14七．后台脚本详细设计说明书1．引言目的详细描述本系统的重要页面的功能流程关键字搜索引擎相关文档《php5.0手册》、《css手册》、《javascript手册》等。参考了书籍《php开发典型模块大全（修订版）》作者：明日科技，潘凯华，刘中华人民邮电出版社。2．页面名称及功能一览页面路径功能描述./include/seo.php处理网站内的文字搜索3．页面功能详细说明搜索引擎可以说是目前所有网站中必备的一个项目，有了搜索引擎将非常方便用户检索文章。八．页面测试说明书1．引言1.1编写目的为了能够及时的发现程序可能存在的问题。1.2参与人员周子淋1.3网站相关资料《php5.0手册》、《css手册》、《javascript手册》等。2．测试结果2.1添加/删除/修改文章测试测试流程（1）以管理员身份从后台管理页面登录（2）选择“文章管理”功能。（3）首先添加文章，选择文章的分类，然后填写主题，内容，然后发布。（4）从后台选择一篇文章，点击删除。（5）从后台选择一篇文章，点击编辑。（6）从blog首页登录，查看文章是否已经添加/删除/编辑。测试结果页面路径示例结果流程./admin/admin_log.php添加一个属于