企业动态宣传网站

内蒙古化工职业学院毕业设计说明书(论文)任务书姓名苏俊平专业计算机网络技术班级计网10指导教师冯启荣全泽剑题目企业动态宣传网站原始资料说明书（论文）内容需求分析关键技术分析系统设计制作过程图纸要求对学生综合训练方面的要求要求对ASP动态网页的熟练，从零起步，函盖动态网页制作基础知识重视实践，理论学习和上机练习相结合培养能力，真正掌握ASP完成期限自2012年12备注：签发：日期：2012年12月第PAGEIV页企业动态宣传网站摘要本文的主要设计目的旨在实现一个浏览器/服务器（B/S）端的欧尚轩家居体验馆网站管理系统。该系统从企业动态网站出发，充分考虑企业网站的宣传管理需求，利用三层架构和ASP.NET动态网页开发技术,基于MicrosoftVisualStudio2008和SQLServer2005数据库系统，基本实现了普通用户访问、浏览网站最新动态，注册后发表留言、发起团购操作，管理员及超级管理员在网站后台对网站信息、用户性质和用户留言、企业新闻和产品发布等操作。本文详细介绍了系统的总体需求、关键技术分析、系统总体设计、各个功能模块的详细实现及功能实现的主要接口效果，并对该网站开发的整个过程中遇到的问题及个人学习感受进行了相关总结。关键词：动态网站开发；B/S结构；三层架构；ASP。NET

目录TOC\o"1-3”\h\z\u第1章绪论 1HYPERLINK\l”_Toc304853719"1.1背景 1_Toc304853722”第2章需求分析 32.1概述 3HYPERLINK\l”_Toc304853724"2.2系统需求 42。2。1系统功能需求 4HYPERLINK\l”_Toc304853726”2。2。2系统性能需求 72。2。3系统需求用例图 72。3系统开发环境 11HYPERLINK\l”_Toc304853729"2。3。1硬件环境 11HYPERLINK\l”_Toc304853730"2。3.2软件环境 11HYPERLINK\l”_Toc304853731"第3章关键技术分析 123。1ASP。NET简介 123.1.1ASP的定义 12HYPERLINK\l”_Toc304853734"3.1.2ASP的运行环境 13HYPERLINK\l”_Toc304853735"3。1.3浏览ASP文件 13HYPERLINK\l”_Toc304853736"3.1。4ASP文件基本组成 13_Toc304853738”3.2ASP的工作原理 143。2。1ASP动态网站脚本语言 14HYPERLINK\l”_Toc304853740”3。3系统关键技术 15HYPERLINK\l”_Toc304853741"3.3.1JSP介绍 153。1.2MicrosoftVisualStudio2008简介 16_Toc304853744"第4章系统设计 17HYPERLINK\l”_Toc304853745"4.1总体设计 17HYPERLINK\l”_Toc304853746"4。1。1功能模块 17HYPERLINK\l”_Toc304853747”4。1。2系统流程 18HYPERLINK\l”_Toc304853748”4.1。3系统数据库设计 184。2个人详细设计模块 25HYPERLINK\l”_Toc304853750”4.2。1用户角色注册登录模块 25HYPERLINK\l”_Toc304853751"4。2.2留言、回帖模块 254。2。3产品管理模块 254。2。4新闻公告模块 33HYPERLINK\l”_Toc304853754"4.2。5网站团购模块 33第5章网站制作过程 33HYPERLINK\l”_Toc304853756"5。1logo的制作过程 33HYPERLINK\l”_Toc304853757"5。2banner的制作过程 34HYPERLINK\l”_Toc304853758”5。3主页制作过程 35_Toc304853760"总结 40HYPERLINK\l”_Toc304853761”参考文献 —41-，是对欧尚轩企业文化、企业发展动态的一种展现形式。在这个高度信息化的社会，建立企业自己的宣传网站是企业进行自我销售、通过网络进行营销最直接有效的手段。网络的超时空特性,不仅可以让企业的员工本身感受到企业的整体发展动态，也让消费者及合作伙伴更加快捷方便详细的了解欧尚轩整体衣柜开发企业.欧尚轩整体衣柜宣传网站可以提供一个消费者和企业互动的平台,消费者通过留言回帖等操作,促进企业的发展，以使企业更好的服务于广大消费者.欧尚轩整体衣柜依托宣传网站，通过该网站实现网上团购，在宣传企业文化的同时，直接在网上实现营销过程，提高企业业务能力。依托该网站，可以为企业发展提供一个更加长久的、适合市场发展运作的营销模式。最后，更好的服务于企业、服务于广大消费者。

