企业网站的设计与实现毕业论文.doc

企业网站的设计与实现
——后台管理的设计与实现

摘 要：伴随着计算机技术在各行各业日益广泛和深入的应用，网络的概念早已深入人心。今天的网络在各行各业的发展战略中占据了重要的位置，成为企业不可分割的部分。企业产品与企业形象的宣传已不只局限于电视与报纸，网络已成为企业展示自己的另一个舞台。企业建立网站，将企业各方面的宣传与服务展现于网络中，通过网络更可实现如网上购物、信息查询等功能，这些在改变我们原有经营方式与经营理念的同时，也为企业带来了更高的效益。因此，对于一家婚纱影楼来说，拥有一个属于自己的网站是至关重要的。
本网站提供了一系列的功能，使我们能够全方位的了解影楼，如影楼简介、最新作品、婚纱出租、客户服务等。

关键词：企业网站；ASP；Dreamweaver；数据库
Design and Implementation of Corporate Website
——Design and Implementation of Background Management  

Abstract: Apply to all professions and trades gradually broad and thorough ,the network concept is deeply rooted among the people long ago to be accompanying computer art .Network today has become the inalienable part of enterprise in the all professions and trades development strategy .The enterprise product and the enterprise image propagating are confined to TV already not only and newspaper ,the network already become enterprise showing self another stage .Enterprise builds website ,every aspect propagating and service unfold in Yu network with enterprise ,these have also brought higher beneficial result to higher beneficial result by the fact that the network may come true if function such as web shopping ,the information hunt more ,in idea simultaneous changing our original mode of business operation and managing .Therefore, yarn to one marriage to inspect with image building ,owning a website belonging to self is all-important. That website has provided the function a train of ,makes us all-direction being able to knowing the image building ,yarn lets out, customer service waits if depicting the building brief introduction , up-to-date work , marriage .Website has several the following parts composition : The brief introduction ,up-to-the-minute trends, work appreciate the home page ,the image building ,marriage yarn rents out, order, covers the friend forum as with a net on the net . Proscenium exploitation implement applies ASP, Dreamweaver , flash animated cartoon etc, builds the website being rich in development effect . Backstage supporter applies SQL Server building-up data bases , carries out the data administration ,completeness keeping a data .

Keywords: Corporate Website；ASP；Dreamweaver；Database

目 录
第1章 绪论 1
第2章 开发及运行环境 2
2.1 开发工具的选用及介绍 2
2.1.1 ASP简介 2
2.1.2 页面设计工具 2
第3章 需求分析 3
3.1 客户端 3
3.2 功能需求 3
3.2.1 描述 3
3.2.2 系统功能 3
3.2.3 数据描述 4
第4章 详细设计 5
4.1 后台管理设计 5
4.1.1 后台管理框架图 5
4.2 数据库设计 5
第5章 系统的实现与代码设计 7
5.1 后台登陆页面实现 7
5.2 作品管理 7
5.2.1 客户管理 7
5.2.2 作品分类 8
5.2.3 管理作品 11
5.3 价位设置 17
5.3.1 设置价位 17
5.4 关于我们 17
5.5 系统管理 20
5.5.1 管理员设置 20
第 6 章 总结与展望 25
6.1 总结 25
6.2 展望 25
毕业设计体会 26
致谢 27
参考文献 28
A 英文翻译资料 30

II

第1章 绪论
本设计阐述了企业网站开发系统的过程：作品管理、价位设置、客服与活动、关于我们、系统管理。其中作品管理分为客户管理、作品分类、管理作品。价位设置明确了各类产品的价位。客服与活动包括了活动管理和QQ客服两个模块，能够详细及时的解决客户的各种问题。关于我们这个模块能够让客户详细细致的了解我们。系统管理界面分为管理员设置和推出管理。根据企业网站系统开发生命周期的原理，结合“皇氏婚纱摄影”的实际情况采用模块式划分，逐步细化的设计方法和实现方法，采用ASP、Access、页面设计软件Dreamweaver开发了本企业网站系统。
近年来，随着网络技术的迅猛发展和市场竞争的不断加剧，企业网站在现代社会中扮演越来越重要的角色。企业建立网站除了宣传企业，树立品牌和形象外，更重要的是建立企业与外界的商务往来和信息交流。
本设计结合企业建立网站的实际情况，经过可行性研究和深入的需求分析，采用最新的开发平台ASP.NET与Access结合作为开发工具而开发出来的基于B/S结构的企业门户网站系统。在设计与开发过程中也形成了本系统的一些特色：
（1）通用性。系统适用于一般的企业，企业通过此系统可以发布产品信息、公司新闻、公告、客户管理等。
（2）易用性。系统界面友好、操作简便，不需要专业人员操作，所有数据管理采用网页结构，整个系统采用功能相对独立的体系，容易理解，使用方便。
（3）安全性。系统采用数据加密技术，验证码等来提高系统的安全性，同时系统有一个超级管理员，他的权限没有限制，而其他管理员则有权限限制，这也提高了系统使用的安全性和数据的保密性。

