毕业论文-绍兴市闪现钢管企业网站的设计与实现

摘要 1Abstract 1目录 2第1章 概述 3第2章 开发工具简介 42.1 开发工具 42.2 ASP的介绍 42.3 Access的介绍 4第3章 功能需求 53.1 分析与概要设计： 53.1.1 前台： 53.1.2 后台： 53.2 数据流程分析： 63.3 数据词典 7第4章 网站数据库结构设计 94.1 网站逻辑结构设计 94.2 网站物理结构设计 11第5章 网站界面设计与实现 135.1 前台页面实现 135.1.1 网站首页 135.1.2 新闻模块 135.1.3 产品展示模块 145.2 网站后台实现 145.2.1 后台登录页面 145.2.2 后台管理页面 155.3 后台各功能实现模块 155.3.1 网站基本设置 155.3.2 后台用户管理 16第6章 环境 186.1 运行环境 186.2 开发环境 18第7章 结束语 19谢辞 20参考文献 21

概述做生意要选好的“门面”，网站建设也一样，许多人认为网站建设、网站制作越省钱越好，其实，这个钱是不应该省的，首先我们要清楚的看到，未来许多的客户可能并没有见过我们的公司，只是从企业网站中对我们进行了解，然后建立信任关系，从而达成交易的，所以我们的企业网站建设与我们的公司“门面”一样重要，并且随着市场的发展，会越来越重要的……1．建立企业形象让别人看到自己，展示企业的实力。企业就能够在国内和世界"亮相"，无疑是一种宣传企业、产品和服务的机会。从广告意义上看，企业网站事关企业形象建设，没有网站也谈不上企业形象。2．主动抢占先机企业上网，这是时代发展的必然，任何一家企业要想跟上时代发展的潮流，必须尽快上网。为了不被竞争对手建立网站抢占先机，为了不落后于时代潮流，应该考虑建站的必要性。3．做网上广告企业可以利用自己或别人的网页在网上打广告。一些专业的网络服务者(称为ISP，即网络服务提供商)在网上开设汇总信息的大型信息服务系统(称ISP网站)，面向企业提供广告服务业务。网上广告通常以一个醒目的图形贴在ISP的网页上，通过该图形可以链接更多的和更具体的广告信息，其信息量可以很大。企业网站本身就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，方便浏览。现代社会中的所有著名企业都在网上建立了自己的网页或网站。企业最关心的是建设网站能给企业带来哪些好处，确切地说，网站有这些作用：一、有利于树立企业形象，提高企业的知名度作为第四媒体的互联网，其特点就是可以跨越时空正常情况下，网站无时无刻不在工作通过企业的网站，用户可以跨越时空了解企业，利用多媒体技术，企业可以向用户展示产品、技术、经营理念、企业文化、企业形象，树立现代企业形象，增值企业无形资产。二、有利于拓展营销渠道，扩大市场，提高营销效率企业通过网站可以开展电子营销。首先，电子营销作为传统营销的补充；其次，电子营销可以拓展新的空间，增加销售渠道，接触更大的消费群体，获得更多的新顾客，扩大市场；再次，电子营销可以减少环节，减少人员，节约费用，降低成本，有利于提高营销效率。三、有利于了解顾客的意见，掌握顾客的需求在不干扰顾客正常工作和生活的条件下,企业通过网站上的调查表、留言薄、定制服务以及E-MAIL可以倾听顾客的意见，了解顾客的心声，加强企业与顾客间的联系建立良好的顾客关系。四、有利于改善服务，提高企业服务质量利用网站，通过电子沟通方式，企业开展的在线服务是传统的沟通方式（如邮件、电话、传真等）所无比拟的，在线服务能够更加及时准确地掌握用户的需求，通过网站的交互式服务使得被动提供和主动获得统一起来，从而实现售前、售中、售后的全过程和全方位的服务。五、有利于改变企业的业务流程，提高企业管理水平当企业逐渐基于网站开展业务时，企业的业务流程、组织机构、人员构成、人员素质也将随之改变，企业将优化业务流程、精简机构、提高人员素质，从而，提高企业管理水平，增强企业的竞争力。