第2章需求分析2.1概述本网站包括前台和后台两部分，前台展示相关信息供用户（普通用户、在本网站注册的会员、网站管理员等)浏览，后台为管理员管理网站提供平台.前台信息展示包括欧尚轩整体衣柜的产品展示，公司新闻公告展示，会员注册、登录，会员留言,团购专区，公司、公司人介绍，联系公司方式等。后台网站管理包括产品管理、新闻公告管理、会员管理、团购管理等.用户（普通用户、在本网站注册的会员、网站管理员等）输入本网站网址进入网站前台首页，浏览首页内容，可以通过导航快速链接到想要浏览的内容，所有用户均可以浏览产品展示页面(产品信息列表包括图片、名称、产品简介等主要信息）点击产品名称或图片进入产品详细页面浏览产品详细信息；所有用户均可浏览公司新闻公告,通过点击新闻公告标题列表中的标题进入新闻公告的详细页面浏览新闻公告详细信息；普通用户、在本网站注册的会员、网站管理员均可浏览会员留言，但普通用户不可留言、回复留言必须注册成为会员后方可进行留言、回复留言操作，管理员可以浏览所有留言及回复信息亦可以进行留言、回复留言操作；会员可进入团购专区；除管理员外其它用户均不能进入网站后台.管理员输入正确的账号及密码进入后台管理,对产品、新闻公告、会员、留言等进行管理.管理员可发布新产品、新闻公告、团购信息，可查看、修改、删除所有产品信息、新闻公告、会员、留言、回复、团购信息等。网站管理员定期或不定期对网站信息进行管理。2.2系统需求2。2。1系统功能需求用户角色注册登录模块(1）前台用户登录：根据用户的类型进入不同的层（管理员、超级管理员进入可以选择前台和后台的层，普通用户直接进入前台主页).用户注册：如果用户输入信息不全，泽提示要求正确填写必须输入的表项。若用户名已存在在提示用户重新输入用户名,如果输入信息发生错误,则提示出现错误，要求重新填写，注册成功提示.（2）后台用户的基本信息管理：用户信息的查阅管理,显示用户信息列表，点击自动跳转到显示会员详细信息页面，可以进行重新编辑修改,在用户列表中添加删除功能（弹出对话框提示是否删除）.用户的类型管理：只有超级管理员有此操作的权限：显示用户信息列表，点击修改用户的类型（VIP和普通用户),全选功能实现统一把要修改的用户类型同时修改。用户状态管理：只有超级管理员有此操作的权限：显示用户信息列表，点击修改用户状态（在线和离线），全选功能实现统一吧要修改的用户状态同时修改。留言、回帖模块(1)前台留言主贴的查阅:显示所有主贴信息,点击主贴标题进入详细页面（主贴的详细信息和所有回帖的基本信息）。留言回帖的查阅：点击回帖的标题进入回帖的详细信息页面.用户留言：只有登录后的用户才能进行留言，若用户在没有登录的状态下留言就会自动跳转到登录页面，留言成功显示提示。用户回帖：只有登录后的用户才能进行回帖，若用户在没有登录的状态下留言就会自动跳转到登录页面，回帖成功显示提示。（2）后台留言主贴管理：显示所有主贴信息，点击详细进入详细页面，添加删除列，删除时提示在删除主贴的同时会删除该主贴的所有回帖。留言回帖管理：显示所有回帖信息，点击详细进入详细页面，添加删除列实现删除回帖的功能。产品管理模块（1）前台展示产品:显示所有产品信息，按产品类型显示产品信息,选择排序方式显示产品信息：包括按产品价格从低到高排序和按产品点击量从高到低排序.评价产品:从产品列表选择一条产品信息，点击进入该产品的详细信息页面查看详细信息，若用户已登录可直接对发表评论，若未登录则弹出登录窗口提示用户登录后再发表评论。(2)后台产品信息的查阅管理:显示所有产品信息，按产品类型显示产品信息，选择排序方式显示产品信息:包括按产品价格从低到高排序和按产品点击量从高到低排序。产品信息的修改管理：根据选定的产品内容查看产品详情，根据需求对产品信息可进行修改。产品信息的删除管理:删除一个或多个产品信息。产品添加管理：添加发布新产品.产品类型管理：查询产品类型信息，修改产品类型信息,删除产品类型信息，添加产品类型信息。产品材料管理：查询产品材料信息,修改产品材料信息，删除产品材料信息，添加产品材料信息。新闻公告模块（1）前台新闻阅读:根据用户选择显示新闻，包括分类阅读，新闻分类阅读的类别包括：企业动态，招贤动态,全部新闻。新闻搜索：根据用户输入的关键词进行新闻词条的模糊查询并展示查询结果。（2）后台新闻阅读：根据管理员选择显示新闻,包括分类阅读，新闻分类阅读的类别包括：企业动态，招贤动态,全部新闻.新闻搜索：根据管理员输入的关键词进行新闻词条的模糊查询并展示查询结果。新闻标记分类:根据管理员选择某一行或多行的新闻记录，对选中的新闻记录进行重新归类.新闻标记删除:根据管理员选择某一行或多行的新闻记录，对选中的新闻记录进行删除操作.新闻添加功能：进行新闻添加操作，添加结束跳转至新闻列表页面。新闻类型添加功能：进行新闻类型添加，添加结束跳转至新闻列表页面。新闻修改功能：对已有的新闻记录进行除新闻ID外的新闻修改操作。新闻全选功能：为方便管理员操作，对已有的所有新闻可实现一次性全选操作。团购模块(1）前台添加团购团队功能：进行团购时，需要一个团队组织团购，所以要添加团队，包括团长的姓名，联系方式等。发起团购功能：用户可能有团购的需要，可以自己发起团购，发起团购成功后跳转到团购列表页面,包括团购的产品，报名时间，有效地区等。显示团购列表功能：将用户发起的团购显示在团购列表中，点击“详细”时,跳转到团购详细页面。显示团购详细内容功能：显示与该团购有关的详细信息,给用户提供参考，包括团购的产品，参团人数，报名时间，有效地区，折扣等。（2）后台对团购的修改功能:对团购的团队信息和发起团购的信息进行修改.对团购的添加功能：管理员可以修改团队的信息和团购的信息,以达到对团购的控制。2。2。2系统性能需求由于此开发项目针对宣传网站,使用频度较高，使用性要求比较高。为防止对信息数据和管理程序的恶意破坏，要求有较为可靠的安全性能.总之，要求稳定、安全、便捷，易于管理和操作.查询速度:不超过10秒；其它所有交互功能反应速度：不超过5秒.2。2。3系统需求用例图（1）系统登录用例图2-1图2—1（2）注册用户留言管理用例图2-2图2-2（3）产品管理用例图2—3图2—3产品材料管理子用例图2—4所示:图2—4产品材料管理子用例图图2—5所示：图2—5（4）新闻管理用例图2-6所示：图2-6（5）网站团购用例图2-7所示:图2-72.3系统开发环境2.3。1硬件环境（1）服务器处理器(CPU）:Pentium900M（推荐Pentium41。2G)；内存容量(RAM）：至少256M(推荐512M）.（2)客户端处理器（CPU）：Pentium133M或更高;内存容量（RAM)：64M或更高。2.3。2软件环境（1）数据库服务器端操作系统：MicrosoftWindows2000；数据库管理系统:Oracle，配置TCP/IP协议。（2）Web服务器端操作系统：MicrosoftWindows2000；Internet信息服务(IIS）6。0管理器；VisualStudio。NET2008，配置TCP/IP协议。（3）客户端操作系统：Windows98/2000/2003/XP；Web浏览器：InternetExplorer5.0以上或Netscape4。0以上，配置TCP/IP协议.第3章关键技术分析3。1ASP.NET简介.NET开发平台是一组用于建立Web服务器应用程序和Windows桌面应用程序的软件组件，用该平台创建的应用程序在CommonLanguageRuntime(CLR)（通用语言运行环境）（底层）的控制下运行。CLR是一个软件引擎,用来加载应用程序，确认它们可以没有错误地执行,进行相应的安全许可验证，执行应用程序，然后在运行完成后将它们清除。类库集提供了使应用程序可以读写XML数据、在Internet上通信、访问数据库等的代码。所有的类库都建立在一个基础的类库之上，它提供管理使用最为频繁的数据类型（例如数值或文本字符串）的功能，以及诸如文件输入/输出等底层功能。3。1。1ASP的定义ASP（ActiveServerPages）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的Web服务器应用程序。使用ASP可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页面和基于Web的功能强大的应用程序。ASP应用程序很容易开发和修改。如果您编过HTML网页，您将发现ASP脚本提供了创建交互页的简便方法。如果您曾想从HTML表格中收集数据，或用顾客的姓名个人化HTML文件，或根据浏览器的不同使用不同的特性，您会发现ASP提供了一个出色的解决方案.以前，要想从HTML表格中收集数据，就不得不学习一门编程语言来创建一个CGI应用程序。现在，您只要将一些简单的指令嵌入到您的HTML文件中，就可以从表格中收集数据并进行分析.您再不必学习完整的编程语言或者单独编译程序来创建交互页。随着不断掌握使用ASP和脚本语言的技巧,您可以创建更复杂的脚本。对于ASP，您可以便捷地使用ActiveX组件来执行复杂的任务,比如连接数据库以存储和检索信息。如果您已经掌握一门脚本语言,如VBScript、JavaScript或PERL，而且您已经了解使用ASP的方法。只要安装了符合ActiveX脚本标准的相应脚本引擎，就可以在ASP页面中使用任何一种脚本语言。ASP带有MicrosoftVisualBasicScriptingEdition（VBScript）和MicrosoftJscript的脚本引擎,这样您可以立即开始编辑脚本。PERL、REXX和Python的ActiveX脚本引擎可以从第三方开发人员处获得.P/pWeb开发人员：如果您已经掌握了一门编程语言，如VisualBasic，您将发现ASP是快速创建Web应用程序的一个非常灵活的方法.通过向HTML中添加脚本命令，您能够创建应用程序的HTML接口。通过创建自己的ActiveX组件，可以将应用程序中的商业逻辑封装到能够从脚本、其他组件或从其他程序中调用的模块。P/p使用ASP进行计算的Web可转化为有形的利益，它使Web供应商能够提供交互的商业应用而不仅仅是发布内容。例如，旅行社能够比公布航空时刻表做得更多；用ASP脚本可以让客户察看现有的航班、比较费用并预定座位。P/pAsp是这样工作的：浏览器从Web服务器上请求.asp文件时，ASP脚本开始运行.然后Web服务器调用ASP，ASP全面读取请求的文件，执行所有脚本命令,并将Web页传送给浏览器。3.1.2ASP的运行环境Windows2000+IIs5。0（Internet信息管理器5.0)。WindowsXP+Iis5.0（Intetnet信息管理器5。0).Windows98+PWS4。0（personalWebServer4.0，个人Web服务管理器)。3。1.3浏览ASP文件http://localhost/temp.asphttp://127.0。0.1/temp.asphttp：//您的计算机的名字/temp.asphttp：//您的计算机的IP地址/temp。asp3。1。4ASP文件基本组成普通的HTML文件，也就是普通的Web的页内容.服务器端的Script程序代码：位于〈％…％>内的程序代码。客户的