第2章 开发及运行环境
2.1 开发工具的选用及介绍
2.1.1 ASP简介
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。另外阿斯匹林、天门冬氨酸、阿里软件销售合作伙伴、美国武装系统暨程序公司等的缩写也都为ASP
2.1.2 页面设计工具
网页三剑客：Dreamweaver、Firewoke、Flash。
第3章 需求分析
3.1 客户端
了解Client 及Server 间的关系。在计算机的世界里，凡是提供服务的一方我们称为伺服端（Server），而接受服务的另一方我们称作客户端（Client）。我们最常接触到例子是局域网络里的打印服务器所提供的打印服务：提供打印服务的计算机，我们可以说它是打印服务器；而使用打印服务器提供打印服务的另一方，我们则称作客户端。但是谁是客户端谁是伺服端也不是绝对的，例如倘若原提供服务之伺服端要使用其它机器所提供之服务，则所扮演之角色即转变为客户端。
而这种关系在因特网上，就变成使用者和网站的关系了。使用者透过调制解调器等设备上网，在浏览器中输入网址，透过HTTP 通讯协议向网站提出浏览网页的要求（Request）。网站收到使用者的要求后，将使用者要浏览的网页数据传输给使用者，这个动作称为响应（Response）。网站提供网页数据的服务，使用者接受网站所提供的数据服务；所以使用者在这里就是客户端，响应使用者要求的网站即称为伺服端。
不过客户端及伺服端的关系不见得一定建立在两台分开的机器上，同一台机器中也有这种主从关系的存在。提供服务的伺服端及接受服务的客户端也有可能都在同一台机器上，例如我们在提供网页的服务器上执行浏览器浏览本机所提供的网页。
3.2 功能需求
3.2.1 描述
本网站是为了婚纱摄影店开发的，随着信息时代的发展,社会普遍对网络的需求，该网站能够提供更多实用功能，本着实用、美观、高效的目的，该网站能够提供如下功能需求：作品管理、价位设置、客服与活动、关于我们、系统管理等。
3.2.2 系统功能
婚纱摄影网站的后台由如下功能组成：
Ø 作品管理
Ø 价位设置
Ø 客服与活动
Ø 关于我们
Ø 系统管理
3.2.3 数据描述
本系统实体之间主要有以下几类联系（Relation）：用户与网站页面之间存在管理联系（M:N）、用户与留言发表之间（1:M）、用户与友情链接（1:M）。
第4章 详细设计
4.1 后台管理设计
4.1.1 后台管理框架图
后台管理
主界面
作品管理
价位设置
客服与活动
关于我们
系统管理

图4.1 后台管理框架图
4.2 数据库设计
表4.1 关于我们
字段名称
数据类型
字段说明
uname
文本
摄影师名称
images
文本
图片
description
备注
主要是摄影

表4.2 管理员
字段名称
数据类型
字段说明
username
文本
管理员名称
userpwd
文本
要做的事情
logintime
日期/时间
做的时间

表4.3 价位设置
字段名称
数据类型
字段说明
package
文本
价位
packagecontent
备注
时间权限
pquantity
文本
照片的张数
第5章 系统的实现与代码设计
5.1 后台登陆页面实现

后台界面

图5.1 后台登录界面

5.2 作品管理
5.2.1 客户管理
能更好的查看我们企业的客户信息，了解企业的知名度。客户管理如图5.2所示。

图5.2 客户管理

5.2.2 作品分类
能更好的把企业里的作品更好的管理，客户要看的时候能更好、更快的浏览到公司的作品。作品如图5.3所示。

图5.3 作品分类
代码分析：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!--#include file="chklogin.asp" -->
<!--#include file="inc/config.asp"-->
<!--#include file="inc/function.asp"-->
<%
dim strsql
dim i
con.open constr
strsql = "select categoryid,categoryname,orders from category order by orders desc"
set rs = execsql(strsql,con)

