大学设计方案IT技术交流社区网站方案.doc

《大学设计方案IT技术交流社区网站方案.doc》由会员分享，可在线阅读，更多相关《大学设计方案IT技术交流社区网站方案.doc（18页珍藏版）》请在三一办公上搜索。

1、目录1 引言12 系统分析12.1需求分析12.1.1用户管理12.1.2信息管理12.1.3分类管理22.2网站系统构建步骤22.3系统开发工具与相关技术简介23 网站系统的设计33.1主页面实现功能描述33.2总体设计33.3 数据库设计44 网站模块的实现与简介84.1 网站前台简介94.1.1主页头部模块94.1.2主页正文部分模块94.1.3主页尾部模块104.2 网站后台简介114.2.1网站后台登录模块114.2.2网站后台管理模块115 系统测试135.1 登录测试135.2 会员注册测试145.3 文章发布测试145.4 系统改进意见146 总结15致谢15参考文献15IT技

2、术交流社区网站的设计学生姓名：师浩添指导教师:马联辉、靳燕内容提要由于Web页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时Web页能实现网上资源交换，用户之间信息交流，因此许多个人纷纷建设网站以增强和他人的交流。IT技术交流社区网站主要介绍思科和LINUX的有关信息，并用Dedecms5.5+Dreamweaver8架设用户登录模块、新闻发布模块、留言板模块、会员注册等模块。本篇论文是对怎样建设IT技术交流社区网站的一点论述，主要论述了IT技术交流社区网站建设规划的主体思想，以及在设计过程中所遇到的要点、难点等。关键字思科技

3、术 Linux技术 Dedecms5.5APMServ5.2.6Dreamweaver81 引言随着Internet在中国的迅速发展，人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务。中国也步入了信息社会，人们对信息的需求也越来越高。然而众多的互联网站和五花八门的信息让人眼花缭乱，往往查看自己需要的信息要花费很多时间。于是众多专业性网站纷纷出炉，人们不仅可以在这里找到自己需要的资料，还可以同与自己具有共同爱好的人相互交流，一起学习、讨论，共同进步。网络的发展离不开IT技术，因此，IT技术类型网站的出现为广大IT爱好者建立了一个快捷、方便的学习乐园。诸如51cto、csdn、56

4、cto、中国IT实验室等，他们丰富的内容，海量的知识吸引着大量的IT爱好者前往学习交流。这里不仅有刚入门的IT菜鸟,也有IT精英。所以，IT类型网站不仅仅是一个学习乐园，同时也是一个人才聚集地！该IT技术交流社区网站的内容主题主要集中在思科和Linux两者上，为这两者初学者及爱好者提供一个交流学习的场所。而且用户还可根据自己所学建立自己感兴趣的日志分类来讨论相关话题。2 系统分析本网站系统采用较为普及使用的浏览器-服务器的B/S型的结构，使得整个系统更容易使广大用户接受。使用apmserver5.2.6构建Apache+PHP+MySQL环境，使用dedecms5.5 实现总体设计。IT技术交

5、流社区网站分为前台与后台管理两部分，前台部分是访客功能实现部分，后台管理部分是实现网站的日常管理和维护工作。2.1需求分析IT技术交流社区网站主要是为了实现资源共享、信息交流等功能。根据需要，本网站需要完成的主要任务叙述如下。2.1.1用户管理用户管理包括用户注册，用户登录，用户修改资料，用户注销。 用户注册：用户提供用户名，密码，姓名，Email等信息进入注册，注册后可登录本系统进行操作。 用户登录：用户在登录框中输入用户名和密码进行登录。 用户修改资料：用户登录后，可对自己的部分信息进行修改。 用户注销：用户登录后，可进行注销操作，防止别人对自己的帐户进行违规操作。2.1.2 信息管理信息

