大家园社区网站建设.doc

摘 要随着互联网的高速发展，传统的web应用已经显得力不从心，而web 2.0的出现极大地改善了这一局面。所谓web 2.0其核心就是用户不再只是被动的网页浏览者，他们既是网站浏览者，也是网站内容的制造者。在加上web 2.0网站采用AJAX技术异步加载数据，极大改善用户体验和节省了宝贵的网络资源，未来的互联网趋势必然是web 2.0。因此，我的毕业设计就以虚拟社区为题，突出web 2.0思想，构建一个由用户提供图片资源，管理员只负责整理，发布用户提供的图片，然后供用户浏览及下载的网站，比起传统的由管理员单一提供资源相比，有着提供资源更多，更全，与用户交互性更强等优势。网站基本运作过程：用户注册之后即可上传图片资源，发布留言，评论等。管理员对用户上传的图片审核之后发布到前台相应的类别。管理员可对图片分类，对用户资料，用户的留言，评论进行管理。用户和管理员各自都有对应的权限,可执行相应的操作。网站构建意义：突出web 2.0思想，增强用户交互性，丰富网络资源，作为用户，他们既是网站使用者，又是内容制造者，这样不仅可以增加网站访问量，又可以减轻网站管理员的工作量。其中，网站浏览者可以对网站及资源做相应的评论，更可以发布一些需求信息，这样既增加了与用户交互性，又促进了本站未来的发展！关键词：Web 2.0； 互动； 图片； 网站35目 录引 言3第1章 系统运行方案41.1 理论分析41.2 开发工具选用41.2.1 关于PHP41.2.2 关于MYSQL61.2.3 关于LAMP平台61.3 B/S体系与MVC设计思路61.4 开发方法8第2章 可行性分析92.1 市场分析92.2 经济分析92.3 技术分析9第3章 需求分析103.1 性能分析103.1.1 加载数据效率要求103.1.2 界面风格要求103.2 运行环境103.2.1 硬件环境103.2.2 软件环境103.3 业务需求分析103.4 数据流图分析113.4.1 顶层数据流图113.4.2 0层数据流图123.4.3 1层数据流图133.5 数据字典分析153.5.1 数据流条目153.5.2 文件条目15第4章 总体设计174.1 概述174.2 数据库设计184.2.1 数据关系E-R图184.2.2 数据库逻辑设计21第5章 详细设计235.1 主页用户浏览页面235.1.1 用户模块235.1.2 内容浏览模块245.1.3 上传文件模块255.1.4 留言模块265.1.5 评论模块275.2 管理中心后台管理员访问页面285.2.1 注册会员管理模块295.2.2 类别管理模块305.2.3 上传文件管理模块315.2.4 图片信息管理模块325.2.5 留言/评论管理模块33结 论34参考文献35致 谢36引 言喜欢浏览图片的网友应该都去过各种图片网站吧，是不是已经习惯传统的图片网站的提供方式了呢？当你在网站上四处搜索自己的想要的图片却一无所获时，是不是挫折感油然而生？我也曾经抱怨过,为什么这网站的图片总那么不合我胃口啊？如果能由所有用户一起提供图片资源的虚拟社区，那不是丰富多了吗？在此次毕业设计中，我就以此为题，展开设计。很显然，传统的网站设计，已经难以应付互联网的高速发展，web 2.0也自然在互联网的高速发展下应运而生。告别传统网友被动的浏览网页，管理员掌管网站一切的时代，如今，网友们既是网站的消费者（浏览者），也是网站内容的制造者。伴随blog, wiki等web 2.0网站的不断诞生，web 2.0已经正是走进我们的生活，倘若再坚持传统网站的设计模式，那就显的落伍了。尤其是AJAX技术在web 2.0网站的大量应用，极大的改善了用户体验，网页浏览变得和桌面软件应用一样方便。什么是AJAX ？AJAX即异步通信的Javascript+XML，它使得页面在不用刷新得情况下即可与服务器通讯，返回结果，改善了我们等待页面刷新的痛苦，使得客户端有更丰富的表现力，在本次毕业设计中，我适当的应用了这门技术。好的，共同参与构建网站，丰富网站，改善用户体验就是本此毕业设计网站的主要特点。好东西就要大家一起分享，想想您是愿意去传统的MP3网站下载MP3，还是更愿意使用Kugoo呢？答案是明显的。大家园社区网站的设计宗旨就是以虚拟社区的形式增加网站和网友之间的互动，全民参与网站建设，当然最重要的是在这里可以找到一切我们想要的。第1章 系统运行方案1.1 理论分析大家园社区网站融入web 2.0设计思想，以用户提供全部图片资源，管理员只负责将其发布到对应类别。用户除了可浏览和下载图片，还可发表评论，留言等，用户和管理员都有各自的权限划分，可执行对应的操作。由于网站与用户，用户与用户交互性强，所以定义为网上虚拟社区。网站主体采用执行效率极高的PHP开发，使用AJAX技术辅助，数据库方面采用与PHP之最佳组合MYSQL，web服务器和操作系统则采用Apache和Linux，这就是所谓的LAMP建站方案，由于LAMP均为开源软件，且效率高于微软平台，所以该套方案已得到极大推广和普及，所以本毕业设计采用基于LAMP的平台开发。1.2 开发工具选用正如上面陈述的，本系统之所以采用PHP作为服务器端脚本语言是因为PHP执行效率很高，程序运行速度快，且易于上手，除错方便。最重要的是它是免费的。相对与ASP而言，它的效率更高，且ASP部分组件均要收费（如上传组件）。而JSP配置和除错过于复杂，故采用PHP。数据库方面由于都是开源项目，PHP内置支持MYSQL，且MYSQL是正规的关系数据库，且占用资源很少，执行效率很高，当然，它也是免费的。至于其他数据库，ACCESS是桌面型个人数据库，SQL SERVER不方便在linux下于PHP搭配使用，ORACLE是商业大型数据库，所以不予采用。数据库采用PHPMYADMIN执行网络操作，网站界面框架采用Dreameaver 8，在windows xp下开发，PHP，javascript程序采用ZendStudio/editplus（windows平台）和gedit（linux平台）开发，调试环境：linux。此外还用到photoshop等图像处理软件制作图片界面。1.2.1 关于PHPPHP是Hypertext Preprocessor的简称，是一种HTML内嵌式编程语言。它的语法混合了C、Java和Perl优点及它的新语法，比CGI、ASP或者Perl更快速地执行动态网页。总的来说，它有以下几个方面的优点：1.支持的数据库非常广泛，大到SYBASE、MySQL、ORACLE，小到Access都支持。2.跨平台性非常好，支持Windows系列操作系统，LINUX操作系统和UNIX操作系统。同时支持多种Web服务器。3.开源软件，升级更新速度非常快。4.免费软件，无须花钱购买。同时与Linux、Apache、MySQL构成性价比最高的Web系统。5.PHP5.0有成熟的面向对象体系，能够适应基本的面向对象要求，适合开发大型项目。1.2.2 关于MYSQLMYSQL是基于SQL的，完全网络化的跨平台关系型数据库系统，同时是具有客户机/服务器体系结构的分布式数据库管理系统。它具有功能强，使用简便，管理方便，运行速度快，安全可靠性高等优点。支持多种语言编写访问数据库的程序。1.2.3 关于LAMP平台LAMP即操作系统：LINUX, web服务器：APACHE，数据库：MYSQL，服务器端脚本：PHP的第一个字母组合。LAMP通过几年的迅速发展，目前已经在世界范围内走出草根阶层，成为Web 服务器的事实标准。这些开源组件的兼容性不断完善，“黄金组合”应用情形变得更加普便。伴随IT业的发展，互联网和B/S软件的盛行，LAMP构成了一个强大的Web应用程序平台。LAMP每一个组件都是Free or Open Source Software，免费或者开源软件。这种免费和开源的方式对于全世界用户都具有很强的吸引力，无论企业和个人开发者，无需再付费购买“专业”的商用软件。特别是在互联网方面，不需要为软件的发布支付任何许可证费就可以开发和应用基于LAMP的工程。同时开源社区的潜力更在于资源共享，上百万的志愿开发者为开源软件贡献自己的力量，保证了LAMP技术的不断进步和升级。开源的特性也使企业和开发人员可以随意的修改源程序为我所用，提升专有软件或者商业软件的限制中所没有的灵活性，放大了项目的衍生性。业内人士预计，在服务器平台及软件方面，LAMP市场占有率将在未来两年内取得更高的市场分额。1.3 B/S体系与MVC设计思路B/S结构从逻辑上讲分为四个层次：客户机、Web服务器、应用服务器、数据库服务器。客户机主要负责人机交互；Web服务器主要负责对客户端应用程序的集中管理；应用服务器主要负责应用逻辑的集中管理，它也可以根据其处理的具体业务不同而分为多个；数据库服务器则主要负责数据的存储和组织、数据库的分布式管理、数据库的备份和同步等等。在B/S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。B/S结构简化了客户机的工作，客户机上只需配置少量的客户端软件。服务器将担负更多的工作，对数据库的访问和应用程序的执行将在服务器上完成。浏览器发出请求，而其余如数据请求、加工、结果返回以及动态网页生成等工作全部由Web Server完成。实际上B/S体系结构是把C/S结构的事务处理逻辑模块从客户机的任务中分离出来，由Web服务器单独组成一层来负担其任务，这样客户机的压力减轻了，把负荷分配给了Web服务器。MVC英文即Model-ViewController，即把一个应用的输入、处理、输出流程按照Model，View ，Controller的方式进行分离，这样一个应用层被分为三个层模型层，视图层、控制层。视图（View）代表用户交互界面，对于Web来说，可以概括为HTML界面，但也有可能为XHTML、XML、Applet和Flash等。随着应用的复杂性和规模性的提高，界面的处理也变得具有挑战性，一个应用可能有很多不同的视图，MVC设计模式对于视图的处理仅限于视图上数据的采集和处理，以及用户的请求，而不包括在视图上的业务流程的处理。业务流程的处理交予模型（Model）处理。比如一个订单的视图只接受来自模型的数据并显示给用户，以及将用户界面的输入数据和请求传递给Controller和Model。模型（Model）就是业务流程和状态的处理以及业务规则的制定。业务流程的处理过程对其他层来说暗箱操作，模型接受视图请求的数据，并返回最终的处理结果。业务模型的设计可以说是MVC最主要的核心。MVC设计模型告诉我们，把应用的模型按照一定的规划抽取出来，抽取的层次很重要，这也是判断开发人员是否优秀的设计依据。抽象与具体不能隔得太远，也不能太近。MVC并没有提供模型的设计方法，而只告诉你应该组织管理这些模型，以便于模型的重构和提高重用性。业务模型还有一个很重要的模型那就是数据模型。数据模型主要是指实体对象的数据保存。比如将一张订单保存到数据库中，从数据库获取订单。我们可以将这个模型单独列出，所有有关的数据库的操作只限在该模型中。控制（Controller）可以理解为从用户接受请求，将模型与视图匹配在一起，共同完成用户的请求，划分控制层的作用很明显，它清楚地告诉开发者，它仅是一个分发器，选择什么样的模型，选择什么样的视图，可以完成什么样的用户请求。控制层不作任何的数据处理。例如，用户点击一个链接，控制层接受请求后，并不处理业务信息，它只把用户的信息传递给模型，告诉模型做什么，把符合要求的视图返回给用户。因此，一个模型可能对应多个视图，一个视图可能对应多个模型。总之，模型、视图与控制器的分离，使得一个模型可以具有多个显示视图。如果用户通过某个视图的控制器改变了模型的数据，所有其他依赖于这些数据的视图都反映到这些变化。1.4 开发方法原型法（Prototyping）是20世纪80年代随着计算机软件技术的发展，特别是在关系数据库系统（Relational Data Base System，RDBS）、第四代程序生成语言（4th Generation Language，4GL）和各种系统开发生成环境产生的基础上，提出的一种从设计思想、工具、手段都全新的系统开发方法。它扬弃了那种一步步周密细致地调查分析，然后逐步整理出文字档案，最后才能让用户看到结果的繁琐作法。第2章 可行性分析2.1 市场分析当今WEB 2.0的趋势，在博克，WIKI，播客流行的今天，传统互联网应用显然已经捉襟见肘，按着WEB 2.0的模式，由广大网友上传资源，管理员只是对其来整理发布，和对会员的管理，不但大大增加网站资源，节省网站管理，还能极大程度满足大家的喜好，可谓是老树开新花，是非常有意义的。2.2 经济分析由于系统所需要的软件设备都可以通过设计解决，因此经济方面顾只考虑硬件方面设施。硬件设施方面有两种解决方案。方法1:采用独立服务器,光纤的接入,或者可以选择电信的主机托管业务。方法2 :采用虚拟主机业务,费用的高低由购买的空间大小所决定。方法1的成本相对高，方法2的成本相对低，但是方法2可能对网站访问的同时在线人数等有一些影响。网站建立完成后，随着访问人数增加到一定程度后，可以考虑收费，而收费的手段主要以空间的大小为依据。用户申请时可以得到一个免费空间，但是随着用户功能的增加和文件的增多，当可用空间不足时，用户可以考虑向网站购买空间。以网站访问人数为20万人,其中有1万人购买空间平均为10M,而1M空间收取2元/年。网站即可有20万元的收入,该笔收入是相当可观的。2.3 技术分析在选择程序语言上，我们选择目前最为流行的开源脚本开发语言PHP，由于PHP效率高，且支持面向对象编程，适合大型项目的开发，相对于asp，效率远远高于前者，相对于jsp的复杂配置，php显得十分简单，比较.net，PHP可以支持多种操作系统平台，安全性不言而喻。数据库方面采用小巧且功能强大的mysql数据库，系统平台采用linux，更安全，更高效，配合apache服务器，能最大效率的发挥系统的功能。网站使用ajax技术大大提高用户体验。综上所述，结合实际需要，本系统采用了LAMP建站方案，融入了web 2.0设计思想，充分进行了其市场分析、经济分析、技术分析之后，得出结论，该方案可行。第3章 需求分析3.1 性能分析3.1.1 加载数据效率要求服务器部分：本网站的访问不限制时间，必须提供24小时正常访问。查询服务部分：用户通过上网从搜索信息到返回不超过5秒钟。数据管理部分：提交一笔录入到结果返回不超过5秒钟。发布信息时应先验证条件是否达到，不能出现死循环无限等待。3.1.2 界面风格要求网站整体以活泼色调为主，主要为橙色，绿色和白色为主，辅助红色给人清新，舒适的感觉，配合CSS和PS设计，在1024768分辨率下达到最佳显示效果，界面简洁清爽，不会过于复杂。3.2 运行环境3.2.1 硬件环境本次演示环境客户机和服务器为同一主机，服务器配置：INTEL 2.66G CPU,内存256M。3.2.2 软件环境操作系统：FreeBSD 6.3 服务器：apache 2.0 数据库：mysql 5.0.45 PHP解释器版本：5.2.4，数据库管理工具：phpmyadmin 2.11.0。3.3 业务需求分析根据实际情况本虚拟社区要求具有以下功能：1.要求有对主题进行分类浏览查看功能。2.提供各分类信息的查询功能。3.要求有留言板，方便用户提出意见和咨询问题。4.浏览者有对主题发表评论的功能。5.要求提供管理员后台管理入口。6.只有超级管理员才能对注册会员进行资料修改，删除会员等操作。7.只有超级管理员才能对类别进行管理。8.要求管理员有对上传文件管理功能。9.要求管理员有对图片信息管理功能。10.要求管理员有对留言/评论管理功能。3.4 数据流图分析3.4.1 顶层数据流图当前时钟登陆请求结果页面大家园社区网站浏 览 者系统时钟主界面浏览请求图3-1 顶层数据流图3.4.2 0层数据流图结果页面留言浏览请求请求上传请求主界面评论浏览请求评论文件后台管理请求留言文件上传文件表用户文件结果页面登陆请求管理系统5用户系统1上传文件4日志文件评论系统3结果页面结果页面结果页面浏览请求留言系统2图3-2 0层数据流图3.4.3 1层数据流图浏览留言请求请求后台管理请求注册表单登陆请求主界面用户文件主界面结果页面注册系统12登陆系统11浏览评论请求上传请求日志文件浏览请求图3-3 用户系统数据流图浏览留言请求留言文件留言请求处理留言22浏览留言请求结果页面浏览留言21图3-4 留言系统数据流图浏览评论请求评论文件浏览评论请求浏览评论31处理评论32评论请求结果页面图3-5 评论系统数据流图上传表单浏览请求结果页面上传表单图片管理文件上传文件41浏览图片42图3-6 上传系统数据流图当前日期评论增/删表单留言增/删表单用户增/删表单后台管理请求处理要求5.1用户文件管理用户52图片增/删表单管理文件53当前日期留言文件管理留言54系统时钟当前日期评论文件管理评论55系统时钟栏目增/删表单日志增/删表单日志文件管理日志57系统时钟结果页面图片信息文件上传管理文件管理栏目56栏目文件图3-7 后台管理系统数据流图3.5 数据字典分析3.5.1 数据流条目浏览请求=浏览评论 | 浏览留言 | 浏览图片登陆请求=用户名 + 密码 | 用户名 + 密码 + 验证码结果页面=评论信息 | 留言信息 | 图片信息 | 用户信息 | 日志信息主界面=评论信息 + 留言信息 + 图片信息 + 用户信息 | 日志信息浏览留言请求= 浏览留言 浏览评论请求= 浏览评论 留言请求= 留言信息 评论请求= 评论信息 上传表单= 图片信息 注册表单=用户名+密码+注册时间 | 用户名+密码+注册时间+提示问题+问题答案后台管理请求=栏目增/删 | 日志增/删 | 评论增/删 | 留言增/删 | 图片增/删 | 用户增/删栏目增/删表单=栏目名称 + 添加者 + 添加日期日志增/删表单=登录IP + 登录帐号 + 登录时间评论增/删表单=评论内容 + 发布人 + 发布日期留言增/删表单=留言内容 + 回复内容 + 留言者图片增/删表单=信息内容 + 发布日期 + 上传者 + 所属类别 + 信息标题用户增/删表单=用户名 + 用户密码 + 注册日期 + 找回密码问题 + 找回密码答案当前日期=当前时间3.5.2 文件条目栏目文件=栏目ID + 父栏目ID + 栏目名称 + 添加者 + 添加日期日志文件=日志ID + 登录IP + 登录帐号 + 登录时间评论文件=评论ID + 评论内容 + 发布人 + 发布日期 + 所属信息ID留言文件=留言ID + 留言内容 + 是否回复 0为未回1为已回 + 回复内容 +留言者图片信息文件=信息ID + 信息内容 + 发布日期 + 上传者 + 发布管理员 + 所属类别 +信息标题 + 信息类型 0为普通1为精华 +点击数 用户文件=用户ID + 用户名 + 用户密码 + 注册日期 + 用户等级 + 用户类型 1为普通2为VIP + 找回密码问题 + 找回密码答案上传管理文件=上传文件ID + 文件名 + 浏览路径 + 保存路径 + 上传日期 + 上传者 + 状态 0为未通过1为通过第4章 总体设计4.1 概述从前面需求分析可以看出，系统功能庞杂，主要分为前台浏览器(B/S)信息发布和数据查询。从使用和操作的功能上分，有四种用户：普通客户（浏览器浏览、查询）；注册用户（浏览和自身数据管理），VIP，系统管理员。为便于整个系统组织管理，把各个相对独立的数据或功能组织到整个大系统中来，我们把各个相对独立的功能完全独立设计，编译成独立的目标(功能)模块（single Executable），各功能模块最后被集成到一个称为虚拟桌面的控制台模块中。相应地将系统结构分为一个控制台程序和七个用户模块，各用户模块又分为若干各子模块。对应于每一个用户模块，几乎都有录入、查询、修改、删除、查看详细资料这几个功能。整个业务流程就是由这几种基本功能实现的。在这里每个模块都要用到的功能没必要在每个子模块里重复阐述，在每个子模块里只列出区别于其它子模块的功能实现。如下图为本系统的功能模块图。前台模块后台模块浏览模块上传模块留言模块用户模块评论模块用户管理模块类别管理模块上传管理模块内容管理模块留言管理模块图4-1 系统功能模块图4.2 数据库设计4.2.1 数据关系E-R图根据上面的需求分析和功能模块图，可以得出本社区系统数据库大致包括7张数据表，分别存放相应子功能的数据信息，其中“用户信息”是关键的表，用于存放社区用户的一些基本信息和权限信息，那么这7个实体以及完整E-R图分别如下几个图如示：栏目栏目ID父栏目ID添加者栏目名称添加日期图4-2 栏目实体图栏目实体用于描述前台将要显示的栏目，它包括栏目ID、栏目名称、添加者、父栏目ID、添加日期，在后台管理中可对其值详细设置，方便发布。有下划线的属性为实体的码。评论评论ID评论内容发布人发布日期所属信息ID图4-3 评论实体图评论实体用于描述用户对本系统展示的图片进行的评论包括评论内容、发布人、所属图片ID以及发布日期。有下划线的属性为实体的码。日志登录帐号登录时间日志ID登录IP图4-4 日志实体图日志实体用于记录访问者的登录帐号、登录IP和登录时间。有下划线的属性为实体的码。图片发布日期发布管理员所属类别上传者信息标题点击数信息类型 0为普通1为精华信息ID信息内容图4-5 图片实体图图片实体用于描述用户上传的图片信息，该实体包括信息ID、信息内容、所属类别、信息标题、点击数等等。有下划线的属性为实体的码。上传文件文件名浏览路径上传文件ID上传日期上传者状态 0为未通过1为通过保存路径图4-6 上传文件实体图上传文件实体用于描述用户的上传文件具体信息，该实体包括文件名、浏览路径、保存路径、上传日期、上传者等等。有下划线的属性为实体的码。用户密码注册日期用户等级用户类型密码问题用户ID用户名密码答案用户信息图4-7 用户实体图用户实体用于描述注册用户的具体信息，用户实体为本系统中的核心实体，包括用户名、用户密码、用户类型、用户等级等等。有下划线的属性为实体的码。留言ID信息时间留言留言内容是否回复 0为未回1为已回回复内容留言者图4-8 留言实体图留言实体用于记录访问者到低需要哪些类型的图片以及对本站有用的建议，该实体包括信息ID、信息内容、所属类别、信息标题、点击数等等。注意该实体与评论实体有所不同，评论实体只是针对某一张图的评价。有下划线的属性为实体的码。综合以上七个实体加上对应的关系，可得出以下总E-R图。图中省略了各个实体的属性描述， 因为在以上各个实体图中都已具体画出，所以为了美观和节约篇幅就没重复画了。1n1nnn1n111n1nn1上传图片用户记录日志管理上传文件留言留言发表评图展示栏目评论添加图4-9 数据关系E-R图4.2.2 数据库逻辑设计根据以上概念结构设计的结果,进一步地对各个实体或联系属性的类型、大小、约束、默认值等的分析之后完成逻辑结构设计,如以下几个表所示。表4-1 djy_columninfo 栏目分类表Columnidint(4)主键非空栏目IDcolumnfatheridint(4)非空父栏目IDColumnnamevarchar(100)非空栏目名称Columnaddervarchar(50)非空添加者columninputdateDate非空添加日期表4-2 djy_fourm 评论表d_idint(11)主键非空评论IDd_commentLongtext非空评论内容d_uservarchar(50)非空发布人d_dateDate非空发布日期d_picidBigint非空所属信息ID表4-3 djy_log 日志表Logidint(11)主键非空日志IDLogipvarchar(50)非空登录IPLogadminvarchar(100)非空登录帐号LogtimeDatetime非空登录时间表4-4 djy_picinfo 图片信息表p_idbigint(8)主键非空信息IDp_infoLongtext非空信息内容p_dateDate非空发布日期Upuservarchar(50)非空上传者Editadminvarchar(50)非空发布管理员p_classint(4)非空所属类别p_titlevarchar(50)非空信息标题p_typeint(2)非空信息类型Hitsint(11)允许空点击数表4-5 djy_uploadfile 上传文件表f_idBigint(8)主键非空上传文件IDf_nameVarchar(50)非空文件名f_saveVarchar(200)非空浏览路径f_urlVarchar(200)非空保存路径f_dateDate非空上传日期f_upnameVarchar(50)非空上传者f_statusInt(2)非空状态表4-6 djy_userinfo 用户信息表u_idInt(11)主键非空用户IDUsernameVarchar(50)非空用户名UserpwdVarchar(100)非空用户密码UseradddateDate非空注册日期usermembercodeInt(11)非空用户等级UsertypeInt(2)非空用户类型UserquestionVarchar(100)允许空密码问题UseranswerVarchar(100)允许空密码答案表4-7 djy_userneedpic 用户留言表n_idInt(11)主键非空留言IDn_timeDate非空留言时间n_commentVarchar(100)非空留言内容n_statusInt(2)非空是否回复n_recommentVarchar(100)非空回复内容n_nameVarchar(50)非空留言者第5章 详细设计5.1 主页用户浏览页面图5-1 大家园社区首页演示图主页涉及到会员注册，分类浏览，上传图片，发表留言，找回密码等功能模块，并提供对应的接口。5.1.1 用户模块1.程序描述：用户模块包括用户注册，登录及找回密码3个功能。登录后可执行上传，留言，评论等会员操作。未注册用户除了浏览只具备搜索操作权限。其中用户注册部分采用了ajax无刷新验证。具体功能如下：(1)新用户填写相关信息后即可成为网站的会员。(2)注册用户分为普通会员和VIP会员，普通会员可以浏览非精华主题，提供图片资源。(3)给网站留言。VIP会员除了具备上述权限外还可以浏览精华主题。(4)注册用户在注册时若有填写找回密码信息，可以在丢失密码时对密码进行重设。(5)普通会员通过发布资源，待管理员审核通过后获得相应积分，积分超过2000自动升级成为VIP会员。(6)所有会员均可对主题发表评论。2.流程：否否是否否用户进入是否登陆游客操作进行会员操作可找回丢失密码不可找回丢失密码是是否填写找回密码资料是注 册是否注册注册成功否是图5-2 用户模块流程图3.界面演示：图5-3 用户登陆成功页面图5.1.2 内容浏览模块1.程序描述：内容浏览模块包括快速导航，分类浏览，搜索信息及详细信息浏览功能。其中所有操作适合全部的用户，不需要任何的权限。具体功能如下：(1)本系统将对主题进行分类浏览，类别由后台控制生成，每个类别对应相应的主题。(2)用户在选择对应类别后见到的是该类别下所有主题。(3)点击标题就可浏览主题的相关内容。(4)网站首页列出最新的主题和浏览最多的主题，在具体信息页，同样提供此功能，便于导航和吸引用户。2.流程：用 户快速导航分类浏览搜索信息详细页浏览图5-4 内容浏览流程图3.界面演示：图5-5 内容浏览演示图5.1.3 上传文件模块1.程序描述：上传文件模块提供用户通过WEB直接向服务器上传文件的功能，该功能只对注册会员登录后开放。具体功能如下：(1)注册用户登陆后可以上传图片资源来获取相应积分。(2)上传的图片限制于jpg，gif，png几种文件类型。上传文件的大小限制为2M。(3)上传的文件必须经管理员审核才能发布到前台。(4)每次上传一张图片。2.流程：用户进入是否登录上传文件上传成功上传失败否是格式正确判断格式格式不正确图5-6 文件上传流程图3.界面演示：图5-7 上传文件界面图5.1.4 留言模块1.程序描述：留言模块提供用户给网站留下意见或者建议的功能。具体如下：(1)网站设有留言板，方便用户提出意见和咨询问题。(2)注册用户登陆后，可以通过留言板留言。(3)用户留言后，等待管理员回复。(4)所有注册用户均可浏览留言内容。2.流程：用户进入是否登录发表留言查看留言否是图5-8 留言模块流程图3.界面演示：图5-9 留言模块演示图5.1.5 评论模块1.程序描述：评论模块有发表评论和查看评论两个功能，发表评论需要注册会员登录后才可以使用，发表评论采用ajax无刷新发表，具有很强的用户体验。具体功能如下：(1)对于发布的主题，浏览者可以对此发表自己的意见和想法。(2)仅限登陆后的注册用户发表评论。(3)发表评论采用ajax技术，不刷新页面，不影响用户浏览心情，改善用户体验。(4)显示评论页面嵌套IFRAME，查看新评论也无需刷新整个页面。2.流程：用户进入是否登入发表评论查看评论否是图5-10 评论模块流程图3.评论模块界面演示：图5-11 评论模块演示图5.2 管理中心后台管理员访问页面图5-12 后台管理页面图5.2.1 注册会员管理模块1.程序描述：注册会员管理模块包括，会员资料编辑，搜索会员，删除会员等功能，本功能开放给所有管理员。具体功能如下：(1)管理员可对注册会员进行资料修改，删除会员等操作。(2)会员信息以列表形式体现，点击会员名称可展示详细的注册信息。(3)若该会员不符合要求可删除该会员资料。(4)管理员可编辑会员信息，如加分，提高权限等。(5)该操作适合于普通管理员和超级管理员。2.流程：管理员进入编辑资料搜索会员删除会员保存结果图5-13 会员管理模块流程图3.界面演示：图5-14 注册会员管理演示图5.2.2 类别管理模块1.程序描述：类别管理模块是本次毕业设计比较难的部分，采用递归算法实现无限级分类，该功能只针对超级管理员，可实现类别的添加，删除，修改。具体功能如下：(1)网站的类别最大的特色就是采用递归算法实现无限级分类，可任意增加顶级分类和子类。(2)后台的类别管理采用仿windows属性菜单，可伸缩，方便管理。(3)在任何一级菜单下都可添加子菜单。(4)所有类别都可以编辑和删除。(5)该操作只向超级管理员开放。2.流程：超级管理员进入添加类别删除类别编辑类别保存结果图5-15 类别管理管理流程图3.界面演示：图5-16 类别管理演示图5.2.3 上传文件管理模块1.程序描述：上传文件管理模块是针对用户上传的文件由管理员进行审核，通过以后发布到对应类别，并奖励用户相应的积分，该功能针对所有管理员。具体功能如下：(1)上传的文件默认是未通过审核的。以列表形式显示。(2)管理员先对上传的文件审核，符合规范的通过审核，此时状态变成通过。(3)若上传的文件不符合要求，管理员可以删除该文件。(4)此操作适合普通管理员和超级管理员。2.流程：管理员进入管理图片添加到对应类别赋予用户对应积分删除不合法图片合法不合法图5-17 文件上传流程图3.界面演示：图5-18 上传文件管理演示图5.2.4 图片信息管理模块1.程序描述：图片信息管理模块提供图片信息的添加，删除，和编