dim reval
if request("flag")="create" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>创建新作品分类成功！</font>"
elseif request("flag")="modify" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>修改作品分类成功！</font>"
elseif request("flag")="delete" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>删除作品分类成功！</font>"
end if
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片分类管理</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script>
<!--
function trim(str){
return str.replace(/(^\s*)|(\s*$)/,"");
}
function modifys(categoryname,categoryid){
frmcate.category.value=decodeURIComponent(categoryname);
frmcate.categoryid.value=categoryid;
frmcate.prctype.value="modify";
frmcate.Submit.value=" 修 改 ";
document.getElementById("shint").style.display='none';
}
-->
</script>
<script language="vbscript" src="../js/code.vbs"></script>
<script language="javascript" src="../js/code.js"></script>
</head>

<body>
<fieldset class="filedsets" style="width:96%">
<legend>作品分类管理</legend>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="table">
<form id="frmcate" name="frmcate" action="processcategory.asp" target="flm">
<tr>
<td height="29"><strong>分类名称:</strong>
<input name="category" type="text" class="input" id="category">
<input name="Submit" type="submit" class="button" value=" 创 建 " style="height:25px ">
<input name="prctype" id="prctype" type="hidden" value="create">
<input name="categoryid" id="categoryid" type="hidden">

</td>
<td>
<div id="shint"><%=reval %></div>
</td>
</tr>
</form>
</table>
<table width="96%" border="0" align="center" class="ttable">
<tr align="right" valign="baseline">
<td height="25" colspan="4"><img src="image/setting.gif">:修改&nbsp;<img src="image/del.gif">:删除</td>
</tr>
<form id="frmorder" name="frmorder" action="processcategory.asp" method="post" target="flm">
<tr class="theader">
<td width="16%" align="center">编号</td>
<td width="21%" >作品<strong>分类名称</strong></td>
<td width="51%" valign="middle" >排序(最上面的四类可在首面显示)
<input name="saveorder" type="submit" id="saveorder" value=" 保 存 ">
<input name="prctype" type="hidden" id="prctype" value="orders"> </td>
<td width="12%" align='center'>选项</td>
</tr>
<%
i=1
while not rs.eof
%>
<tr class="tbbody" onMouseOver="this.className='mouseoverback'" onMouseOut="this.className='mouseoutbacks'">
<td align="center"><strong><%=i %></strong></td>
<td ><%=rs("categoryname") %></td>
<td >
<input name="order" type="text" id="order" value="<%=rs("orders")%>" size="8">
<input name="cid" type="hidden" id="cid" value="<%=rs("categoryid")%>"> </td>
<td align="center" ><img src="image/setting.gif" style="cursor:pointer" title="修改" onClick="modifys('<%=server.URLEncode(rs("categoryname")) %>','<%=rs("categoryid") %>')">&nbsp;&nbsp;&nbsp;<a href="processcategory.asp?prctype=delete&categoryid=<%=rs("categoryid") %>" target="flm" onClick="if(confirm('你确定要删除此图片吗?')){return true}else return false;"><img src="image/del.gif" border="0" style="cursor:pointer" title="删除" ></a></td>
</tr>

<%
rs.MoveNext
i=i+1
wend
%>
</form>
<tr class="tbbody">
<td colspan="4" align="center" class="theader">&nbsp;</td>
</tr>
</table>
</fieldset>
<iframe id="flm" name="flm" width="0" height="0" frameborder="0"></iframe>
</body>
</html>

5.2.3 管理作品
能有效的管理作品，使之浏览更清楚，管理作品如图5.4所示。

图5.4 管理作品
代码分析：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!--#include file="chklogin.asp" -->
<!--#include file="inc/config.asp"-->
<!--#include file="inc/function.asp"-->
<%
con.open constr '打开连接
cn.open constr '打开连接
dim reval
if request("flag")="create" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>创建新作品成功！</font>"
elseif request("flag")="modify" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>修改作品成功！</font>"
elseif request("flag")="delete" then
reval="<img src='image/ok.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>删除作品成功！</font>"
end if
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>上传新图片</title>
<script language='javascript' src='js/loading.js'></script>
<script language="vbscript" src="../js/code.vbs"></script>
<script language="javascript" src="../js/code.js"></script>
<script language='javascript'>
<!--
function subfrm(){
frmfile.upsub.value="处理中...";
frmfile.upsub.disabled=true;
return true;
}
function chkfrm(){
if(trim(createprod.filename.value)==""){
document.getElementById("shint").innerHTML="<img src='image/waring.gif'><font style='font-weight:bold;font-size:14px;color:#FF0000'>您还没有上传图片,请先上传图片!</font>";
return false;
}
}
function trim(str){
return str.replace(/(^\s*)|(\s*$)/,"");
}
function modifys(pname,pcategory,photo,description,pid,CustID){
createprod.pname.value=decodeURIComponent(pname);
createprod.description.value=decodeURIComponent(description);
createprod.filename.value=photo;
createprod.p_id.value=pid;
createprod.prctype.value="modify";
createprod.createsub.value=" 修 改 ";
for(i=0;i<createprod.pcategory.length;i++){
if(createprod.pcategory.options[i].value==pcategory){
createprod.pcategory.options[i].selected=true;
}
}
for(i=0;i<createprod.custid.length;i++){
if(createprod.custid.options[i].value==CustID){
createprod.custid.options[i].selected=true;
}
}
document.getElementById("pimg").src="../uploadfile/"+photo;
document.getElementById("shint").style.display='none';
}
function showimgs(){
document.getElementById("pimg").src=frmfile.photos.value;
}
-->
</script>
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>

