计算机应用技术毕业论.doc

浙江建设职业技术学院 毕业设计（报告） 论论 文文 题题 目目 北京中阳数码科技有限公司门户设计北京中阳数码科技有限公司门户设计 专专 业业 计算机技术与应用计算机技术与应用 班班 级级 计算机计算机 0707 姓姓 名名 指导教师指导教师 2010 年 05 月 26 日 毕业设计报告独创性声明毕业设计报告独创性声明 本人郑重声明：所呈交的毕业设计报告是本人在导师指导下进 行的研究工作及取得的研究成果。除了文中特别加以标注和致谢的 地方外，报告中不包含其他人已经发表或撰写过的研究成果，也不 包含为获得任何教育机构的学位或证书而使用过的材料。对本文的 研究做出贡献的个人和集体均已在报告中作了明确说明并表示谢意。 毕业设计报告与资料若有不实之处，本人承担一切责任。 签名： 年 月 日 关于毕业设计报告使用授权的说明关于毕业设计报告使用授权的说明 本人完全了解浙江建设职业技术学院有关保留、使用毕业设计 报告的规定，即：学校有权保留送交毕业设计报告的复印件，允许 报告被查阅和借阅；学校可以公布报告的全部或部分内容，可以采 用影印、缩印或其他复制手段保存报告。 学生签名： 导师签名： 年 月 日 北京中阳数码科技有限公司门户设计目录 目目 录录 第一章 绪 论 .1 1.1 设计背景 .1 1.2 设计工具及技术 .1 1.2.1 Dramweaver 简介 2 1.2.2 ASP 技术简介 .2 1.2.3 IIS 技术简介 .4 1.2.4 Access 简介 4 1.2.5 ASP 运行环境 .5 第二章 需求分析 6 2.1 总体需求分析 .6 2.2 核心功能分析 .7 2.3 预期目的 .7 第三章 系统设计 8 3.1 网站总体设计 .8 3.1.1 网站首页 .8 3.1.2 公司简介 .8 3.1.3 后台管理 .8 3.2 数据库技术 .9 3.2.1 数据库选择 9 3.2.2 数据表设计 .11 3.2.3 连接数据库代码 .12 3.3 核心模块设计 .12 第四章 网站的实现 .15 4.1 主界面设计 15 4.1.1 首页 15 北京中阳数码科技有限公司门户设计目录 I 4.1.2 公司简介 16 4.1.3 新闻中心 16 4.1.4 推荐商品 17 4.1.5 产品展示 17 4.1.6 留言反馈 18 4.1.7 招聘信息 18 4.1.8 服务与承诺 19 4.2 后台管理界面设计 19 4.2.1 后台管理界面 19 4.2.2 后台管理界面 20 4.2.3 后台退出界面 20 第五章 总结与展望 .21 参考文献 .22 致 谢 .23 附录 .24 北京中阳数码科技有限公司门户设计摘要 II 摘 要 互联网技术的迅速发展，使网络已逐渐深入人心，更是成为继报刊、电视、广 播等传媒体之后而兴起的一新的传媒介质，网络宣传已成为众多宣传手段的重中之 重，各种各样的网站也将应运而生：为宣传企业而制作的公司网站、可进行网上购 物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，还有 学校、团体、个人等等的打个小的网站，充斥这我们的事业，满足这我们的需要。 网站的规划与建设，已悄然被许多人摆到了首要的迫在眉睫的位置上。现在的企业， 如果仍然依靠传统的方式宣传自己企业的形象和文化、采购自己企业所需的原材料 和配套部件、推销自己企业的产品，则显得十分落后而且难以适应激烈的市场竞争。 因此，当代企业纷纷建立自己的网站，借助于互联网快速的信息传递加速自身的发 展。 北京中阳数码科技有限公司网站主要开发以产品展示为主，运用到了 ASP，Dreamweaver，Flash，Photoshop，frontpage 等编程工具结合 ACCESS 数据库 建成动态效果的网站。 关键词：ASP;Access;Web Service 北京中阳数码科技有限公司门户设计 第一章 绪论 第 0 页 共 30 页 第一章 绪 论 1.1 设计背景 随着中国的入世和国际互联网使用的迅速普及，企业建立网站已成为和商标注 册同样重要的大事。由于因特网具有传播信息容量极大、形态多样、迅速方便、全 球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的大学和社会 其他部门都已经建立了网站，通过计算机网络实现宣传、交流及资源的整合。所以 企业要想树立自己的形象和加快发展的步伐，一个好的网站是不可缺少的。 北京中阳数码科技有限公司网站会给公司带来的效益有： 网站是公司的“商标”。 在这个高度信息化的社会里，建立自己网站是最直接 的宣传手段。网站的超时空特性，不仅能让地区内的人们了解企业，更可让世界 了解公司。 提升公司形象。公司网站的建立可以为公司树立公司良好的形象，提高公司层次。 无论是从互联网上还是通过传统方式与客户接触，拥有网站的您当然比还没有建 立网站的企业更具竞争力，是否拥有网站亦是一种公司实力的象征。 宣传公司服务内容。国际互联网作为一个信息传播的媒介，能够充分的为 您宣传企业和产品。在全世界任何一个地点，在任何时间，您的公司和产 品都能够吸引客户的眼球。这与您在报纸上刊登通栏广告的效果和费用相 比，具有无法比拟的优势 北京中阳数码科技有限公司网站的建立，使公司的工作方式,效率发生改 变,为宣传公司起到一个促进作用,同时可以成为一个与客户交流的平台, 是客户对公司信誉的提高的途径之一。 1.2 设计工具及技术 本设计 的主要任务是在线 浏览 网站 的设计与实现 ，整个 网站 的设计工 作主要 分三 大步进行，首先是相关资料的收集和与相关人员的沟通和交流， 随后是网站的实质性设计，最后是网站的测试工作。整个工作从4月中旬 开始，至 5月底基本结束。网站的图片资料及其各种信息都有北京中阳科 北京中阳数码科技有限公司门户设计 第一章 绪论 第 1 页 共 30 页 技有限公司提供 ，网站的网页主要由Dream weaver8.0结合 ASP技术 设计， 以Flash8.0为辅助作图工具，其中后台数据库为 Access 2003，ASP网页和 数据库的链接采用 VBScript脚本语言，整个系统以Windows XP+IIS作为 Web服务器。 在这个 网站 中,我对 网站 的要求进行了详细的研究,并查阅了大量的资 料,然后提出了设计方案。系统分为前台和后台两部分,前台主要作用是 图片 、用户注册、登陆、搜索 等。后台主要作用是用户管理、信息管理。 采用动态网页及数据库相结合的方法来进行设计,鉴于 ASP在设计动态网页 上的优势地位及其对数据库的良好支持,因此选择它来制作动态页面。 1.2.1 Dramweaver 简介 创建网页的工具有很多，最原始的如记事本，还有微软公司的 Frontpage，等等。在本网站设计过程中，所用到的是Macromedia 公司 的 Dreamweaver。使用 Dreamweaver 这一网页编辑器，省去了很多代码的编 写工作，使得设计者不必编写HTML 代码，便可以制作出精美的网页。 Macromedia Dreamweaver是一款优秀的 “所见即所得 ”的网页编辑器， Dreamweaver的可视化特征使用户可以直接在页面上添加和编辑元素，而不用 写一行代码。例如通过鼠标拖曳来添加图像、表格等元素，在文档中直接输入 输入文本，还有直接插入一些常用的符号和对象等等。我们在没有输入代码的 情况下完成了这些工作，Dreamweaver自动将结果转换为 HTML源代码，在 代码视图中进行修改，这点是为专业人士考虑的，同时也方便初学者学习掌握 HTML语言。 1.2.2 ASP 技术简介 ASP（active Server Pages ）是微软公司推出的一种用以取代 CGI（comman Gateway interface）的技术。简单讲，ASP 是位于服务器端的脚本运行环境，通过 这种环境，用户可以以创建和运行动态的、交互式的 WEB 应用程序，如交互式的动 态网页，包括使用 html 表单收集和处理信息、上传与下载文件等4。 ASP 工作原理,如图 1-1 所示 北京中阳数码科技有限公司门户设计 第一章 绪论 第 2 页 共 30 页 图 1-1 ASP 工作原理图 ASP 内含于 IIS（microsoft internet information server）4.0 和 5.0 之中。 有了 ASP，就不必担心客户浏览器是否能运行你所编写的代码，因为所有的程序都将 在服务器执行，包括所有嵌在普通 html 中的脚本程序。当程序执行完毕后，服务器 仅将执行的结果返回客户浏览器，这样就减轻了客户浏览器的负担，大大提高了信 息交互速度。 作为 IIS 环境下开发 WEB 应用的一种简单、方便的编程工具，ASP 具有如下特点： 使用 VBScript FavaScript 等简单易懂的脚本语言，结合 html 代码，可快速完 成网站应用程序的开发；容易编写，无须编译，可在服务器直接执行； 使用普通的文本编辑器，如 windows 的记事本，即可进行编辑； 与浏览器无关，只要客户端浏览器能够执行 html 代码，就可以浏览 ASP 设计的 网页内容。ASP 所使用的脚本语言均在 WEB 服务器执行，客户端的浏览器不需要 能够执行这些脚本语言。 ASP 能与任何 Activex Scripting 语言相兼容，除了可以使用 VBScript 或 JavaScript 脚本语言来设计外，还可以通过 plug-in 的方式，使用由第三方所 提供的其他脚本语言，例如 rexx,perl ,tcl 等，脚本引擎是自理脚本程序的 com 组件； ASP 的源程序不会被传到客户浏览器，因而可以避免源程序被剽窃，从而提高了 程序 的安全性； 可使用服务器端的脚本来产生客户端的脚本； Activex服务器组件具有无限可扩充性，可以使用VisualBasic, Java, Visual C+, COBOL等编程语言来编写所需的Activex服务器组件。 北京中阳数码科技有限公司门户设计 第一章 绪论 第 3 页 共 30 页 1.2.3 IIS 技术简介 因特网信息服务器 IIS（Internet Information Server）是 Microsoft公司的一种集成了多种internet服务（ WWW服务、 FTP服务）的 服务器软件，利用它，可以很容易的构造Web站点。由于同一家公司的产品， IIS和WindowsXP/2000紧密地集成在一起，可以充分利用WindowsXP/2000 的多种功能，其安全机制也以WindowsXP/2000的NTFS安全机制为基础，因 此可以实现用 IIS构建 Web站点的安全性。 1.2.4 Access 简介 Microsoft Office Access是由 微软 发布的关联式 数据库管理系统 。 它结合了 Microsoft Jet Database Engine 和 图形用户界面 两项特点， 是 Microsoft Office的成员之一。其实 Access 也是微软公司另一个通讯 程序的名字，想与 ProComm 以及其他类似程序来竞争。可是事后微软证实 这是个失败计划，并且将它中止。数年后他们把名字重新命名于数据库软件。 另外， Access还是 c语言 的一个函数名和一种交换机 的主干道模式。 Access的优点 存储方式单一 ，Access管理的对象有表、查询、窗体、报表、页、宏和 模块，以上对象都存放在后缀为（.mdb）的 数据库文件 种，便于用户 的操作和管理。 (2)面向对象 ，Access是一个面向对象的开发工具，利用面向对象的方式 将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类 对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都 定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给 对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理， 极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使 得开发应用程序更为简便。 界面友好、易操作 ：Access是一个可视化工具，是风格与Windows完 全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直 观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向 北京中阳数码科技有限公司门户设计 第一章 绪论 第 4 页 共 30 页 导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容 易使用和掌握。 集成环境、处理多种数据信息，Access基于 Windows操作系统下的集成 开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员 的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、 报表打印等可以方便有序地进行。 Access支持 ODBC（开发数据库互连，Open Data Base Connectivity），利用 Access强大的 DDE（动态数据交换）和OLE（对 象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、 Excel表格、 Word文档，还可以建立动态的数据库报表和窗体等。 Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数 据库访问页对象生成HTML文件，轻松构建 Internet/Intranet的应用。 Access的缺点 ACCESS是小型数据库，既然是小型就有他根本的局限性，以下几种情况下 数据库基本上会吃不消： 数据库过大，一般 ACCESS数据库 达到 50M左右的时候性能会急剧下降！ 网站访问频繁，经常达到100人左右的在线。 记录数过多，一般记录数达到10万条左右的时候性能就会急剧下降！ 1.2.5 ASP 运行环境 ASP 需要运行在 PWS 或 IIS 下。PWS 或 IIS 服务在 windows98 或 windows2000 的 光盘上附带着，可以通过“添加/删除程序”中的“添加/删除 windows 组件”来安 装。 一般 ASP 需与 Access 数据库或 SQL Server 数据库结合使用，编出功能强大的 程序。 能够运行 ASP 的 web 服务器软件 Windows2000 默认安装的是 IIS5。0(internet information server)，而 windows xp 默认安装的是 IIS5。1，windows 2003 默认 安装的 IIS6。0。 北京中阳数码科技有限公司门户设计 第一章 绪论 第 5 页 共 30 页 PWS(personal web server)运行在 windows98环境下的简单个人网页服务器。 北京中阳数码科技有限公司门户设计 第二章 需求分析 第 0 页 共 30 页 第二章 需求分析 2.1 总体需求分析 本企业网站是公司重要的对外窗口，通过该网站，应能很好地对访问者传达企 业的基本情况、展示的产品质量。 本网站根据“以宣传为功能目的、以稳定性为技术目标”的设计思想进行分析， 按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分： (1)首页：设有产品查询，推荐产品等，对本网站的具体内容具基本概括。 (2)公司简介：对本公司的介绍，让商家对本公司有着新的认识。 (3)新闻中心：发布一些最新的数码信息。 (4)推荐产品：作为卖家给各位商家的推荐产品。 (5)产品展示：展示出本公司的所有商品。 (6)留言反馈：设有来访人登录，注册等信息，可以在此网页上自由发表言论。 (7)招聘信息：招贤纳士，希望有贤之士来应聘。 (8)服务与承诺：服务每一位顾客，做到保质保量。 功能模块如图 2-1，后台功能模块如图 2-2 和后台系统流程图如图 2-3。 网站页面 首页 公司简介 新闻中心 推荐产品 留言反馈 招聘信息 产品展示 服务与承诺 图 2-1 功能模块图 北京中阳数码科技有限公司门户设计 第二章 需求分析 第 1 页 共 30 页 网站后台管理 新闻中心 产品管理 关于我们 会员管理 在线调查 留言反馈 询盘管理 人才招聘 增加产品信息 删除产品信息 编辑产品信息 企业新品信息 添加产品系列 删除产品系列 图 2-2 后台功能模块图 2.2 核心功能分析 留言反馈模块分析 在网站中加入留言反馈，可以为浏览者提供发表言论的场所。留言模块的实现 原理比较简单，先设计一个供用户填写留言的表单，然后把这些内容提交到数据库， 最后设计显示留言信息页面，如图 2-3 所示。 显示留言内容提交到数据库填写留言内容 图 2-3 留言模块图 2.3 预期目的 为了提高数码产品的知名度,同时也为了可以成为一个与客户交流的平台,提高 数码产品的信誉，此网站对数码产品的各方面都做了详细的展示和介绍，此网站可 以更好展示给大家，能得到更多消费者的亲睐。 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 2 页 共 30 页 第三章 系统设计 3.1 网站总体设计 3.1.1 网站首页 本网站的首页别具一格，简单又好看，背景是橘黄色为主的。分为块八个主题： 网站首页、公司简介、推荐产品、产品展示、留言反馈、招聘信息、服务与承诺这 几块，把最新的留言放在了首页。其实首页也不用做的很复杂的，只要突出主题就 行了。 3.1.2 公司简介 企业简介页面主要介绍了企业的发展历史，以及企业的现今状况，重点突出了 质量方针是: 严格控制、不断创新、品质至上、用户为先。页面清楚简单，一目了 然，使访问的客户能够第一时间了解企业。 3.1.3 后台管理 通过后台管理员登陆后台管理界面，对访问者的留言及遇到的问题进行及时的 交流与回复。如图 3-1 所示。 开始 用户登 录 失败重试 管理所有用户的信息 管理所有网站的信息 管理员 图 3-1 后台系统流程图 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 3 页 共 30 页 3.2 数据库技术 数据库(Database)，是按照数据结构来组织、存储和管理数据的仓库，是用于 查询的大量数据的存储区域。使用数据库可以带来许多好处：如减少了数据的冗余 度，从而大大地节省了数据的存储空间，实现数据资源的充分共享等等。近年来推 出的计算机关系数据库管理系统，还具有操作直观，使用灵活，编程方便，功能强 大，环境适应广泛，数据处理能力极强等诸多优点。 总的来说，数据库的设计对系统的经济性、功能性和效率有很大的影响，一个 好的数据库，要求在设计时尽量避免数据的多余，另外，还要尽可能提高数据的存 取速度。数据库设计时速度与空间在范式上是相互矛盾的。一方面按规范化理论的 要求，关系模式应尽量取高级范式，尤其对记录数较多的关系，低级范式将会造成 存储的大量重复，是空间遭受严重浪费；另一方面从存取速度上考虑，应该尽量做 到一个模式涉及的属性越多越好，相互运算越少越好，这样，又应取低级范式。因 此我们在设计数据库时要严格地探讨它的使用环境，充分了解用户的需求，清楚地 掌握数据库系统的特点。经过综合的评价和分析后设计出的数据库应满足以下要求： 数据库信息要能充分体现出用户使用系统的需求。 能够支持用户对数据进行的所有处理。 能够容易被数据库管理系统运行维护。 数据一致性、完整性好，无更新异常。 3.2.1 数据库选择 本系统所采用的数据库是 Access 2003 Access 数据库管理系统是 Microsoft Office 套件的重要组成部分，是 Access 的最常用版本，可在 Windows XP 环境下运行。Access 适用于小型商务活动，用以存 贮和管理商务活动所需要的数据。Access 不仅是一个数据库，而且它具有强大的数 据管理功能，它可以方便地利用各种数据源，生成窗体（表单） ，查询，报表和应用 程序等。 数据库是有结构的数据集合,它与一般的数据文件不同，(其中的数据是无结构 的)是一串文字或数字流。数据库中的数据可以是文字、图象、声音等。 Microsoft 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 4 页 共 30 页 Access 是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列 组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在 一个表中不能重复。表与表之间可以建立关系（或称关联，连接） ，以便查询相关联 的信息。Access 数据库以文件形式保存，文件的扩展名是 MDB。 Access 的 6 种对象： Access 数据库由六种对象组成，它们是表、查询、窗体、报表、宏和模块。 表(Table) 表是数据库的基本对象，是创建其他 5 种对象的基础。表由记 录组成，记录由字段组成，表用来存贮数据库的数据，故又称数据表。 查询(Query)查询可以按索引快速查找到需要的记录，按要求筛选记录并能 连接若干个表的字段组成新表。 窗体(Form)窗体提供了一种方便的浏览、输入及更改数据的窗口。还可以 创建子窗体显示相关联的表的内容。窗体也称表单。 报表(Report)报表的功能是将数据库中的数据分类汇总，然后打印出来， 以便分析。 宏(Macro)宏相当于 DOS 中的批处理，用来自动执行一系列操作。Access 列 出了一些常用的操作供用户选择，使用起来十分方便。 模块(Module)模块的功能与宏类似，但它定义的操作比宏更精细和复杂， 用户可以根据自己的需要编写程序。 Access 是一种关系型数据库管理系统，其主要特点如下： 存储方式单一 ，Access 管理的对象有表、查询、窗体、报表、页、宏和模 块，以上对象都存放，在后缀为（.mdb）的数据库文件种，便于用户的操作 和管理。 面向对象，Access 是一个面向对象的开发工具，利用面向对象的方式将数 据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。 它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方 法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法 和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用 户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更 为简便。 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 5 页 共 30 页 界面友好、易操作，Access 是一个可视化工具，是风格与 Windows 完全一 样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。 系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、 查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 集成环境、处理多种数据信息，Access 基于 Windows 操作系统下的集成开 发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工 作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打 印等可以方便有序地进行。 Access 支持 ODBC（开发数据库互连，Open Data Base Connectivity） ，利 用 Access 强大的 DDE（动态数据交换）和 OLE（对象的联接和嵌入）特性， 可以在一个数据表中嵌入位图、声音、Excel 表格、Word 文档，还可以建立 动态的数据库报表和窗体等。Access 还可以将程序应用于网络，并与网络 上的动态数据相联接。利用数据库访问页对象生成 HTML。 3.2.2 数据表设计 数据库名称：manager.mdb 后台管理员表：admin 表，如表 3-1 所示 字段名称数据类型说明 id 数字编号 username 文本姓名 userpwd 文本密码 表 3-1 admin 表 用户信息表 user 表，如表 3-2 所示 字段名称数据类型说明 id 数字编号 userid 文本姓名 userpwd 文本密码 表 3-2 user 表 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 6 页 共 30 页 3.2.3 连接数据库代码 3.3 核心模块设计 留言反馈模块设计 “ response.write “alert(填写资料不完整，请检查后重新输入！);“ response.write “location.href=javascript:history.go(-1);“ response.write “ response.end end if if checktxt(request.form(“username“)request.form(“usermail“) then response.write “ response.write “alert(您输入的邮箱中含有非法字符，请检查后重新输入！ );“ response.write “location.href=javascript:history.go(-1);“ response.write “ response.end end if if Instr(usermail,“.“)50 then response.write “ 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 7 页 共 30 页 response.write “alert(您输入的电子邮件地址格式不正确，请检查后重新输 入！);“ response.write “location.href=javascript:history.go(-1);“ response.write “ response.end end if end if if len(request.form(“Comments“)maxlength then response.write “ response.write “alert(留言内容太长了，请不要超过“ response.write “location.href=javascript:history.go(-1);“ response.write “ response.end end if Comments1=request.form(“Comments“) bad1=split(bad,“/“)过滤脏话 for t=0 to ubound(bad1) Comments1=replace(Comments1,bad1(t),“*“) next if request.form(“Comments“)“0“ then view=“1“ rs(“online“)=view rs(“IP“)=Request.serverVariables(“REMOTE_ADDR“) rs.Update rs.close 北京中阳数码科技有限公司门户设计 第三章 系统设计 第 8 页 共 30 页 set rs=nothing response.write “ if view=“0“ then response.write “alert(留言提交成功，留言须经管理员审核才能发布。);“ else response.write “alert(留言提交成功，单击“确定”返回留言列表！);“ end if response.write “location.href=index.asp;“ response.write “ response.end end if % 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 9 页 共 30 页 第四章 网站的实现 4.1 主界面设计 本主界面为 index.asp，通过 Dreamweaver 8 中的功能，制作出 ASP 动态页面， 它是由 top.asp,ingin.asp,left.asp 这些模块组成。 4.1.1 首页 对本网站的具体内容具基本概括，如图 4-1 所示。 图 4-1 首页 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 10 页 共 30 页 4.1.2 公司简介 对本公司的介绍，让商家对本公司有着新的认识，如图：4-2 所示。 图 4-2 公司简介 4.1.3 新闻中心 发布一些最新的数码信息, 如图 4-3 所示。 图 4-3 新闻中心 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 11 页 共 30 页 4.1.4 推荐商品 作为卖家给各位商家的推荐产品，如图 4-3 所示。 图 4-4 推荐商品 4.1.5 产品展示 展示出本公司的所有商品，如图 4-5 所示 图 4-5 产品展示 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 12 页 共 30 页 4.1.6 留言反馈 设有来访人登录，注册等信息，可以在此网页上自由发表言论，如图 4-6 所示。 图 4-6 留言反馈 4.1.7 招聘信息 招贤纳士，希望有贤之士来应聘，如图 4-7 所示。 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 13 页 共 30 页 图 4-7 招聘信息 4.1.8 服务与承诺 服务每一位顾客，做到保质保量，如图 4-8 所示。 图 4-8 服务与承诺 4.2 后台管理界面设计 4.2.1 后台管理界面 在对系统进行管理之前，需要通过系统的身份认证。本站中使用/Site- manage/login.asp 进行身份验证。只有用户名和密码正确才可以进入管理界面否则 回到该界面。如图 4-9 所示。 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 14 页 共 30 页 图 4-9 后台登陆界面 4.2.2 后台管理界面 本界面在通过验证之后才可以进入，它分为各个管理模块、 、退出管理系统等模 块。它是由框架组成的从而可以减少重复的部分并可以使系统维护更容易管理界面， 如图 4-10 所示。 图 4-10 后台管理界面 4.2.3 后台退出界面 通过对后台的控制，我们可以在操作完成后退出，退出后有正常退出，谢谢使 用，如图 4-11 所示。 北京中阳数码科技有限公司门户设计 第四章 网站的实现 第 15 页 共 30 页 图 4-11 后台退出界面 北京中阳数码科技有限公司门户设计 第五章 总结与展望 第 16 页 共 30 页 第五章 总结与展望 本人结合企业的实际情况，从美工、页面布局到后台管理都花了很多的心思， 基本实现了针对北京中阳数码科技有限公司的企业门户网站的开发，包括首页、公 司简介、新闻中心、推荐产品、产品展示、留言反馈、招聘信息、服务于承诺。本 系统能基本满足企业宣传的要求，提高企业形象，有一定的实用价值。 通过毕业设计，本人不仅接触到了许多新的技术和知识，而且通过亲手实践， 掌握了如何把书本上所学的东西综合应用到实践中去。同时，深刻体会到动态技术 和数据库设计的重要性：一个优秀的网站不仅要有出色的界面，还需要有强大的数 据处理功能，判断什么是正确的数据，并以最清楚的形式展现给浏览者，同时能将 最新数据添加到网站中。 由于本人水平有限，加上时间比较紧迫，本系统还