6、管理包括添加信息，修改信息，删除信息和查询信息，这是网站使用最频繁的功能。只有精彩丰富有内容的的信息才能吸引更多的人来网站学习、交流，使得网站充满生命力。添加信息：用户输入信息名，信息关键字，信息来源，信息介绍或者信息图片等。修改信息对信息名，信息关键字，信息来源，信息介绍或者信息图片等进行修改。删除信息：删除已有的过时或错误信息查询信息：查询自己的信息，查询所有信息，查询分类下的信息，查询待审核信息（此功能只有管理员拥有）。2.1.3分类管理分类管理包括分类查看、添加分类、修改分类和删除分类。分类包括栏目分类和日志分类，此模块中的栏目分类相关操作只有管理员可以进行。 添加分类：输入分类名称和

7、分类状态，新增分类。 修改分类：对分类名称和分类状态进行修改。 删除分类：删除指定的分类。查看分类：查看分类信息。2.2网站系统构建步骤整体规划IT技术交流社区网站系统，按要求规划好每一个子系统。根据系统各个模块进行细分，建立一个子系统或多个子系统。统一定义网站整体风格，设计好网站相关的背景颜色、图片、表格相关属性、网站LOGO等。按照规划做出网站涉及的所有模板。分析每一个子系统的数据结构，规划出数据库结构，然后创建数据表。根据上面的数据表，建立数据库和相应的数据表。编写各个子系统代码。代码写作完成后，将各个子系统进行合并，并检测程序。2.3系统开发工具与相关技术简介LAMP架构，Linux+

8、Apache+Mysql+Perl/PHP/Python，一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。该软件开发的工程在软件方面的投资成本较低。开发者在Windows操作系统下使用这些Linux环境里的工具称为使用WAMP。Apache是一款Web服务器软件，它几乎可以运行在所有的计算机平台上，又由于它的跨平台和安全性比较好，因此被广泛使用，成为最流行的服务器软件之一1。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文章的脚本语言，这种语言比较简单，它跨平台性

9、比较好，执行速度快，兼容性也比较好，市场前景很好2-4。MySQL是一个小型关系型数据库管理系统，它被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库5-7。Dreamweaver是一种将网页制作和网站管理集于一身的网页编辑器，是一种很好的视觉化的网页开发平台，利用它可以制作出跨平台限制和跨浏览器限制的动感网页，重要的是集成了程序开发语言，完全支持ASP、ASP.NET、PHP、JSP基本语言和连接数据库操作8。DedeCMS，织梦内容管理系统(DedeCMS)是国

10、内最流行的CMS解决方案之一，居于现时最流行的LAMP架构开发，具有很强的可扩展性，并且完全开放源代码。自从出生以来，DedeCMS就一直以简单易用，灵活扩展而闻名。本系统使用其V5.5版本。APMServ 5.2.6 是一款拥有图形界面的快速搭建Apache 2.2.9、PHP 5.2.6、MySQL 5.1.284.0.26、Nginx 0.7.19、Memcached 1.2.4、phpMyAdmin 2.11.9.2、OpenSSL、SQLite、ZendOptimizer，以及ASP、CGI、Perl网站服务器平台的绿色软件。无需安装，具有灵活的移动性，将其拷贝到其它目录、分区或别的

11、电脑时，均只需点击APMServ.exe中的启动按钮，即可自动进行相关设置，将Apache和MySQL安装为系统服务并启动。3网站系统的设计3.1主页面实现功能描述搜索：通过智能模糊搜索用户可以在本网站内部搜索查询其所需信息；链接：用户通过此功能在不同栏目间跳转；信息发布：管理员及会员发表的文章等信息在不同的栏目根据需要显示；头条显示：管理员在审核文章时根据需要来设置是否头条显示；本月新闻热点显示：根据本月点击率来显示文章排行，点击率越高排行越高；幻灯与图文资讯：通过图片形象的展示信息内容9；会员注册及登录：用户能通过此功能进行会员注册，用来在本网站进行发表文章等以及进行其他非会员操作；投票调

12、查：网站管理者通过此功能了解用户是怎么知道本网站的，进而采取相应措施提高网站知名度；友情链接：此功能链接与本网站功能相似的站点，用户可通过此链接快速访问其他网站，查找本网站欠缺的资料。3.2总体设计根据IT技术交流社区网站的基本功能和需求，大略将本系统设计为以下结构模式，方便用户了解系统的大概框架,如图1所示：图1 网站结构图3.3 数据库设计数据库是模块建设中的关键部分，是本系统的核心，大量页面和服务需要向数据库表写入信息，或更改、提取信息，用户信息等保存到数据库管理系统中。数据库功能实现的好坏，直接决定了系统功能的实现程度，以及系统实际运行的安全性。合理的数据库设计在系统开发中是至关重要的