<body>
<fieldset class="filedsets" style="width:96%">
<legend>上传新新作品</legend>
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0" class="table">
<form id="frmfile" name="frmfile" method="post" enctype="multipart/form-data" action="uploadfile.asp" target="flm">
<tr>
<td width="70" height="35" align="right"><strong>照片路径:</strong></td>
<td><div style="float:left">
&nbsp;&nbsp;<input name="photos" type="file" id="photos" onChange="showimgs()" class="fileinput"/>
&nbsp;&nbsp;<input name="upsub" type="Submit" class="button" id="upsub" value="上 传" style="height:24px;"/>&nbsp;&nbsp;
</div>
<div style="float:left" id="imgtip"></div> </td>
<td width="212" rowspan="5"><img style="margin-top:2px;" name="pimg" src="image/no.png" width="120" height="160" id="pimg"></td>
</tr>
</form>
<form id="createprod" name="createprod" action="processproduction.asp" method="POST" target='flm' onSubmit="return chkfrm()">
<tr>
<td width="70" height="35" align="right"><strong>照片名称:</strong></td>
<td width="212">&nbsp;&nbsp;<input name="pname" type="text" class="input" id="pname" /></td>
</tr>
<tr>
<td width="70" height="35" align="right"><strong>作品所属:</strong></td>
<td>&nbsp;&nbsp;<select name="custid" class="input" id="custid">
<%=getcustomer() %>
</select>
</td>
</tr>
<tr>
<td width="70" height="35" align="right"><strong>照片分类:</strong></td>
<td>&nbsp;&nbsp;<select name="pcategory" class="input" id="pcategory">
<%=getcategory() %>
</select>
</td>
</tr>
<tr>
<td width="70" height="35" align="right" valign="top"><strong>照片描述:</strong></td>
<td valign="top">&nbsp;&nbsp;<textarea name="description" class="txtarea" id="description"></textarea></td>
</tr>
<tr>
<td height="35" colspan="3" align="center"><input name="createsub" type="Submit" class="button" id="createsub" value=" 创 建 "/>
<input type="hidden" id="filename" name="filename">
<input type="hidden" id="p_id" name="p_id">
<input type="hidden" id="prctype" name="prctype" value="create">
<div id='shint'><%=reval %></div> </td>
</tr>
</form>
</table>
<table width="96%" border="0" align="center" class="ttable">
<tr align="right" valign="baseline">
<td colspan="7"><img src="image/setting.gif">:修改&nbsp;<img src="image/del.gif">:删除</td>
</tr>
<tr class="theader">
<td width="6%" align="center">编号</td>
<td width="23%" >作品名称</td>
<td width="16%" >分类</td>
<td width="16%" >作品所属</td>
<td width="12%" >照片</td>
<td width="21%" >照片描述</td>
<td width="22%" align='center'>选项</td>
</tr>
<%
dim strsql
dim i
dim rscust
strsql = "select pid,pname,pcategory,photo,description,categoryname,p.CustID from production as p left join category as c on p.pcategory=c.categoryid order by pid desc"
set rse = execsql(strsql,con)
i=1
while not rse.eof
strcust = "select CustName from Customer where CustID=" & rse("CustID")
set rscust = execsql(strcust,cn)
if not rscust.eof then
custname = rscust("CustName")
end if
%>
<tr class="tbbody" onMouseOver="this.className='mouseoverback'" onMouseOut="this.className='mouseoutbacks'">
<td align="center"><strong><%=i %></strong></td>
<td ><%=rse("pname") %></td>
<td ><%=rse("categoryname") %></td>
<td><%=custname %></td>
<td ><%=rse("photo") %></td>
<td ><%=rse("description") %></td>
<td align="center" ><img src="image/setting.gif" style="