Script的程序代码：位于<Script>…〈Script〉内程序代码.3.1.5ASP的程序的特点：使用Vbscript、Jscript等简单易懂的脚本语言，结合HTML代码，即可速地完成网站的应用程序。无需编译，容易编写，可在服务器直接执行。使用普通的文本编辑器,如Windows的记事本，即可进行编辑设计。与浏览器无关(BrowserIndependence），用户端只要使用可执行HTML码的浏览器,即可浏览ASP所设计的网页内容。ASP所用的脚本语言（Vbscript、Jscript）均在Web服务器端执行,用户的浏览器不需要能够执行这些脚本语言.ASP能与任何ActiveXscripting语言相容.除了可使用VBScript或Jscript语言来设计外，还通过plug—in的方式，使用由第三方所提供的其他脚本语言.譬如Perl等.脚本引擎是处理脚本程序的COM(ComponentObjectModel）组件。ASP的源程序，不被传到客户浏览器。因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。3。2ASP的工作原理用户在浏览器的地址栏中键入ASP文件，并回车触发这个ASP的申请。浏览器将这个ASP的请求发送到给Web服务器。WebServer接收这些申请并根据.asp的后缀名判断这是ASP要求。WebServer从硬盘或内存中读取正确的ASP文件。WebServer将这个文件发送到ASP。DLL的特定文件中。ASP文件将会从头至尾执行并根据命令要求生成相应的HTML文件。HTML文件被送回浏览器.用户的浏览器解释这些HTML文件并将结果显示出来.3.2.1ASP动态网站脚本语言ASP是ActiveServerPage的缩写,意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具.ASP的网页文件的格式是.asp,现在常用于各种动态网站中。ASP采用脚本语言VBScript（Javascript)作为自己的开发语言.ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。使用ASP可以组合HTML页、VBScript脚本命令和JavaScript脚本命令等,以创建交互的Web页和基于Web的功能强大的应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单)，也可以创建使用HTML网页作为用户界面的web应用程序。ASP的文件后缀名为.asp，以区别于同样可以包含Script的HTML文件。一个。asp文件是一个文本文件,可以包括下列元素的任意组合：文本（text）、HTML标志（tags)、Script命令由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的Web页是在Web服务器上生成的。所以不必担心浏览器能否处理脚本：Web服务器已经完成了所有脚本的处理,并将标准的HTML页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。3。3系统关键技术3.3。1JSP介绍JSP(JavaServerPages)是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML檔（*。htm，＊。html）中插入Java程序段（Scriptlet）和JSP标记(tag)，从而形成JSP檔（＊。jsp）。用JSP开发的Web应用是跨平台的，即能在Linux下运行，也能在其它操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑.JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时,首先执行其中的程序段,然后将执行结果连同JSP檔中的HTML代码一起返回给客户.插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。使用JSP语言有以下优点：对于用户接口的更新，其实就是由WebServer进行的，所以给人的感觉更新很快.所有的应用都是基于服务器的,所以它们可以时刻保持最新版本。客户端的界面不是很繁琐，对于各种应用易于部署、维护和修改.3。1.2MicrosoftVisualStudio2008简介MicrosoftVisualStudio2008是面向WindowsVista、Office2007、Web2.0的下一代开发工具,代号“Orcas”,是对VisualStudio2005一次及时、全面的升级。VS2008引入了250多个新特性，整合了对象、关系型数据、XML的访问方式,语言更加简洁.使用VisualStudio2008可以高效开发Windows应用。设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时VisualStudio2008支持项目模板、调试器和部署程序。VisualStudio2008可以高效开发Web应用，集成了ASP。NETAJAX1。0,包含ASP。NETAJAX项目模板，它还可以高效开发Office应用和Mobile应用。3。1。3SQLServer2005简介SQLServer2005是一个全面的数据库平台，使用集成的商业智能(BI）工具提供了企业级的数据管理。SQLServer2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。

第4章系统设计4。1总体设计4。1.1功能模块本系统共分为五个功能模块，分别是用户角色注册登录模块，留言、回帖模块,产品管理模块,新闻公告模块和团购模块。用户角色注册登录模块：分为普通用户、管理员和超级管理员三种角色，登录接口为统一的输入用户名、密码的登录页面，用户名、密码正确后选择登录取向：前台、后台。在网站后台管理中,超级管理员可以对会员、管理员进行增删查的操作,不可以更改注册人员信息，可以对会员进行是否禁言的发言状态操作。留言、回帖模块：会员、管理员和超级管理员登录网站后可以在网站进行留言、回帖操作，同时获得留言权限的用户可以对网站产品进行评价。在网站后台管理中,超级管理员可以对留言、回帖、评价进行删除操作，但是不能进行内容更改.产品管理模块：普通用户及会员可以查看产品列表及详情。普通管理员和超级管理员可以在网站后台对产品进行产品信息的增删差改操作.新闻公告模块：普通用户及会员可以查看新闻列表、详情、新闻搜索、上下篇新闻查看。超级管理员可以在网站后台对新闻及新闻类型进行相关信息的增删查改操作，其中新闻作者、点击率及新闻发布日期不可以进行更改。网站团购模块：网站会员及管理员可以在网站上发起团购，并建立团购信息，供参加团购的其它用户进行网上团购信息了解及联系。在团购的后台管理模块，超级管理员可以对团购的团队及团购信息进行增删查改操作。4.1。2系统流程本系统的系统流程如图4—1所示：图4-14.1.3系统数据库设计（1）本系统的数据库表设计团购团队表:表名：group_purchase_team4—1序号列名数据类型长度标识主键允许空默认值说明1GPT_IdBigint8是是否2GPT_NameVarchar50否3GPT_Master_IdBigint8否4GPT_Master_TelephoneVarchar13否5GPT_Master_MobileVarchar13否6GPT_RegTimeDatetime否

团购信息表：表名：group_purchase_info4-2序号列名数据类型长度标识主键允许空默认值说明1GPI_IdBigint8是主键否2GPI_UI_IdBigint8否3GPI_GPT_IdBigint8否4GPI_PI_IdBigint8否5GPI_Titlevarchar200否6GPI_Effection_DistrictVarchar500否7GPI_DiscountFloat6是8GPI_EndTimeDateTime否9GPI_Person_NumberInt4是10GPI_Hold_PlaceVarchar200是11GPI_Least_Person_NumberInt是12GPI_DescriptionVarchar5000是13GPI_Apply_Start_TimeDatetime否14GPI_Apply_Over_TimeDatetime否用户信息表：表名:user_info4-3序号列名数据类型长度标识主键允许空默认值说明1UI_IdBigint8是主键否2UI_NameVarchar50否3UI_PasswordVarchar30否4UI_EmailVarchar50是5UI_UT_IdInt4否6UI_RealnameVarchar20是7UI_SexVarchar10是8UI_AddressVarchar100是9UI_TelphoneVarchar13是10UI_US_IdInt4否11UI_RegDateDatetime否12UI_PointInt4是13UI_PurchasedChar10是用户类型表：表名：user_type4—4序号列名数据类型长度标识主键允许空默认值说明1UT_IdInt4是是否2UT_NameVarchar15否用户状态表:表名：user_state4-5序号列名数据类型长度标识主键允许空默认值说明1US_IdInt4是是否2US_NameVarchar15否产品信息表:表名：product_info4—6序号列名数据类型长度标识主键允许空默认值说明1PI_IdBigint8是主键否2PI_RangeVarchar50否3PI_PT_IdInt4否4PI_PM_IdInt4否5PI_BrandVarchar50是6PI_SpecialficationVarchar100是7PI_ModelVarchar100是8PI_DescriptionVarchar2000是9PI_PriceMoney是10PI_PictureVarchar100是11PI_ClickInt4否12PI_PS_IdInt4是13PI_IssueTimeDatetime否

产品类型表:表名：product_type4-7序号列名数据类型长度标识主键允许空默认值说明1PI_IdInt4是是否2PI_NameVarchar100否3PI_DescriptionVarchar1000是产品状态表:表名：product_state4-8序号列名数据类型长度标识主键允许空默认值说明1PS_IdInt4是是否2PS_NameVarchar100否产品材料表：表名:product_material4-9序号列名数据类型长度标识主键允许空默认值说明1PM_IdInt4是是否2PM_NameVarchar100否3PM_DescriptionVarhcar1000是产品评价表：表名：product_evaluation4-10序号列名数据类型长度标识主键允许空默认值说明1PE_IdBigint8是是否2PE_UI_IdBigint8否3PE_PI_IdBigint8否4PE_ContentVarchar2000否5PE_IssueTimeDatetime是6PE_ScoreFloat6是留言信息表：表名:message_info4—11序号列名数据类型长度标识主键允许空默认值说明1MI_IdBigint8是是否2MI_UI_IdBigint8否3MI_TitleVarchar60否4MI_ContentVarchar2000否5MI_IssueTimeDatetime是6MI_ReplyCountInt4是7MI_Clickint4是回帖信息表：表名：reply_info4-12序号列名数据类型长度标识主键允许空默认值说明1RI_IdBigint8是是否2RI_MI_IdBigint8否3RI_UI_IdBigint8否4RI_TitleVarchar60否5RI_ContentVarchar200否6RI_AnswerTimeDatetime是7RI_Clickint4是新闻信息表：表名：news_info4-13序号列名数据类型长度标识主键允许空默认值说明1NI_IdBigint8是是否2NI_TitleVarchar60否3NI_ContentVarchar5000否4NI_NT_IdInt4否5NI_IssueTimeDatetime是6NI_PictureVarchar100是7NI_FromVarchar100是8NI_AuthorVarchar40是9NI_ClickInt4是新闻类型表：表名：news_type4-14序号列名数据类型长度标识主键允许空默认值说明1NT_IdInt4是是否2NT_NameVarchar60否3NT_DescriptionVarchar1000是其中，团购团队表group_purchase_team和团购信息表group_purchase_team主要设计用途为实现团购功能所用;用户信息表user_info、用户类型表user_type及用户状态表user_state主要为实现用户管理功能所用，用户角色分为：普通会员、VIP会员,管理员及超级管理员;产品信息表product_info、产品类型表product_type、产品材料表product_material、产品状态表product_state及产品待售情况表product_evaluation主要为实现产品信息及产品材料的管理所用;message_info、reply_info主要为实现用户留言及回复管理所用；新闻信息表news_info和新闻类型表news_type主要为实现网站细细管理所用。（2)本系统的数据库关系图4-2如下:图4—24。2个人详细设计模块本模块主要分为五大模块：用户角色注册登录模块；留言回帖模块;产品管理模块；新闻公告模块;网站团购模块，每个模块由各个组员分别完成。4.2。1用户角色注册登录模块详见个人详细设计模块—王欣欣4.2。2留言、回帖模块详见个人详细设计模块-王欣欣4。2。3产品管理模块（1）前台:用户进入产品列表页面,实现查看所有产品信息，点击左侧按钮可实现按产品类型显示产品信息，点击上方“价格从低到高排序”和“点击量从高到低排序”按钮可实现产品信息排序如图4-3所示：图4—3点击“上一页”、“下一页"按钮翻页查看产品信息,如图4-4所示:图4-4点击产品标题或图片进入产品详细信息页面，如图4-5所示：图4-5评论产品，如图4-6所示：图4-6弹出登录窗口，如图4-7所示:图4—7其中无刷新显示产品评价列表、给产品评等级和弹出登录窗口分别使用了Ajax中的UpdatePanel控件、Rating控件和ModalPopup控件.其关键代码如下所示:<％—-Rating控件的使用语法—-%〉<cc1：RatingID=”Rating1"runat=”server"CurrentRating="3"MaxRating=”5”StarCssClass=”ratingStar”EmptyStarCssClass="emptyRatingStar"FilledStarCssClass=”filledRatingStar”WaitingStarCssClass=”waitingRatingStar”AutoPostBack=”true”Height=”22px"OnChanged="Rating1_Changed”〉</cc1:Rating>〈％—-ModalPopup控件的使用语法-—％>〈cc1：ModalPopupExtenderID="ModalPopupExtender1"runat=”server”TargetControlID=”hid”PopupControlID="pnlPopup”DropShadow="true”CancelControlID=”imgbtnCancel"Drag=”true"X=”400"Y=”500”PopupDragHandleControlID=”pnlPopup"BackgroundCssClass=”otherBgCss"></cc1:ModalPopupExtender>//“提交评论”的处理方法if(Session［"CurrentUser"］!=null)｛ProductEvaluationproductEvaluation=newProductEvaluation（)；productEvaluation。Product=ProductManager。GetProductById(long。Parse（Request。QueryString["id”］））；productEvaluation。User=(User)Session[”CurrentUser”]；productEvaluation.Score=Rating1。CurrentRating；if（this.txtComment。Text。Length〉1000)｛ScriptManager。RegisterStartupScript(btnSubmit,this.GetType()，”warning”,”alert(’评价内容过长，请尽量控制在1000字以内!')”，true);return；｝productEvaluation。ProductEvaluationContent=this。txtComment.Text。Trim（)；ProductEvaluationresult=ProductEvaluationManager。AddProductEvaluation(productEvaluation）；if（result!=null）｛ScriptManager。RegisterStartupScript（btnSubmit，this。GetType()，"warning"，"alert（'添加评论成功，感谢您对欧尚轩整体衣柜的支持！'）”，true）；Databind（long.Parse（Request.QueryString［"id”］）);//绑定评论列表}else{ScriptManager。RegisterStartupScript（btnSubmit,this.GetType()，”warning”，”alert（’添加评论失败,请重检查输入信息的合法性！')”,true）；return；｝}else//未登录则弹出模式窗口ModalPopupExtender1.Show（)；登录成功时提示登录成功提交评论，弹出提交是否成功提示点击产品评论进入产品评论信息页面，如图4-8所示：图4—8(2）后台:用户进入产品列表页面，实现查看所有产品信息,从下拉列表选择产品类型点击搜索按钮可实现按产品类型显示产品信息，点击“价格从低到高排序”和“点击量从高到低排序”按钮可实现产品信息排序。如图4—9所示：图4-9选择点击“详细”,进入产品信息页面，如图4—10所示：图4—10点击“删除”按钮删除产品信息，弹出确认窗口，如图4—11所示：图4-11点击“编辑”按钮，进入到产品信息的编辑状态,如图4-12所示：图4—12点击“添加”按钮进入添加新产品页面,填写合法产品信息如图4—13所示：图4-13其中添加产品信息时用到了上传文件的FileUpload控件，其上传按钮处理事件的关键代码如下所示:if(this.fulImage。HasFile）{stringfullFileName=this。fulImage。PostedFile。FileName；//文件路径名stringfileName=fullFileName。Substring（fullFileName。LastIndexOf(”\\")+1)；//图片名称stringtype=fullFileName。Substring（fullFileName.LastIndexOf（”.”）+1）；if(type=="jpg"｜｜type==”JPG"｜|type=="gif"|｜type=="GIF”｜|type==”BMP"｜|type==”bmp"）//判断是否为图片类型{if(this.fulImage.PostedFile.ContentLength>2000*1024）{lblMessage。Text="上传图片必须小于2000k!”；}else{stringpath=HttpContext。Current。Request。MapPath("～/Image/products/”);this。fulImage。SaveAs(path+fileName);//存储文件到磁盘lblMessage。Text=”图片上传成功!";UploadImage.Visible=true;this。UploadImage.ImageUrl=”～/Image/products/”+fileName；Cache［”imgPath"］=fileName;｝｝elselblMessage.Text=”非图片类型，不允许上传！”；elselblMessage。Text="必须指定檔!”；点击“提交”按钮给出相应的提示！如图4-14所示:图4-14产品类型管理，可点击“按名称排序”按钮排序显示产品类型信息,可点击下一页查看信息，如图4—15所示：图4-15点击“删除”按钮可删除产品材料信息，点击“编辑”按钮可进入产品类型详细信息的编辑页面编辑产品类型信息，如图4-16所示：图4—16点击“添加"按钮,添加产品材料信息产品类型管理，可点击“按名称排序”按钮排序显示产品类型信息，可点击下一页查看信息，如图4—17所示：图4—17点击“删除”按钮可删除产品信息，点击“编辑"按钮可进入产品类型详细信息的编辑页面编辑产品类型信息,如图4-18所示：图4-18点击“添加”按钮，添加产品材料信息，点击提交，提示“产品类型添加成功"后跳转到产品类型页面。4.2.4新闻公告模块详见个人详细设计模块-廖欢欢4。2.5网站团购模块详见个人详细设计模块—韩梅第5章网站制作过程5。1logo的制作过程本网站的Logo是把从网络上找到的一些素材图片，通过用Photoshop进行编辑、修改、组合而完成的。为了突出该企业名称“君辉”,特意把“junhui”标志用蓝色水晶球包围,并且“junhui”中“J”这个字母用一个龙头的形状代替，自古以来龙在人们的地位都是至高无上的，同时也衬托出“知识产权”在当今社会的重要地位。使用Vbscript、Jscript等简单易懂的脚本语言，结合HTML代码，即可速地完成网站的应用程序。无需编译，容易编写，可在服务器直接执行.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计.与浏览器无关（BrowserIndependence)，用户端只要使用可执行HTML码的浏览器,即可浏览ASP所设计的网页内容。ASP所用的脚本语言（Vbscript、Jscript）均在Web服务器端执行，用户的浏览器不需要能够执行这些脚本语言。ASP能与任何ActiveXscripting语言相容.除了可使用VBScript或Jscript语言来设计外，还通过plug—in的方式，使用由第三方所提供的其他脚本语言。譬如Perl等。脚本引擎是处理脚本程序的COM(ComponentObjectModel）组件。ASP的源程序,不被传到客户浏览器。因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。在整个以蓝色为主色调的网页中，调剂整体页面的色调，使页面看起来更鲜活,很是醒目，让人一眼就看到这个logo，了解主题。（如图5-1）图5-1网站logo5.2banner的制作过程首先需要上网收集一些符合你的作品主题、创作思维以及整体风格的网页相关素材，对其进行修改已获得自己所需素材，或可在Photoshop中绘制出自己所需的图片素材易学易用。可编写服务器脚本，也要编写客户端脚步本客户端脚本的特点：浏览器完成了所有的工作，这可以减轻服务器的负担.客户端运行程序运行比服务端程序运行快的多.接着打开Photoshop，在Photoshop里面新建一个文件，调整底图大小,根据网页的总长度，调节banner的长度和宽度（一般banner不能太宽，不然会显得头重脚轻，当然也不能太窄,都没法让人感觉到有banner存在，所以一定要调整至占整个网页的适合比例。）设计banner的背景：选用一张蓝色的微带波横的图片为banner背景，将处理好的素材依次放入具体位子，像左边的镜头光晕，右边的发光矩形框等等,按具体需求做具体的改动和修改,这样整个banner的背景就设计好了。具体内容设计：先在banner左边放入logo(这里为了美观起见，我将logo放大放在了banner最左边，若放在左上角一块窄小的地方，反而凸显不出“junhui”这个标志)，按具体情况惊醒调整修改至适当部分，处理好每一处细节，这样整个静态的banner部分就设计好了。添加动态的flash效果：动态的flash效果要等到整个网页的基本布局都设计好之后,就可以在Photoshop中按Shift+Ctrl+Alt+S存储切片后所有图片，将页面转换成。html格式，然后使用Dreamweaver打开编辑，在banner的区域加入Flash，将Flash转换为透明flash形式，这样整个banner部分就完成了。（如图5-2)图5—2网站banner5。3主页制作过程首先根据页面要展示内容的多少，在photoshop中新建一个适合的网页宽度和长度的文件(我设计的时候在宽屏的机子上，所以建的文档较大,约为1280＊1405)。在画布上按自己的想法结合实际内容,用各图形工具在画布上画上整个网页基本的布局.基本布局的设计定下之后再对各部分进行具体设计,细化每个部分，特别是静态的部分。在Photoshop里完成整个页面的设计后，进行切片，将要动态显示的地方切出来，还有就是大的图片要切一下,能提高网页读取速度。按Shift+Ctrl+Alt+S存储为.html格式后,用Dreamweaver编辑，将需要作为背景的单元格中的图片设为该单元格的背景,另存为index.asp.用相同的方法制作网站分页.将所有页面，拷到所属文件夹，然后与后台数据库连接起来，即可通过对后台数据库内容的添加、删除、修改来对网页的相关内容进行操作，例如在数据库注册登录表中删除一个用户信息，那么这个用户再次用原先的登录信息登录时就无法登录成功了。在Dreamweaver中网页的左侧类似“书卷”的区域插入一张表格，并在代码相应位置插入滚动文字特效的代码，实现文字至下而上滚动,鼠标移过文字时滚动停留的功能，鼠标按下即跳转到“网站公告”页面；在网站首页顶端插入滚动的欢迎字幕，方法同上。在Dreamweaver8.0里打开主页面，在页面中相对应除插入图片切换的代码，实现新闻图片的自动切换的效果。5.4数据库的设计我的个人网站采用的数据库是Access，有temp1。mdb，temp.mdb，bbs。mdb三个数据库文件。temp。mdb的users表文件为用户登录与注册。temp1。mdb的picture为我的相册的数据表文件。bbs.mdb的forum和bbs是实现我的论坛的表文件。以下就的各个数据库表文件的详细介绍：users表:5-1字段名称说明username用户登录与注册名password用户与注册登录的密码realname用户注册所填写的真实姓名sex用户注册的性别address用户注册的通讯地址postalcode用户注册的邮政编码tel用户注册电话email用户注册电子邮箱web用户注册个人主页intro用户注册个人简介Picture表：5-2字段名称说明title网页所显示的图片名字flilename图片的名字Froum表5—3字段名称说明froum_id为论的栏目id编号title论坛的论题body论坛发表的内容hits用户点击的次数ip用户的ip地址user_id用户发表贴子的用户名user_email为用户发表贴子的电子邮件名submit_date用户发表文章提交的日期frist_id用户发布贴子的主题目father_id用户发布贴子的子题目froumnme论坛的栏目froumcout统集用户对某一栏目发布贴子的数目如果用户未输入用户名与密码而想登录而单击了用户登录界面的确定按钮,就会弹出“用户名不能为空！”消息是用以下代码现实的.〈scriptlanguage="JAVASCRIPT”> <!——functioncheck_Null（）{ if(document.form1.username。value==””){ alert（"用户名不能为空！")； returnfalse; } if（document。form1.password.value==”"){ alert（”密码不能为空！”）; returnfalse； ｝ returntrue; ｝ //--〉 〈/script>用户的注册的功能分为了三步:第一步为注册用户输入用户名与密码(ADD_2。asp），第二步注册用户填写详细信息（ADD_3。asp）,第三步为用户注册成功的祝贺语。第一步中用户注册的用户名要是已有用户使用了网站就会给予提示“已有人使用该用户,请重新填写。实现这个功能是通过以下代码实现的：sql=”selectusernamefromuserswhereusername=’"&request(”username")＆"’" setrs=db。execute(sql） Ifnotrs.eofandnotrs。bofThen exit_