开发工具简介开发工具DREAMWAVER介绍DREAMWAVER是美国公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。ASP的介绍ASP是ActiveServerPagers的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是asp,现在常用于各种动态网站中。ASP是一种服务服务器端脚本编写环境，可以用来创建和运行动态网页或web应用程序。ASP网页可以包含HTML标记、也可以创建使用HTML网页作为用户界面的web应用程序。ASP网页具有以下特点：（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP文件时包含在HTML。Access的介绍Access是微软公司推出的基于Windows的桌面关系数据库存管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模版，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。Access是一种关系型数据库存管理系统，其主要特点如下：存储方式单一；面向对象；界面友好、易操作；集成环境、处理多种数据库存信息；Access支持ODBC(开发数据库互连，OpenDataBaseConnectivity)，利用Access强大的DDE（动态数据转换）

功能需求分析与概要设计：前台：前台提供公司简介，资质荣耀，产品展示、订购，生产车间观摩，销售网络，留言反馈等模块。后台提供对用户的管理，常规的管理，文章的管理，产品的管理和订单的处理等模块。采用循环进化的开发方式，对系统模型作连续的精化，将系统需具备的性质逐渐增加上去，直到所有的性质全部满足。此时模块也发展成为最终产品了。1、网站共分为两部分，一部分是面向用户的部分，包括：公司简介，资质荣耀，产品展示在线留言，新闻中心，联络方式，生产车间观摩等操作。另外一部分是网站管理部分，这部分内容包括：新闻管理，系统管理，产品管理和友情链接等。如图2.1所示：公司简介：介绍公司住所地、规模、经营范围、有何特点等等。公司荣耀：营业资质荣耀管理。产品展示：展示公司所有的产品基本信息等。生产车间：展示生产车间图片新闻中心：公司新闻、行业动态。每日咨询等。销售网络：介绍公司主销地点。在线留言：客户把疑难杂症留言给公司。联系我们：公司跟客户的交流平台。闪现钢管企业网站闪现钢管企业网站公司首页企业简介资质荣誉产品展示生产车间新闻资讯销售网络在线留言联系我们图3.1网站前台功能模块划分图后台：后台管理部分功能，如图2.2所示：管理首页：身份显示，修改密码，网站首页，退出等。常规管理：网站基本设置，使用帮助，管理员管理，钢管标准管理等。文章管理：发布文章，文章分类管理等。产品管理：发布新产品，产品管理。友情链接管理：添加友情链接，友情链接管理。网站后台网站后台管理首页常规管理文章管理身份显示修改密码网站首页网站设置使用帮助管理员管理钢管信息管理公告管理简介管理联系方式管理服务项目管理资质荣耀车间管理销售网络招聘管理留言管理更新缓存发布文章文类管理文章管理产品管理链接管理新产品发布产品管理添加友情链接友情链接管理图3.2网站后台功能模块划分图数据流程分析：下图描述的是闪现钢管网的顶层图和0层图。网站顶层图：闪现钢管网站系统的数据流程，如图2.3所示：闪现钢管网闪现钢管网生产车间管理员客户提供提供购买管理查询图3.3闪现钢管网顶层数据流图0层图：管理员在整个系统中可以进行的操作流程过程，如图2.4所示：管理员管理员管理员管理网站企业信息管理企业新闻管理产品管理设置公司招聘管理网站留言管理文章管理网站首页管理员信息企业信息新闻信息产品信息招聘信息留言信息文章管理网站数据图3.4闪现钢管网0层图数据词典数据词典的任务是对于数据流图中出现的所有被命名的图形元素在数据词典中作为一个词条加以定义，使得每一个图形元素的名字都有一个确切的解释。数据词典见表3.0-3.5所示：表3.0企业简介名称企业简介标识3.0接口说明输入添加、管理以及信息的分类输出更新的企业信息功能说明管理更新企业信息表3.1会员管理名称企业简介标识3.1接口说明输入修改、删除会员信息输出无功能说明包括会员库的建立、会员数据分析、分类及实时更新等表3.2系统管理名称企业简介标识3.2接口说明输入管理员管理、网站配置等输出网站的基本信息功能说明企业管理的信息资源。包括其使用的地方、配置它、更新维护它等表3.3客户留言名称企业简介标识3.3接口说明输入查看、审核、回复客户的留言输出客户的留言和回复功能说明管理客户留言及对留言的回复表3.4联系我们名称企业简介标识3.4接口说明输入无输出可以通过拨打电话、Email等方式功能说明使得用户及旅游公司之间进行更进一步的交流及互动表3.5新闻管理名称企业简介标识3.5接口说明输入添加、管理以及信息的分类输出最新的行业信息功能说明管理更新行业信息

