高职门户网站设计与实现

目录内容摘要…………………………………………………………………………1Abstract…………………………………………………………………………1一、概述…………………………………………………………………………2二、高职门户网站需求分析……………………………………………………3（一）网站用户需求分析………………………………………………………3（二）网站功能需求分析………………………………………………………3（三）网站可行性分析…………………………………………………………3三、高职门户网站设计与实现…………………………………………………4（一）网站整理设计……………………………………………………………4（二）后台数据设计……………………………………………………………5（三）网页界面设计……………………………………………………………7（四）网站关键部分的代码开发与实现………………………………………10四、结束语………………………………………………………………………15参考文献…………………………………………………………………………16致谢………………………………………………………………………………171内容摘要：本文围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码几个阶段进行毕业设计论文的编写。需求分析中，从用户的角度，分析了所设计的网站需要实现哪些基本功能；网站的主要功能分为新闻、下载、友情链接、网上调查，图片几大模块。在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架；数据库的设计主要考虑各程序模块的基本功能，设计相应的表格、字段，用来存贮相应的数据记录，为页面的生成提供数据来源。在编码阶段，进行具体网页的编码设计。在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。关键字：门户网站，设计，数据库ABSTRACT：Thetextualdescriptionisaroundhowtorealizestheperfectwebsiteofafunctionproceedstolaunch.Accordingtotherequestofthisgraduatedesign,primarilyanalyzefromtheviabilityassessment,analysisofneed,totaldesign,detaileddesign,codedesign,testthisfivestagetoproceedthisgraduatedesign.Immediatelyafteranalyzetheinsideintheneed,accordingtothecustomer'sangle,analyzedbasicfunctionsofwhichdemandinwebsitefordesigningofrealizeses;Thewebsite'smainfunctionisprimarilydividedwiththenews,forums,messagetheguestbook,netinvestigate,amusement.Themissionofthedetaileddesignstageistoembodythesolutionmethod.Intheresultofthetotalanalysisofdetaileddesignstage,basis,proceedthebuildupoftheconcretepageiswiththedesignofconstructiondatabase.Pageforcontactforofbuildupprimarilyis°wh2ichdesignwebpaging,atthesametimeaccordingtothesecontactsrealizingbasicfunctionofwebpage;Maineachproceduremoldofconsiderationofthedatabase'sdesignpieceform,wordforofbasicfunction,designcowgirlsegment,usetocomethedataofcowgirltherecord,forthepageofbornprovidethedatasource.Inthecodingstage,proceedthecodingdesignoftheconcretewebpage.Inthedesign,accordingtothewebpage'sprocedurethedataetc.oftheinterface,formandlist,demand,writeoutactualofprocedurecode.Becauseofthepageofthisdesigncodingtechniqueforpageforcodeformanyly,impossiblewholeamountgroundwritingallproceduresofs。Keyword：portalswebsite，design，database一、概述随着互联网技术的发展,门户已成为IT及其他行业经常提及的概念之一。所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。高校门户网站是高校进行信息发布、业务拓展、‘客户服务、内部沟通、形象展示的重要网络平台。成功的高校门户网站应该是信息技术、艺术与文化的有机组合;其结构组织、页面风格、层级关系等都必须表现其明确的主体;更应该成为外界通过Internet了解学校的一个重要窗口,成为访问者与学校之间的一座桥梁,学校的风貌、成果、影响力都能通过门户网站体现出来。3二、高职门户网站需求分析（一）网站用户需求分析高职在线网站是一个中小型网站，可以为各类用户提供方便的发贴、评论、交流的平台，符合目前国内流行的网站模式。用户可以在系统中实现发表新贴子、进行贴子评论、修改用户资料以及浏览用户资料等功能；管理员可以通过多种操作功能来对网站进行维护更新。1、登录系统：用户成为会员进行发贴。2、基本信息：用户的基本信息及查看信息。3、贴子管理：已发贴子及评论的管理。4、显示贴子作者：即显示发贴者的用户名。5、阅读回复信息：显示贴子的浏览次数及回复次数6、修改系统：修改用户的个人信息。（二）网站功能需求分析高职门户网站主要进行的校/院务管理和教育活动，对外开展公众教育服务新平台。其主要手段是充分利用网络信息技术和通信技术，在整合与开发各类管理系统的基础之上，实现信息资源共享。为了准确把握功能定位。在高职门户网站建设过程中应把握以下个方面1、管理系统高度集成2、管理主客体互动3、院系网络资源共享4、网站建设应坚持“网站与后台数据库同行”（三）网站可行性分析1、技术可行性分析在制作高职门户网站的过程中需要考虑到技术可行性的问题，对制作人员一般要求要掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash等等）。42、操作可行性分析本作品操作简单、界面简洁清晰,对于那些有一般计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如:InternetExplorer)综和以上方面，本网站具有很高的可开行性，无论是从技术方面还是操作方面都是可行的三、高职门户网站设计与实现（一）网站整理设计1、网站设计原则1）先进性门户网站的设计首先应确立先进的理念和设计思路。要将院系的办学特色与个性充分融入平台，使之具备文化理念上的先进性；其次技术上立足于先进技术，采用电子签名，电子信息交换，安全屏障等先进技术。2）实用性门户网站设计的首要目的就是为了教学。为用户提供一个高效，便捷，公开的管理平台。平台的实用性是平台设计与建设价值的最根本的体现3）扩展性高职门户具有巨大的管理潜力和空间，由于信息技术的发展速度很快，无法确切预计平台使用的具体功能和最佳的管理运动模式。因此，系统设计必须具有很强的可扩展性2、安全性设计校园门户是一个标准开放的网络平台，在网上进行各种管理，服务和教学活动，随时可能面对黑客的攻击和病毒的侵袭。因此，确保网上信息流通的系统安全十分重要。平台设计安全性主要包括两个方面：一方面是技术上的安全保障。应具有安全高效的通信机制，采用网络监控的技术和电子开关技术。软硬件结合的身份认证以及加密技术等，以及解决信息系统的安全性，保密性问题，防止信息泄密和病毒对保密信息的非法侵入。另一方面是系统的管理，法律法规，安全管理制度等的保障。制定相应的ID文5件管理，用户密码管理，管理职员职责等安全制度。为平台的使用提供安全的环境。3、整理风格设计整体风格方案整体风格一致用户的交互体验性较好色彩协调，页面美观页面元素制作美观实用配色方案设计主要以淡绿色为主，因为绿色可以提供一个深远、广阔、平静的空间某些地方混入白色，给人洁净的感觉文字主要以黑色为主调（二）后台数据库设计该系统中主要有四张数据表，其中，UserInfo表应用于用户登录系统，判断用户是否存在、用户名和密码是否匹配以及注册时判断用户是否已经注册；而images图片表主要用于上传图片时记录图片的信息，以此用于图片的展示；message表主要是用于记录留言板的信息，以此展示留言板的信息。新闻信息表主要是存放站内相关新闻信息，如学院介绍，新闻，动态，站内公告等。表1UserInfo表字段名数据类型字段大小是否为索引字段含义备注userid文本10是用户编号学生用学号老师用教工号username文本20否用户名userpwd文本20否密码usekind数字字节否用户类型编号1为老师，2为学生6Sex文本男/女否性别class文本20否班级主要针对学生表2images图片表字段名数据类型字段大小是否为索引字段含义备注ID数字字节是图片编号Myname文本长整型否图片名称Img文本长整型否缩略图Imgb文本长整型否原图Addtime日期/时间否上传时间表3message表字段名数据类型字段大小是否为索引字段含义备注ID数字字节是留言编号Myname文本长整型否留言人Mysubject文本长整型否留言题目mycontent备注否留言内容Myreply备注否留言回复Addtime日期/时间否留言时间Replytime日期/时间否恢复时间表4新闻信息表字段名数据类型字段大小是否为索引字段含义备注ID数字字节是留言编号Title文本字符型否新闻标题Content文本长整型否新闻内容IssueDate备注否发表日期7Type备注否新闻类型（三）网页界面设计1、站点设计打开Dreamweaver8→站点→新建站点；进入【站点定义】窗口，点击【高级】选项卡进入【本地信息】分类窗口分别输入：站点名称：高职在线本地根文件夹：C:\DocumentsandSettings\Administrator\桌面\毕业设计进入【测试服务器】窗口，分别选择服务器模型：无访问：无点击【确定】按钮完成站点设置。完成后右下角的站点窗口会显示一个新的站点（如图1）2、版块设计本网站主要是服务于高职院学生，对高职院最新动态能及时的了解。而且用户可注册，登陆，直接浏览该网站的所有内容内容包括：首页、校园新闻、学院概况、在线辅导、学子风采、招生就业、实验中心、在线资源、高职博雅、计算机协会、8桂苑知行报板等十一个主要版块。板块结构登录系统的布局3、首页版块该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的十个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。另外由于本网站新增留言板、在线自动排版工具、用户帮助中心等等实用性版块，协助用户解决一些时常出现的问题。910首页的布局（