13、，通过建立完整的数据表、表与表之间完善的联系，可以存储完备的信息数据等，方便对数据库的访问和增、改、查等操作，继而支持并简化系统的整个使用流程、信息浏览功能等，方便了用户的使用。下面是设计的几张主要数据库表：文章主表，此表是用来记录文章附加属性，如文章是否审核、阅读权限、点击数等等，它不记录文章的实质内容。详细信息请查阅表1。文章附加表，此表用来存放文章的详细内容，通过文章ID和栏目ID与文章主表连接，详细信息请查阅表2。栏目表，每当管理员创建新的栏目时，该栏目相关信息就会插入到此表保存。详细信息请查阅表3。 友情链接表，根据需要，当管理员增加友情链接条目时，其相关信息就会存放在此表。此链接不

14、是在网页代码中直接编写，而是通过友情链接模块填写自动生成。详细信息请查阅表4。 系统管理用户表，此表用来记录管理员账户相关信息，详细信息请查阅表5。会员表，此表用来记录注册成为本网站会员的会员相关信息。详细信息请查阅表6。表1 dede_archives|文章主表字段名类型属性Null默认说明idmediumint(8)UNSIGNED否0文章IDtypeidsmallint(8)UNSIGNED否0栏目IDsortrankint(10)UNSIGNED是 0时间排序 flagset(c,h,p,f,s,j,a,b)是NULL自定义属性值ismakesmallint(6)是 0是否审核 cha

15、nnelsmallint(6)是 1所属模型IDarcranksmallint(6)是 0阅读权限 clickmediumint(8)UNSIGNED是 0点击数 titlechar(60)是 标题 shorttitlechar(36)是 简明标题 colorchar(7)是 颜色 writerchar(20)是 作者 sourcechar(30)是 文章来源 litpicchar(60)是 缩略图 pubdateint(10)UNSIGNED是 0时间 senddateint(10)UNSIGNED是 0时间 midmediumint(8)UNSIGNED是 0会员IDkeywordscha

16、r(30)是 关键词 lastpostint(10)UNSIGNED是 0最后回复 scoresmediumint(8)UNSIGNED是 0阅读权限 goodpostmediumint(8)UNSIGNED是 0好评 badpostmediumint(8)UNSIGNED是 0差评 notposttinyint(1)UNSIGNED是 0评论选项 useripchar(15)是 IPdescriptionvarchar(255)是 摘要 表2 dede_addonarticle|文章附加表字段名类型属性Null默认说明aidmediumint(8)UNSIGNED否 0文章IDtypeids

17、mallint(5)UNSIGNED否 0栏目IDbodymediumtext是 NULL内容表3 dede_arctype|栏目表字段名类型属性Null默认说明idsmallint(5)UNSIGNED否NULL栏目IDreidsmallint(5)UNSIGNED是 0上级栏目 topidsmallint(5)UNSIGNED是 0顶级栏目 sortranksmallint(5)UNSIGNED是 50栏目排序 typenamechar(30)是 栏目名 typedirchar(60)是 目录地址 isdefaultsmallint(6)是 0栏目列表选项（1：链接到默认页；0：链接到列表

18、第一页；-1：使用动态页） defaultnamechar(15)是 index.html默认页的名称 issendsmallint(6)是 0是否支持投稿（0：不支持；1：支持） coranksmallint(6)是 0浏览权限 descriptionchar(150)是 栏目描述 keywordschar(30)是 关键词 contenttext是 NULL栏目内容 表4 dede_flink|友情链接表字段名类型属性Null默认说明idsmallint(5)UNSIGNED否NULL友链ID sortranksmallint(6)是 0排序值 urlchar(60)是 链接地址 webn