网站数据库结构设计网站逻辑结构设计概念结构设计所得的E-R模型是对用户需求的一种抽象的表达形式，它独立于任何一种具体的数据模型，因而也不能为任何一个具体的DBMS所支持。为了能够建立起最终的物理系统，还需要将概念结构进一步转化为某一DBMS所支持的数据模型，然后根据逻辑设计的准则、数据的语义约束、规范化理论等对数据模型进行适当的调整和优化，形成合理的全局逻辑结构，并设计出用户子模式。这就是数据库逻辑设计所要完成的任务。Fl_Admin数据库用于更新或修改管理管理员的登录用户名、登录密码等基本信息而设置的，Fl_Admin的实体E-R图，如图4.1所示：Fl_AdminFl_AdminUserNameUserPwdUserFlagLastIPLastLoginLastLogoutLoginsIsLockedUserType图4.1Fl_Admin的实体E-R图Fl_Class数据库用于添加、修改企业等基本信息而设置的，Fl_Class的实体E-R图，如图4.2所示：Fl_ClassFl_ClassClassIDClassNameParentIDDepthChildParenPathOrderIDChannelID图4.2Fl_Class的实体E-R图OrderList数据库用于客户购买企业产品的订单等基本信息而设置的，OrderList的实体E-R图，如图4.3所示：Fl_OrderListFl_OrderListProIDProNameBuyNumTotalPricesIDOrderNo图4.3Fl_OrderList的实体E-R图Fl_Products数据库是展示企业的所有产品的基本信息，Fl_Products的实体E-R图，如图4.4所示：Fl_ProductsFl_ProductsProNameProPicProIDProPriceProContentClassidAddDate图4.4Fl_Products的实体E-R图各局部E-R图集成E-R总图。如图4.5所示：网站网站游览订购产品管理管理员管理订单客户修改密码留言登录游览更新游览登录NYYNYN图4.5E-R总图网站物理结构设计数据库在物理设备上的存储结构与存储方法称为数据库的物理结构，它依赖于给定的计算机系统。为一个给定的逻辑数据模型选取一个最适合应用要求的物理结果的过程，就是数据库的物理设计。根据上面的分析，运用了Access创建了数据库，里面包含了Fl_Admin、Fl_Help、Fl_OrderList、Fl_Products等表。Fl_Admin表用于存储管理员信息资料,具体表结构如表4.1所示：表4.1Fl_Admin编号字段名称数据类型说明1UserName文本用户名称2UserPwd数字用户密码3UserFlag备注用户标记4LastIP数字最后一次登录IP地址5LastLogin数字最后一次登录时间6Logins数字登录次数7IsLocked备注锁定角色8UserType文本用户类型Fl_Help表用于存储留言信息，具体表结构如表4.2所示：表4.2Fl_Help编号字段名称数据类型说明1ID数字留言编号2Tag备注标签3Title文本标题4Content文本内容5Default备注审核Fl_OrderList表是用于存储订货单信息，具体如表结构表3.3所示：表4.3Fl_OrderList编号字段名称数据类型说明1ProID数字档案编号2ProName文本档案名称3BuyNum文本购买数量4TotalPrices数字总价格5ID数字编号6OrderNo数字订单编号Fl_Products是用于存储产品信息，具体结构如表4.4所示：表4.4Fl_Products编号字段名称数据类型说明1ID数字信息编号2ProID数字产品编号3ProName文本产品名称4ProPic数字产品图片5ProPrice数字价格6VipPrice数字优惠价格7ProContent文本产品含量8AddDate数字添加时间9AddUser文本添加用户10Hist数字评价11IP数字IP地址12Passed文本审核网站界面设计与实现前台页面实现网站首页本网站首页包括首页，公司简介，资质荣耀，产品展示，生产车间，新闻资讯，在线留言，销售网络，联系我们。如下图5.1所示：图5.1网站首页界面新闻模块新闻模块首页如图5.2所示：图5.2新闻界面产品展示模块产品展示模块展示公司的主要产品和最新产品，如图5.3所示：图5.3产品展示界面网站后台实现后台登录页面后台登录页面如图5.4所示，后台登录主要用到asp的session对象，和select语句，首先获取表单值和数据库比对，如果数据库有该用户，就获取个session值，用户就可以登录进去，或则登录失败。图5.4后台登录界面主要代码参考如下：functionCheckForm(){ if(document.Login.username.value=="") { alert("请输入用户名"); document.Login.username.focus(); returnfalse; } if(document.Login.password.value=="") { alert("请输入密码"); document.Login.password.focus(); returnfalse; } if(document.Login.CodeStr.value==""){alert("请输入您的验证码");document.Login.CodeStr.focus();return(false);}}后台管理页面后台管理页面是管理员对网站进行最基本的操作，如图5.5所示：图5.5后台管理界面后台各功能实现模块网站基本设置网站基本设置是对企业网站的介绍，如图5.6所示：图5.6网站基本设置后台用户管理后台用户管理是添加、删除、修改管理员的密码等，如图5.7所示：图5.7后台用户管理主要代码参考如下：<%addyes=trim(request.QueryString("add"))addyes2=trim(request.QueryString("add2"))idd=trim(request.QueryString("idd"))'新建管理员ifaddyes="addRe"andaddyes2=""thenusername=trim(request.Form("username"))name1=trim(request.Form("name"))password=trim(request.Form("password"))password1=trim(request.Form("password1"))adminclass=trim(request.Form("adminclass"))working=trim(request.Form("working"))iflen(username)<4orisempty(username)orlen(username)>10thenresponse.write"<scriptlanguage=javascript>alert('登录名必填，且字符数为4-10位！');history.back(-1);</script>"response.endendififlen(password)<6orisempty(password)thenresponse.write"<scriptlanguage=javascript>alert('密码长度必须大于或等于6位的！');history.back(-1);</script>"response.endendififpassword<>password1thenresponse.write"<scriptlanguage=javascript>alert('两次输入密码不同！');history.back(-1);</script>"response.endendifTsql="Select*FromNwebadminWhereusername='"&username&"'"setrsT=conn.Execute(Tsql)IfNotrsT.EOFThenresponse.write"<scriptlanguage=JavaScript>"&chr(13)&"alert('此登录名已经有人使用了！');"&"history.back()"&"</script>"Response.EndEndIfrsT.closesetrsT=nothingsql="select*fromNwebadminwhere(idisnull)"setrs=server.createobject("adodb.recordset")rs.opensql,conn,1,3rs.addnewrs("username")=usernamers("name")=name1rs("password")=MD5(password)rs("adminclass")=adminclassrs("addtime")=date()rs("working")=workingrs.updateresponse.Redirect"AdminAll.asp"rs.closesetrs=nothingendif'取得修改数据ifaddyes2="yestoupdate"andaddyes="UpdateRe"thensql="select*fromNwebadminwhereid="&idd&""setrs=server.createobject("adodb.recordset")rs.opensql,conn,1,1username=rs("username")name1=rs("name")adminclass=rs("adminclass")working=rs("working")rs.closesetrs=nothingendif'提交修改数据ifaddyes2="yestoupdate"andaddyes="addRe"thensql="select*fromNwebadminwhereid="&idd&""setrs=server.createobject("adodb.recordset")rs.opensql,conn,1,3rs("username")=trim(request.Form("username"))rs("name")=trim(request.Form("name1"))iflen(trim(request.Form("password")))<>0orlen(trim(request.Form("password1")))<>0theniflen(trim(request.Form("password")))<6orisempty(trim(request.Form("password")))thenresponse.write"<scriptlanguage=javascript>alert('密码长度必须大于或等于6位的！');history.back(-1);</script>"response.endendififtrim(request.Form("password1"))<>trim(request.Form("passwor