企业网站建立优势及界面设计毕业论文.doc 32页

'第3章开发环境企业网站建立优势及界面设计毕业论文目录第1章绪论11.1课题背景11.2公司企业网站建立优势11.3网站界面设计21.3.1网页界面构成要素21.3.2网页的整体造型3第二章需求分析12.1系统目标12.2功能描述12.3可行性研究22.3.1技术可行性分析22.3.2经济可行性分析2第三章开发环境33.1.NET简介33.2sqlserver200533.3数据库管理系统43.4B/S结构介绍6第四章系统分析设计74.1系统流程图74.2数据库分析84.3数据库E-R图94.4数据库表的设计10第五章系统功能实现135.1网站首页135.2公司介绍165.3诚聘英才175.4产品中心175.5咨询留言23第六章编码与测试26致谢27参考文献2832 第3章开发环境第1章绪论1.1课题背景在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。Internet飞速发展，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，倍受人们的重视。Internet是目前世界上最大的计算机互联网络，它遍布全球,将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。web的出现使Internet变为一种广泛使用的信息交互工具。Web的出现使网站数量和网络通信量呈指数规律增长。1、为了树立公司企业在网络上的形象，通过设计一个公司企业网站，以达到公司企业推荐、树立公司企业形象、展现公司企业文化的一个互动平台，公司企业网站为交流提供综合的网络环境，同时也为公司企业的宣传，发展，提供了一个平台。公司企业网站的迷人之处在于综合使用文本、图象等结合的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，web网站已成为最吸引人的也最有效的信息传递手段和方式。2、现在很多家庭都已经具备或者已经实现了家庭上网，通过公司企业网站，促进公司企业与访客、社会之间的沟通交流，方便互动。3、通过建立公司企业网站，可以大大推动公司员工在信息化环境下专业化发展以及提高公司的生产能力。本网站图文并茂、界面直观、操作简单，内容布局条理清楚，版面协调、统一，颜色鲜明、搭配合理，内容丰富、详尽。1.2公司企业网站建立优势1、随时获取和发布信息2、有助于提高工作效率，降低交易成本　32 第3章开发环境3、降低广告宣传费用4、提供全年每天24小时的宣传服务5、利用互连网扩大自己的知名度6、更快地了别人的需求1.3网站界面设计由于越来越多公司企业开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表公司企业的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。1.3.1网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成：1、文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。2、图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性。3、页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读。4、色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。5、多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素。6、技术：网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计32 第3章开发环境最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。1.3.2网页的整体造型网页的整体造型在整个制作中至关重要，一个杂乱无章的网页，给人第一印象极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以公司企业主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。第二章需求分析2.1.系统目标公司企业网站主要实现的功能：公司简介、诚聘英才、行业动态、产品中心、咨询留言以及后台管理等页面设计及功能。我们读书就是为了获得知识，现在我们学习了ASP.NET动态网页设计，当然就是要能做一个精美的网页。诚然，次此设计的公司企业网页，一方面是为了完成我们的毕业设计，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP.NET和Sqlserver2005的核心工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面，以达到老师要求的效果和学以致用。32 第3章开发环境2.2功能描述公司介绍：公司简介、公司荣誉、企业文化、联系我们等四部分构成，促使浏览者通过网站了解本公司的基本信息。诚聘英才：发布最新的招聘信息，为企业添加新的血脉，促进企业发展，壮大公司团队精英。新闻公告：通过发布公司内部新闻公告，让浏览者更多的了解公司信息，为公司发展做更好的广告宣传。行业动态：通过发布行业动态，让浏览者做到足不出户便知本公司所涉及行业的动态信息，方便、快捷、可靠性高。产品中心：使访问者了解公司产品信息，促进产品的宣传。咨询留言：在线互动发布留言，方便访问者与公司企业管理员间的交流。会员注册：访客进入系统，输入注册信息，提交系统，成为系统会员。会员登录：注册会员输入用户名、密码登录系统，只有成功登录系统后的会员才能发布留言信息，以及查看系统会员的留言详细信息和管理员回复信息。系统后台管理：通过管理员登录系统，实现注册会员信息管理，以及公司简介信息、诚聘英才、行业动态、产品中心、咨询留言等模块的信息数据维护，确保系统信息安全，为宣传公司做更优的准备。2.3可行性研究2.3.1技术可行性分析计算机的飞速发展，使得各种操作平台都越来越成熟。各种软件，编程语言都到了成熟的阶段。用现在的技术来实现计算机上的音像管理系统是绰绰有余。本系统用到的主要是管理软件与后台数据库的数据传送和处理2.3.2经济可行性分析一方面，系统中友好的人机界面和更强劲的功能支持，会使教务人员的工作进一步提高，从而节省人力、物力，进而提高经济效益；另一方面系统开发成本低，现有PC机即可提供该系统开发工作需要的所有硬件设备环境。本系统的开发工具采用的是开源MicrosoftVisualStudio2005；网页编辑方面使用MacromediaDreamweaver8,非常的实用方便；对于毕业设计来说，无需专门购置服务器，一般的普通学习用的电脑就可以了，SQLServerManagementStudio等软件都为系统的设计和开发提供了基础，所以本系统在经济上是可行的。32 第3章开发环境第三章开发环境3.1.NET简介.NET平台的基本模块有.NET框架(Framework)、公共语言运行时(CommonLanguageRuntime)、数据访问服务ADO.NET、ASP.NET表单(Form)和网络服务(WebService)等。.NET平台的设计目的是为了更方便的建立网络应用和网络服务,其基本模块间的关系如下页图3.1.1所示。从图5.1看出,CommonLanguageRuntime建立在操作系统之上,运行的是受控(Managed)代码,以便实现.NET跨平台、跨语言和代码安全等重要特性。ADO.NET是为数据访问服务而设计的,从ADO发展而来,ADO.NET是.NET平台中对数据库存取问题的解决方案,通过ManagedProvider提供的应用程序编程接口(API),可以访问各种数据源的数据。ManagedProvider是一个多层结构的无连接的编程模型,提供了DataSet和数据中心之间的联系Asp是ActiveServerPage的英文缩写。是微软开发的一种服务器端技术从字面上说，ASP包含三方面含义：1、Active：ASP使用了Microsoft的ActiveX技术。ActiveX（COM）技术是现在Microsoft软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。ASP本身封装了一些基本组件和常用组件，有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件，通过访问组件，你就可以快速、简易地建立自己的WEB应用。2、Server：ASP运行在服务器端。这样就不必担心浏览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和JSCRIPT。VBSCRIPT是VB的一个简集，会VB的人可以很方便的快速上手。然而Netscape浏览器不支持客户端的VBSCRIPT，所以最好不要在客户端使用VBSCRIPT。而在服务器端，则无需考虑浏览器的支持问题。Netscape浏览器也可以正常显示ASP页面。3、Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。浏览者查看页面源文件时，看到的是ASP生成的HTML代码，而不是ASP程序代码。这样就可以防止别人抄袭程序。3.2sqlserver2005SQLServer是Microsoft公司在原来和Sybase公司合作的基础上推出的一款面向高端的数据库系统。而SQLServer2000版本则是最新的、大型联机事务处理的新型数据库平台。它继承了SQL32 第3章开发环境Server以前版本的一些强大的优势，如简单易用、具有良好的稳定性和高效性等等。同时，它的功能比以前的版本更加32 第3章开发环境强大，界面更加友好。总之，无论是在功能、安全性、可维护性，还是在易操作性上都较以前版本有了长足的进步。SQLServer是一个关系数据库管理系统。它最初是由MicrosoftSybase和Ashton-Tate三家公司共同开发的，于1988年推出了第一个OS/2版本。在WindowsNT推出后，Microsoft与Sybase在SQLServer的开发上就分道扬镳了，Microsoft将SQLServer移植到WindowsNT系统上，专注于开发推广SQLServer的WindowsNT版本。从20世纪80年代后期开发SqlServer，到2005年底SqlServer2005的发布，Microsoft经历十几年的磨练，使SqlServer从无到有，从小到大，而且新一代SqlServer已经开始逐渐成为Windows操作系统未来的核心，成为主流数据库软件。SqlServer2005数据库引擎为关系型数据和结构化数据提供了更为安全的可靠的存储功能。可以构建和管理用于业务的高可用性和高性能的数据应用程序。其中数据库的建立与查询用到sql语句。SQL包括了所有对数据库的操作，主要是由4个部分组成：1、数据定义：这一部分又称为“SQLDDL”，定义数据库的逻辑结构，包括定义数据库、基本表、视图和索引4部分。2、数据操纵：这一部分又称为“SQLDML”，其中包括数据查询和数据更新两大类操作，其中数据更新又包括插入、删除和更新三种操作。3、数据控制：对用户访问数据的控制有基本表和视图的授权、完整性规则的描述，事务控制语句等。4、嵌入式SQL语言的使用规定：规定SQL语句在宿主语言的程序中使用的规则。3.3数据库管理系统数据库系统是一个多级结构，需要定义各级上的模式，这就需要一组软件提供相应的定义工具；数据库为了保证其中的数据安全和一致性，必须有一套软件来完成相应的控制和管理任务，这样的软件称为数据库管理系统，即DBMS。DBMS的功能随着系统而异，但是通常情况下都包括如下几个方面的功能：数据库描述功能：定义数据库的全局逻辑结构(概念模式)、局部逻辑的结构(外模式)以及其它各种数据库对象。数据库管理功能：包括系统控制、数据存储以及更新管理、数据安全性与一致性维护。数据库查询和操作功能：能从数据库中检索住处或者改变信息。32 第3章开发环境数据库建立与维护功能：包括数据写入、数据库重建、数据库结构维护、恢复以及系统性能监视等。如果以内容来划分DBMS的组成，它应该包括下面三个部分：1、数据描述语言(DDL)以及它的解释程序。2、数据操纵语言(DML)以及它的解释程序。3、数据库管理例行程序。数据库访问技术数据库是非常复杂的软件，编写程序通过某种数据库专用接口与其通信是非常复杂的工作，为此产生了数据库的客户访问技术，即数据库访问技术。数据库访问技术将数据库外部与其通信的过程抽象化，通过提供访问接口，简化了客户端访问数据库的过程。一个好的数据库访问接口就好象程序代码的放大镜。数据库访问接口图见图3-1客户代码数据库接口调用的数据库代码图3-1数据库访问接口目前供应商提供的数据库接口分专用和通用两种。专用数据库接口具有很大的局限性，可伸缩性也比较差。通用的数据库接口提供了与不同的、异构的数据库系统通信的统一接口，采用这种数据接口可以编写一段代码来实现对多种类型数据的复杂操作,如图三所示。目前Windows系统上常见的数据库接口包括：ODBC(开放数据库互连)MFC(Microsoft基础类)ODBC类DAO(数据访问对象)RDO(远程数据对象)OLEDB(对象链接嵌入数据库)32 第3章开发环境3.4B/S结构介绍B/S（Browser/Server）结构即浏览器和服务器结构。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过www浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层3-tier结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。局域网建立B/S结构的网络应用，并通过Internet/Intranet模式下数据库应用，相对易于把握、成本也是较低的。它是一次性到位的开发，能实现不同的人员，从不同的地点，以不同的接入方式（比如LAN,WAN,Internet/Intranet等）访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全。32 第4章系统分析设计第四章系统分析设计返回网站首页登录失败微信营销公司网站关闭后台管理界面诚聘英才行业动态首页公司介绍咨询留言产品中心管理登录系统后台管理输入登录用户信息成功登录后台管理模块验证公司介绍诚聘英才行业动态操作数据库数据库产品中心咨询留言密码更新退出系统新闻公告管理4.1系统流程图图4-1系统流程图32 第4章系统分析设计4.2数据库分析数据管理技术的发展，与硬件（主要是外存）、软件、计算机应用的范围有密切的联系。数据管理技术的发展经过三个阶段：人工管理阶段、文件系统阶段和数据库阶段。人工管理阶段和文件系统阶段都有着相当多的缺陷，诸如数据冗余性，数据不一致性以及数据联系弱等等。也正是由于这些原因，促使人们研究新的数据管理技术，从而产生了数据库技术。数据库阶段的特点1、减少数据的重复当在一个非数据库系统当中，每一个应用程序都有属于他们自己的文件，由于无法有系统建立的数据，因此常常会造成存储数据的重复与浪费。例如：在一家公司当中，人事管理程序与工资管理程序或许都会使用到职员与部门的信息或文件，而我们可以运用数据库的方法，把这两个文件整理起来，以减少多余的数据，过度地占用存储空间。2、避免数据的不一致本项的特色，可以说是延伸前项的一个特点，要说明这样的一个现象，我们可以从下面这个实例来看：若是在同一家公司当中，职员甲在策划部门工作，且职员甲的记录同时被存放在数据库的两个地方，而数据库管理系统却没有对这样重要的情况加以控制，当其中一条数据库被修改时，便会造成数据的不一致，但是，对于一个健全的数据库管理系统而言，将会对这样的情况加以控制，但有时并不需要刻意消除这种情形，应当视该数据库的需求与效率来决定。3、数据共享对于数据共享的意义，并不是只有针对数据库设计的应用程序，可以使用数据库中的数据，对于其他撰写好的应用程序，同样可以对相同数据库当中的数据进行处理，进而达到数据共享的目的。4、强化数据的标准化由数据库管理系统，对数据做出统筹性的管理，对于数据的格式与一些存储上的标准进行控制，如此一来，对于不同的环境的数据交换上将有很大的帮助，也能提高数据处理的效率。5、实践安全性的管理通过对数据库完整的权限控制，数据库管理者可以确认所有可供用户存取数据的合法途径渠道，并且可以事先对一些较重要或关键性的数据进行安全检查，以确保数据存取时，能够将任何不当损毁的情形降至最低。6、完整性的维护32 第4章系统分析设计所谓完整性的问题，就是要确认某条数据在数据库当中，是正确无误的。正如2所述，若是无法控制数据的不一致性，便会产生完整性不足的问题，所以，我们会发现，当数据重复性高的时候，数据不完整的情形也会增加，当然，若是数据库的功能完整，将会大大地提高数据完整性，也会增加数据库的维护能力与维护简便性。7、需求冲突会获得平衡在一个较大型的公司企业当中，用户不同的需求，往往会造成系统或数据库在设计上的困扰，但是一个合适的数据库系统，可以通过数据库管理员的管理，将会有效地整理各方面的信息，对于一些较重要的应用程序，可以适时地提供较快速的数据存取方法与格式，以平衡多个用户在需求上的冲突。4.3数据库E-R图管理员E-R图见图4-2管理员用户名登录密码图4-2管理员E-R图新闻文章列表E-R图见图4-3新闻、文章列表点击率文章分类更新日期作者名字是否有图片Id文章标题文章内容图4-3新闻文章列表E-R图32 第4章系统分析设计文本内容E-R图见图4-4文本内容标题具体内容图4-4文本内容E-R图留言咨询E-R图见图4-5留言咨询留言内容留言日期留言作者回复日期ID回复内容图4-5留言咨询E-R图4.4数据库表的设计下面是部分表的结构图，管理员表见图4-6图4-6Admin1管理员表字段名类型长度Admin_UserNameNvarchar50Admin_UserPassNvarchar5032 第4章系统分析设计文章内容表见图4-7图4-7NewsInfo文章内容表字段名类型长度N_TitleNvarchar100N_ContentTextN_imgurlNvarchar100Add_UNameNvarchar100N_TypeIDintClickCountintaddtimeDatetime回复表见图4-8图4-8ReNewsplayInfo回复表字段名类型长度NR_TypeIDIntNR_titleNvarchar100NR_Contentntextaddtimedatetime文本信息表见图4-9图4-9SystemINfo文本信息表字段名类型长度Sys_TypeInt50Sys_Title文本50Sys_ContentNtextaddtimedatetime5032 第4章系统分析设计注册会员表见图4-10图4-10Userinfo注册会员表字段名类型长度U_nameNvarchar20U_passNvarchar20U_truenameNvarchar50U_sexNvarchar50U_telNvarchar50U_emailNvarchar50U_addressNvarchar100addtimeDatetime32 第5章系统功能实现第五章系统功能实现5.1网站首页网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现网站的勃勃生气，利用ASP.NET与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。下面对网站的具体功能及实现做简单介绍。这是本网站的首页视图，包括LOGO图片，导航条。网站首页界面见图5-1图5-1公司企业网站首页根据网站的首页的导航条，可以点击进入各个模块浏览文章，管理员可以通过“后台管理”进入后台管理登陆系统进行操作,包括添加、删除、修改和更新文章及图片等。32 第5章系统功能实现后台登陆页面见图5-2图5-2后台登陆页面后台管理页面见图5-3图5-3后台管理页面系统通过创建数据库sql语句，从数据库中查询最新的公司企业新闻动态，并将依次显示新闻标题、访问浏览次数、以及更新日期。首页上还显示了部分公司企业概述和公司企业简介系统，通过修改Default.aspx页面，静态修改信息，做到动静结合。重点代码如下：protectedvoidPage_Load(objectsender,EventArgse){if(!Page.IsPostBack){//加载页面上的最新新闻动态32 第5章系统功能实现BindNews("3");}}//加载首页最新新闻动态privatevoidBindNews(stringtid){StringBuildersb=newStringBuilder();DataTabledt=Cls_Data.ExecuteQuerySql("selecttop6""asiid,a.id,a.n_title,a.n_content,a.N_imgurl,a.add_uid,a.add_Uname,a.N_typeid,a.clickcount,a.addtime,convert(nvarchar(10),a.addtime,120)asadddate,a.isok,a.orderid,isnull(b.num,0)ash_count,casewhenisnull(b.num,0)>0then"已回复"else"未回复"endasis_huifufromnewsinfoaleftjoin(selectcount(nr_nid)asnum,nr_nidfromNewsReplyInfogroupbynr_nid)bona.id=b.nr_nidwherea.isok=1anda.N_typeid="+tid);if(dt.Rows.Count>0){for(inti=0;i");sb.AppendLine("");sb.AppendLine(""+(dt.Rows[i]["n_title"].ToString().Length>15?dt.Rows[i]["n_title"].ToString().Substring(0,15):dt.Rows[i]["n_title"].ToString())+"(阅读："+dt.Rows[i]["clickcount"].ToString()+")");sb.AppendLine(""+dt.Rows[i]["adddate"].ToString().Replace("-",".")+"");sb.AppendLine("