19、amechar(30)是 网站名 msgchar(200)是 网站简况 emailchar(50)是 站长EMAIL logochar(60)是 LOGOdtimeint(10)UNSIGNED是 0链接时间 typeidsmallint(5)UNSIGNED是 0站点类型 ischecksmallint(6)是 1链接位置（1、内页；2、首页）表5 dede_admin|系统管理用户表字段名类型属性Null默认说明Idint(10)UNSIGNED否 管理员IDusertypeint(10)UNSIGNED否 0级别值 useridchar(30)否 用户名 pwdchar(32)否 用户密

20、码 unamechar(20)否 用户笔名 tnamechar(30)否 真实姓名 emailchar(30)否 Emailtypeidsmallint(5)UNSIGNED否 0授权栏目（0为所有） logintimeint(10)UNSIGNED否 0登录时间 loginipvarchar(20)否 登录IP表6 dede_member|会员表字段名类型属性Null默认 说明midmediumint(8)UNSIGNED是 NULL会员IDmtypeenum是 个人 会员类型 useridchar(20)是 注册用户名 pwdchar(32)是 密码 unamechar(36)是 昵称 s

21、exenum(男,女,保密)是 保密 性别 ranksmallint(5)UNSIGNED是 0会员级别值 emailchar(50)是 Emailscoresmediumint(8)UNSIGNED是 0积分 facechar(50)是 头像 safequestionsmallint(5)UNSIGNED是 0安全提示问题 safeanswerchar(30)是 安全提示问题答案 jointimeint(10)UNSIGNED是 0注册时间 joinipchar(16)是 注册IPlogintimeint(10)UNSIGNED是 0登录时间 loginipchar(16)是 登录IP4网站

22、模块的实现与简介此网站工程通过模块化来设计并实施。在设计过程中，将网站相关文件建立到dedecms所在目录“F:APMServ5.2.6wwwhtdocs”中。硬件环境要求：高性能的处理器是用户高效的前提，在安装时建议使用Pentium III以上的CPU。建议用户至少配置512M内存，如果条件允许配置1G以上内存将更为有效。完全安装需要200M左右的硬盘空间，建议分配更多空间来存放后续资料输入。软件需求：Windows 2000及以上操作系统IE5.0及以上浏览器开发工具：Dedecms5.5 APMServ5.2.6系统使用方法：管理员到APMServ5.2.6目录下，只需点击APMSer

23、v.exe中的启动按钮就可使用本网站。访客在IE浏览器输入http:/l27.0.0.1即可登录网站首页，用户在次页面中可注册成为会员并登录进行会员操作；在IE浏览器中输入http:/127.0.0.1/dede 可进行管理员登录，这样设置是为了安全考虑，不在前台增加后台入口，可减少安全攻击。管理员登录名：admin，密码：admin。（实际应用中，用户只需把配置文件放入PHP空间环境启动服务即可，访客此时访问应输实际域名）4.1 网站前台简介首先将主页面设计成上、中、下三个部分，分别是头部head.htm、正文index.htm和尾部footer.htm，浏览时将自动组成整个页面。4.1.1

24、 主页头部模块图2 主页头部如图2所示，在主页头部中主要包括网站logo10、导航栏、搜索栏与热门TAG。导航栏模块中，新闻中心小知识天的CISCOLINUX将在正文图文资讯下方分栏显示其中相关内容标题，在线留言会直接打开留言页面。搜索栏模块用于用户在本站内快速搜索其需要的资料，相关标签（TAG）可使访客迅速进入相关资料。4.1.2 主页正文部分模块图3 主页正文部分截图如图3所示，主页正文左上角为幻灯片，可根据需要让图片类文章在此以幻灯的形式循环切换，吸引访客注意力，并可直接点击访问该文章；幻灯片下方为特别推荐，当网站文章数量达到一定规模时，并不是每一篇文章都是精华，它很可能被掩埋在海量的数

