“计算机网络技术”毕业综合课程设计论文-网站设计.doc

毕 业 设 计 (论 文)题 目： 网站设计 院 （系）： 成人教育学院 专 业： 计算机网络技术 学生姓名： 班 级： 20100187331 学 号： 2010018733101 指导教师： 2011年 04 月 27 日摘 要随着计算机网络通信技术和Interne的飞速发展，基于因特网的计算机网上远程教学已经开始成为一种全新的教学手段，并且越来越受到人们的关注。由于网上教学具有时效性、共享性、交互性和个别化等诸多特点，因此它有着传统教学模式无法比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，可以大大提高教学效率和教学效果，使教学活动上了一个新台阶。蓬勃兴起的网上教育以其全新的高科技教学手段为解决我国当前资源严重短缺而教育需求日益扩大的矛盾提供了一种投资少、见效快、优质高效的解决方案，它必将成为我国未来教育发展的重要方向。本文依据设计出来的计算机组成原理教学网站，做了全面系统的介绍。全文共四章，按照前期的开发顺序，从系统分析与研究开始，逐一对开发过程做了全面的介绍。在详细设计这一章中的系统实现部分省去了烦琐的程序代码，用比较直观易读的流程图来表示，增强了文章的可读性。关键字：信息系统 B/S 计算机组成原理 AbstractWith the computer network communication technology and the rapid development of Internet and Internet-based computer online distance learning has started to become a new teaching methods, and more and more peoples attention. As online teaching is time-sensitive, sharing, interactive and individual, and many other features, it has a traditional teaching mode incomparable advantages, it has created a new teaching model, breaking the traditional teaching model in terms of time, Space constraints on the use of advanced teaching methods and teaching methods, can greatly improve teaching efficiency and effectiveness of teaching, so that teaching and learning activities on a new level. The rise of online education flourishing in its new high-tech teaching methods to solve the current serious shortage of resources and educational needs of the growing contradictions provides a small investment, quick, quality and efficient solutions, it will become Chinas future education The important direction of development. This paper designed based on the principle of teaching computer site, and done a comprehensive and systematic introduction. The full text of a total of four chapters, in accordance with the development of pre-order, starting from system analysis and research, one by one of the development process to do a comprehensive introduction. In this chapter, the detailed design of the system to achieve some of eliminating the cumbersome procedure code, a more intuitive accessibility to the flow chart that enhance the readability of the article.Keyword：Information Systems B/S computer components Principle目录引 言11招聘就业网站发展现状21.1网络招聘的优势21.2当前网络招聘存在的问题31.3网络招聘技术和服务体系有待完善32系统开发相关技术32.1网页设计软件Dreamweaver32.2ASP简介42.3Access数据库简介42.3.1Access的优点42.3.2Access的缺点53招聘就业网站的分析与设计53.1网站风格定位53.1.1网站的主要功能63.1.2设计网页Logo63.1.3设计网页Banner63.2在Dreamweaver中制作表格结构页面63.2.1网站效果图设计63.2.2网页的布局73.3创建数据库73.3.1设计数据表结构83.3.2连接数据库93.3.3会员的注册93.4本地测试及上传发布93.4.1网站的本地测试93.4.2网站的上传发布93.5常见问题103.5.1在程序中的多表查询问题103.5.2数据库中多表间数据联系时的实现技巧103.5.3网站中会员面板的实现技巧104结 论11参考文献12致 谢13桂林电子科技大学毕业设计（论文）引 言近几年，由于世界金融风暴的影响，就业一直成为百姓所关注的话题，尤其是当今的大学生，毕业之后，第一个问题摆在大学生面前的就是就业1。根据当今的社会分析，社会当中倒不是没有职业，有很多职位等着人们去做，但是想找一个能够适合自己的工作，却是非常的困难。以往人们找工作，通过报纸，电视广告等一些媒体的传播或者是到招聘会上去，但是由于信息来源有限，找到一份合适自己的工作还是一个难以解决的问题。近年来，随着Internet的迅猛发展，网上相继出现各种以招聘为主体的网站，供给大众进行网络上找工作。例如无忧工作网、中华英才网、前程无忧、智联招聘、中华英才网等等。网站招聘之所以能在短时间内迅速被大众所接受，并且几乎成为了大家主要的找工作的一种媒介，就是因为它的便利性，足不出户就能找工作；而且网上的资源来源广泛，不用担心信息匮乏；在网路上找工作还会节省大量的时间2。所以，网络招聘在众多工作资源媒介当中占有举足轻重的地位。本文正是符合当今的网站需求，构建一个小型的招聘网站，不但能够迎合当今的社会网络发展步伐，而且对网络设计和动态网站能力的培养，也是相当有促进作用的。在构建招聘网站的过程当中，网站内容的前期设计是不可缺少的一项，本文中，首先会探讨到一些该网站的功能，简要的阐述一下网页的Logo设计和网页的Banner设计，因为网页的前台美观设计部分不属于该论文的探讨范围之内。在构建的主要内容，首先会涉及到数据表的结构设计3。之后，文章中会详细的介绍该招聘网站中的代码的编写内容，每一个细节环节都会被纳入之内。在整个网站完成设计之后，会有相关的测试工作，以便更加的使得网站的正常运营。在所有的工作完成之后，无论是设计者本人还是参与策划的工作人员，都会对动态网站的搭建有一个非常深刻的印象。这对今后的网站搭建工作是很有帮助的。文中会合理地运用ASP的相关语法、关键字的功能以便构建出相对完善的招聘网站。1 招聘就业网站发展现状据易观国际研究发现，2007年中国网络招聘市场全年营收规模达到9.096亿元，较2006年同比增长37。全国性的3家招聘网站：前程无忧、中华英才网、智联招聘分列网络招聘市场前三甲，市场份额分别是31.1、25.7、15.3。网络招聘市场集中度CR3为72.1，属于市场集中度较高的行业。同时，数据显示，截至2008年2季度，网络招聘的个人用户注册规模已经达到了10543万人，较今年第一季度增长16，较去年同期增长61，而招聘企业数同比增加31，达到了736万家4。 从以上的具体情况来看：前程无忧总体业务排名第一，简历库数量约有1900万；中华英才网位居第二，有效简历数突破1250份；而此前一直处于第三的智联招聘，2007年10月以后，覆盖用户数(注册并投放简历的应聘者)开始超过前程无忧，排名第一（艾瑞咨询）。另有资料显示，截至2008年7月，智联注册用户为3000万，简历库简历数量为2200万，每日增长超过4万封，活跃简历为810万份，活跃度约为25%。其用户中，本科背景的约占60，2000?4000月收入的比例为44%，其次是4000?6000月收入的约占34%。求职者所在行业排名中，IT服务领域占9%，随后是互联网/电子商务，为8%，加工制造为7%，房地产/建筑/装潢为6%，通讯为5%，其他医药、咨询、快速消费品、教育、广告公关均占4%5。但是，由于中国招聘网站尚处于发展阶段，赢利模式还不稳定，所以目前三大网站中除了前程无忧外，其他两家都纷纷出现亏损。Monster在二季度财报电话会议中称,“我们今年第二季度在中国的投资遭到了380万美元的损失,这个损失比我们的预期要高。”截至目前,Monster在中国的投资仅有中华英才网一项,共占中华英才网45%的股份。这意味着,二季度中华英才网的亏损额高达800多万美元。据了解,中华英才网去年全年亏损约960万美元,今年二季度的亏损额已经接近这个数字,这当然无法令Monster满意。除了巨亏的中华英才网,智联招聘的投资方澳大利亚网络招聘公司Seek也曾在财报中披露智联招聘巨额亏损的消息。2007年7月至12月的半年里,智联招聘税后亏损780万美元,比2006年同期亏损度增加95%。在线招聘的三强,三家中两家出现亏损,显现出这一市场的严峻态势6。1.1 网络招聘的优势网络招聘具有三大优势：(1).信息社会网络可以提供庞大的信息，不容置疑。(2).快捷方便，招聘者不用去招聘会劳神，求职者也可以不出家门轻松求职。(3).经济实惠，用人单位成本小，求职者也省钱。对于求职者来说逛网上的招聘会可以省去交通费和制作简历的费用，节约很大的成本7。1.2 当前网络招聘存在的问题(1).信息虚假。虚拟的网络世界给少数虚假信息提供了可乘之机，对求职者和招聘者双方来说，也都存在对虚假信息的担忧。有些网站为了吸引人气，往往会发布一些过期的职位或某些虚假信息，还有一些企业通过发布并不存在的职位来招聘销售人员，还有些企业则虚假抬高职位薪水8。(2).简历投出去就石沉大海，杳无音信。“投了好几十份简历了，都没有音信。”这种抱怨对于网上求职者来说已经习以为常，由于缺少与用人单位面对面的沟通，求职者在投递简历后很多都会陷入被动等待的状态，而且通常参加传统招聘会后求职者一周之内就能得到回音，而网上招聘会的等待期相对被延长了，经常是简历发出后数十天才接到反馈，有些甚至石沉大海9。1.3 网络招聘技术和服务体系有待完善网络招聘并不是简单地把招聘信息搬上网，“一挂”了事。除了具备必要的技术实力以外，招聘网站还必须对人力资源有深刻的理解，需要有较强的市场策划与推广能力，以吸引更多的应聘者。然而目前大多数招聘网站在深层次的服务上还很薄弱，对人才市场的分析、市场供求倾向、薪资水平、相关人事制度变化等方面的咨询服务也十分有限。网络招聘的服务体系还处于初步发展阶段，需要进一步发展改进。2 系统开发相关技术2.1 网页设计软件DreamweaverDreamweaver是一个功能强大的网页设计工具，有着方便实用的工具和所见即所得的排版功能，见面十分友好，使用方便。在不需要掌握HTML语言的情况下，即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能和代码染色功能可以有效地帮助用户编写和调试各种代码。借助于Dreamweaver可以快速方便地开发出各种动态或静态网站9。2.2 ASP简介ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序10。 2.3 Access数据库简介Microsoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。Access能够存取 Access/Jet、Microsoft SQL Server、Oracle(甲骨文软件公司)，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。虽然它支援部份面向对象（OO）技术，但是未能成为一种完整的面向对象开发工具11。12.3.1 Access的优点（1）存储方式单一 Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。 （2）面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。 （3）界面友好、易操作 Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 （4）集成环境、处理多种数据信息 Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。 （5）Access支持ODBC（开发数据库互连，Open Data Base Connectivity）。利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用12。2.3.2 Access的缺点ACCESS是小型数据库，既然是小型就有他根本的局限性，以下几种情况下数据库基本上会吃不消：（1）数据库过大，一般ACCESS数据库达到50M左右的时候性能会急剧下降。（2）网站访问频繁，经常达到100人左右的在线。（3）记录数过多，一般记录数达到10万条左右的时候性能就会急剧下降13。1.2.3 招聘就业网站的分析与设计3.1 网站风格定位在设计网站之前，需要对网站有一个整体的定位。网站的定位包括确定网站功能、规划网站效果、网站的Logo与Banner设计等工作。.3.1.1 网站的主要功能在进行网站的设计之前，需要对网站的风格与功能进行定位。整个网站的设计需要按照这个定位来进行。一个招聘求职网站，应该是一个专业应用型网站。所面对的对象，应该是企业的招聘者与求职的会员。所以，网站的风格应该是清新自然的颜色与大众化企业化的网站内容，使用太个性的颜色与风格是不能很好发挥控制的。招聘求职网站的功能，应该围绕招聘与求职来进行。针对的对象分别是企业与会员。这两方面的功能都需要通过编号设计出强大的功能。3.1.2 设计网页Logo网站的Logo是一个网站的标志，在各种场合都需要使用到网站的Logo。一个求职招聘网站设计出一个有创意的Logo作为网站的品牌标识。网站的Logo首先要突出网站的功能，让用户一看到这个Logo就可以联想到网站求职招聘的功能。其次，网站的Logo需要有鲜明的色彩与内容。在很多Logo连接中，能够吸引用户的注意并单击这个Logo连接。3.1.3 设计网页Banner求职网站的Banner就是网站中的动画。这些内容需要体现网站中的内容与网站主要开展的特色活动。网站所有的广告中，首页的广告是最重要的，需要美观大方。网站中的Banner需要体现出“眼球效应”。可以做成动画的形式，以动态的效果吸引用户的注意力。如果是静态图片需要使用鲜明的颜色与内容。3.2 在Dreamweaver中制作表格结构页面在制作动态网站之前，需要制作出网站的效果图，并用Fireworks切片与优化，导出为网页。然后用Dreamweaver进行网页的布局与排版。 网站效果图设计在进行网站设计之前，需要制作网站的效果图。网站的效果图就是对网站的风格、内容、基本布局进行统一规划与定位。如果只在Dreamweaver中进行网页排版，没有一个整体规划，是很难排版出美观的网页的。求职招聘的网站，颜色应该清淡自然，不易使用过于隆重的颜色。网站的内容以表现企业招聘信息与个人求职信息为主，而不是表现出网站中出色的个性色彩与美术效果。网站的主色调，可以使用感觉清淡的白色或淡蓝色。网站中的图片，可以搭配蓝色、深红色、灰色等。网站中的广告、图片等需要考虑到颜色的搭配。清淡的网页中搭配一些较深的颜色可以表现出很好的视觉效果与对比效果。在网站的效果图中，需要考虑到网站的Logo的布局、大小与相对应布局的颜色关系等。在效果图中很好把握网站的整体颜色和布局效果。网站的主色调，可以使用感觉清淡的白色或淡蓝色。网站中的图片，可以搭配蓝色、深红色、灰色等。网站中的广告、图片等需要考虑到颜色的搭配。清淡的网页中搭配一些较深的颜色可以表现出很好的视觉对比效果。在网站的效果图中，需要考虑到网站Logo的布局、大小与相应的布局颜色关系等。在效果图中很好把握网站的整体颜色与布局效果。完成网站的效果图之后，需要使用Fireworks对效果图进行切割和优化，然后导出为网页。. 网页的布局网站的效果图导出为网页之后，需要使用Dreamweaver对网页进行布局与排版。在这个过程中，参照效果图中的网页布局与效果，用Dreamweaver的相关工具，在网页中排版出这些效果。在进行排版时，需要考虑到进行网站编程时的方便性。动态网站的内容是通过程序动态形成的，进行的布局设计要有利于网站程序的编写。除了对首页布局与排版之外，还需要对网站中的其他重要网页进行设计与布局排版。3.3 创建数据库招聘求职网站中的数据内容比较复杂，有企业会员、个人会员、招聘信息、求职信息、招聘会信息、网站新闻等数据内容。这些数据有很强的逻辑关系。因此，在设计这个网站之是需要详细分析每类数据和其他数据的逻辑关系，画出这些数据的关系图。根据这些关系合理的设置不同表的字段，建立这些数据表。.3.3.1 设计数据表结构在这个网站中，可能有的数据内容如下。企业会员信息：记录已经注册的企业会员，包括各种企业信息。企业招聘信息：企业会员发送的招聘信息，与企业会员有逻辑关系。个人会员信息：个人会员注册信息，详细记录个人求职的信息和个人资料，可以根据这些信息生成个人简历。个人会员向企业发送的简历：个人会员查看招聘信息以后向此招聘信息发送招聘简历，和个人会员、企业会员、企业招聘信息有逻辑联系。网站公告信息：网站的各种公告和新闻信息，这些信息由管理员管理。招聘会信息：网站管理员发布的招聘会信息。网站管理员信息：网站管理员的登录信息，实现网站的权限管理。有了这些数据之后，即可设计数据库的表。在设计数据表时，需要根据数据实际需要设置各个数据的字段和字段的数据类型。表t_com用来保存企业用户的注册信息。表中的字段如下表3.1所示。表3.1 数据库表t_com的字段Table 4.1 database table fields t_com字段名数据类型字段长度保存数据内容idusenamePasswordComnameTelAddressEmailTouchWebsiteCom_infoCom_categoryAddtimeHitsLastlogin自动编号文本文本文本文本文本文本文本文本备注文本文本整型文本5050503080403040405050自动编号用户名登录口令公司名称联系电话公司地址电子邮箱联系人企业网站企业简介企业性质注册时间登陆次数最后登录时间3.3.2 连接数据库在数据库连接文件中，需要把SERVER.MAPPATH(DATABASE/data.MDB)中的数据库路径改为网站的实际数据库路径，然后将这个文件保存为conn.asp。使用数据库链接网页只需要包含这个文件。3.3.3 会员的注册招聘求职类网站，为了加强权限的管理和增强会员的功能，需要制作会员注册功能。会员注册并登陆以后，才可以使用网站的某些功能。在会员注册功能中，可以把个人会员与企业会员存放在同一个表中，同一个字段区分是个人会员还是企业会员。这个表中还存放会员的联系方式等基本信息。需要有一个字段来表示会员的权限级别。用户在填写好注册信息之后，单击提交按钮，将把这个网页的注册信息发送到会员注册保存的网页。在保存会员时，需要验证这个会员的名称是不是已经被占用，验证会员名和口令是不是有效。如果出现无效字段，则会转跳到出错页面，并提示出错原因。3.4 本地测试及上传发布网站完成设计之后，需要在本地进行网站测试。完成本地测试、修改网站的程序错误、对网站的内容与程序再次完善后，需要把网站上传到服务器运行。3.4.1 网站的本地测试网站的本地测试包括数据测试与网站内容完善两个方面，分别完成网站程序与网站内容方面的不同测试。这是网站设计不可缺少的一部分。网站进行各种程序设计时，并没有完全针对用户的情况输入数据进行测试。这样的程序在设计时可以运行，但在用户使用时，可能因为不正确的数据输入，或者程序设计时没有考虑到的数据输入情况产生错误。这就需要在网站完成以后，针对用户可能的数据输入情况，输入各种数据进行测试。在网站完成以后，需要对网站的内容、功能，美工等设计进行一次评价。分析各个模块的功能，对未完成或完成得不够理想的内容进行再次完善或修改。3.4.2 网站的上传发布完成了网站设计与调试之后，需要把网站发布到服务器上运行给用户访问。对于完成以后的网站，发布工作就是将网站的所有文件上传到网站空间中。可以使用Dreamweaver CS3自带的FTP上传功能或者是专业队 FTP上传工具进行上传文件。3.5 常见问题在招聘求职这种企业级的应用网站中，对数据库查询、用户界面、用户注册与管理功能的设计，需要有一定的工作经验与技巧，需要学习同行业中比较成熟的网站。3.5.1 在程序中的多表查询问题在网站中，数据是通过从数据库中查询生成的。但在实际操作时，在一个表中查询并不能生成所有的数据。在进行数据查询时，在没有完成数据输出与数据处理的情况下，需要运用这个查询结果进行另一次查询。而前一次查询并不能关闭。这就是程序中的多次查询或多表查询问题。3.5.2 数据库中多表间数据联系时的实现技巧在数据库中，不同表之间的数据常常有着一定的逻辑关系。这种逻辑关系需要通过一定的数据联系起来，实际的处理方式是在一个表中使用自动编号。数据库中自动编号数据类型在一列中是唯一的，这就可以保证所记录的值可以标识唯一的一条数据记录。在使用这些有逻辑联系的数据时，可以采用多次查询或者多表连接查询的方法实现。3.5.3 网