25、据里，所以管理员可以将一些精华的文章标题发布在这里让访客浏览访问；中间部分上方为头条显示，不但可以显示文章标题，还可以显示部分文章内容；下方为最近更新，不论在网站的哪个栏目发布新文章，这里都可以及时显示出新发布文章的标题；显示五张图片的区域为图文资讯栏，可以将含有图片的文章于此处形象显示，题目与图片使访客一目了然其内容，此功能在管理员发布文章或审核会员发表的文章时通过文章属性设置；右边上方为会员注册与登录模块，用于访客注册成为本网站会员并登录到系统中进行会员操作，还可以显示最近登录会员。图4正文本月热点截图图5正文投票调查截图本月热点模块如图4所示，该模块是根据文章的点击率来确定排名的，点击率

26、越高，文章排名越靠前，设计时根据页面布局设置文章标题可显数量为7。投票系统模块如图5所示，该模块是用户在使用系统的时候了解访客是怎么知道本网站的，进而改进宣传方式，使越来越多的人来访问本站。4.1.3 主页尾部模块图6 主页尾部截图此模块主要包括友情链接和网站版权信息，如图6所示。4.2 网站后台简介4.2.1 网站后台登录模块图7 管理员登录模块为了安全考虑，现在很多网站都不会在前台设置后台登录入口，而是通过自己设置的路径来登录后台。本系统的后台登录路径为http/127.0.0.1/dede,在浏览器输入地址回车后出现图7画面，管理员可根据自己的用户名和密码登录。4.2.2 网站后台管理模

27、块图8网站内容管理图8为进入各管理模块入口，通过点击相应标题进入，下文介绍两个常用操作：图9 文档的审核操作当点击图8中等审核的档案列表时会出现图9的操作。当会员新发表文章时，文章并不会立即在网站相应位置显示，它必须经过管理员的审核。如图9所示，当管理员认为该文章不涉及违法内容等，可以发表时，点击选择框选中，并单击审核，该文章才会被最终发布。否则，管理员将删除该文章。图10 网站栏目管理进入栏目管理后，如图10所示，可在此添加顶级栏目，新的顶级栏将出现在图2所示的导航栏，为了布局考虑，只可以有十个顶级栏目，根据需要可在代码中修改此参数来限制顶级栏目数量。增加子类可以在顶级栏目下增加此栏目的分类

28、，例如图10中在CISCO下分出CCNA和CCNP两个子类。后面的数字代表栏目在图2导航栏中的排序，如果数字一样系统将自动排序，默认值为50。图11 会员列表如图11所示，访客注册为会员后，管理员可在此进行相关管理，也只有管理员可以查看此工程。通过操作管理员可以对会员资料进行修改或者删除此会员以及查看该会员所发表的所有文章。5 系统测试系统整体功能的开发完成并不代表整个系统已经完成，功能开发只是系统开发其中的一部分，其后的系统测试也是极其重要的一步。在系统功能开发的过程中，或多或少会有一些问题，比如在注册时e-mail格式输入错误同样也提示注册成功，这些问题如果没有解决，可能会对系统的运行带来

29、致命的打击，如系统崩溃等等。测试包括了功能测试，性能测试，集成测试。由于测试方案过多，这里给出三个测试示例。5.1登录测试表7 登录测试表测试序号测试目的测试要求说明1界面内容完整性界面输入内容：用户名，口令，验证码。界面操作：登录按钮，注册超链接。Tab键对输入焦点的切换顺序：用户名-密码输入正常显示，没有数据输不进去的现象。2注册超链接事件注册按钮的点击事件触发后切换到注册页面。转入注册页面，连接正常3登录按钮事件登录按钮的点击事件触发后进行登录。登录后用户系统操作界面显示。登录后显示登录用户信息。如用户名、密码等输入正确，将进入会员界面，否则重新输入数据登录5.2 会员注册测试表8 注册

30、测试表测试序号测试目的测试要求说明1验证注册功能输入合法的注册帐号，密码，会员信息，等基本信息，点击“注册”，提示“注册成功”可以成功注册2注册数据输入检验11用户帐号的电子邮件校验。2用户口令是否输入两次，两次口令是否做相等校验。1如果没有符号，将提示邮件格式不正确；2如果两次密码输入不一致，系统将提示密码不一致3注册数据输入检验21验证密码的位数，低于3位是否提示出错2当注册的用户名数据库中已存在时是否提示“此用户已存在”1低于三位将提示密码长度不能小于三位；2若用户已存在，将提示用户已存在，反则正常注册。5.3文章发布测试表9 文章发布测试表测试序号测试目的测试要求说明1主页个栏目文章标

31、题是否能正确显示检测文章发布时选择所属栏目，查看主页相应栏目下是否出现此文章标题功能测试正常，没有出现混乱现象。2幻灯片与图文资讯是否正常显示检测在管理员发布文章或审核会员发布的文章文章时，如果文章有图片，则设置文章属性为幻灯片和缩略图，查看主页是否正常显示 若文章没有图片而设置此文章属性，相应位置将出现无缩略图提示。3本月热点检测分别多次点击查看不同文章，使其点击率各不相同，查看热点文章排名是否正确。经过点击测试，点击数最高的文章排在最上面。4头条与特别推荐检测设置文章属性，在主页面查看是否在相应位置正确显示。功能测试正常，新的头条将替换旧的头条显示。5.4系统改进意见由于时间紧促，系统虽然

32、完成了大部分的功能，但是有些设想中的功能还未能完全实现。由于系统还在不断地加入新功能以及修改已存在问题，所以在系统的测试部分并没有详尽的测试报告。此处会在以后系统的完善过程越加充实。基于开发本系统的时间比较短，开发能力有限，有些隐性的问题在测试的过程中还没有发现，希望通过用户反馈回来的信息，做出调整，及时修正错误、完善所需的功能。6 总结三个多月的毕业设计已经结束了，想想以前的日子，感触很深。本次设计中运用了好多课本中学到的知识，可是在实际应用中却发现大多只是了解了个大概，里实际运用还很远。温故而知新，通过本次设计让我不仅系统的学习了网站建设的基本流程与步骤，掌握了一定的建站经验，而且加深了对

33、书本中理论知识的的理解并在实际中得已运用。对网站的开发和知识的应用有了进一步的认识。致谢本次设计已近初步制作完成，达到了设计的初步要求，但还有许多不完善的地方，还需进一步的完善。在此非常感谢各位指导老师的指点，在一开始的开发中，我只是根据个人喜爱胡乱编排，经过老师指点我才认识到主题的重要性，才能顺利完成此次设计。另外还要感激一位网站制作前辈，走出校园的这段日子，我在他身旁学到了不少网站制作知识和社会经验。 参考文献1张龙卿、袁斌.初级PHP Apache MySQL网站设计M,出版地:电子工业出版社,2001.12李亚楠.精通PHP应用开发指南M,出版地:人民邮电出版社,2001.13薛忠胜、

34、石征.PHP高级编程M,出版地:机械工业出版社,2001.34杨克杰.PHP编程一百例M,出版地:高等教育出版社,2001.15 冯燕奎.PHP4.0与MySQL动态网站编程M,出版地:清华大学出版社， 2002.16 杨光、魏青.PHP与SQLSever2000架构WindowsWeb数据库实务M,出版地:国际工业出版社,2001.107 郑丰、杨建.PHP&MySQL商业网站架设实务M,出版地:中国铁道出版社，2001.18 甘登岱、王定、朱冬梅.Dreamweaver4.0可视化网页设计M，出版地: 清华大学出版社,2001.89 靳立强.Flash5网页动画设计M,出版地:中国电力出版

35、社,2001.1010 龚正伟、赵康.Photoshop6.0平面设计与网页制作M,出版地:电子工业出版社,2001.1The Design of the IT Technique Exchanges Community WebsiteAbstractAs the Web page can text, images, sound, animation, video and other media information on the integration, not only to make the information more vivid display, and browsing of

36、 information more convenient, and online resources Web page to achieve exchange exchange of information between users, so many individuals have building sites in order to enhance communication with others. IT Technical Exchange community site introduces information about Cisco and LINUX, with Dedecm

37、s5.5 + Dreamweaver8 set up user login module, press the module, a message board module, member registration module.This paper is how to build community website IT technology exchange point discussed, mainly discusses the exchange of IT technology community site construction plan of the main ideas and experience in the design process of the main points and difficulty.KeywordsCisco technology。Linux Technology。Dedecms5.5。APMServ5.2.6。Dreamweaver8