毕业论文

题 目 网上商城网站的设计与实现

【内容摘要】

随着社会经济的不断发展，电子商务这种新兴的商业形式开始进入中国社会。当人们不用走出家门就能得到自己想要的商品的时候，他就已经体会到电子商务的优越性了。我所做的这个网上购物系统采用ASP.NET为开发工具，Access为后台数据库，实现了网上交易，来满足当前社会人们的购物需求。那么电子商务的实现载体又是什么呢？实现它的工具又是什么？网络，为我们提供了一切的可能性。网络实实在在的给我们带来了很多的方便，色彩色彩缤纷的网络世界无所不能。我这个项目正是应用ASP.NET技术和Visual Studio 2008,photoshop等应用软件来制作，并基于web来实现。基于web的网上销售网站实现了一个完整的购物功能。从用户注册到商品查询再到下订单并最终达到购物的实现。

关键词：Access；ASP.NET；Visual Studio 2008；photoshop

第一章 绪论

网上购物越来越受欢迎了，网上购物是一种潮流，网上购物是网络发展的必然趋势。网上购物的平台有B2B的。有B2C的，大家耳熟能详的有淘宝网，卓越网，当当网，拍拍网，京东商城等大型的网上商城，网上购物的发展是一种必然趋势。

随着人们生活水平的不断提高，网络的不断成熟，网上购物也不断成熟，网上商城也越来越多。网上购物会出现两种不同的发展趋势：一种是走低价格路线，像超市一样，有物美价廉的商品；另一种是销售高档消费品，随着人们文化和生活水平的不断提高，在人们生活必需品消费价格越来越低的情况下，人们对于高档消费品的需求也会不断提高，而网上购物也会为这部分需求提供服务。因此，网上购物将会向这两个不同的方向发展，拥有各自的客户群体，并且都可能会做的很好。

电子商务网站是信息时代企业生存的基础，同时也是企业对外展示信息、从事商务活动的窗口和平台。如何设计、建立一个经济、实用、安全、高效、稳定的网站是每个电子商务网站必须要考虑的问题。

ASP.NET是Microsoft提出的一种网络服务器端编程环境。ASP.NET已经成为开发动态网站的重要而快速、有效的工具。ASP.NET强大的功能使之成为一种优秀的服务器技术。随着网络技术的日益成熟，ASP.NET技术在网络编程中也变得越来越重要。所以，在我的毕业设计中，我采用了ASP.NET作为开发工具，构建了一个能实现简单的电子商务的小型动态商务网站—第一佳商城网站。该 网站能实现用户的注册、登录等功能，能够实现商品的查询，订购，客户留言等功能，后台还可以对该系统进行精细管理。该网站基本上具备一个商品销售网站应该具备的功能，该设计项目基本上体现了构建一个动态商务网站所需要的技术，可以说，目前的大型商务网站也就是在小型网站上内容的扩充和重复。

第二章 可行性分析

自20世纪90年代以来，信息化浪潮席卷全球，给传统企业的运作和管理模式带来巨大的冲击。越来越多的传统企业认为，以网络化、知识管理、全球化为主要特征的新经济已是不可逆转的趋势，电子商务化已成为企业发展的必由之路面对internet本身所具有的开放性、全球性、低成本、高效率等特点，传统商业暴露的问题越来越明显，原有的商业格局、商务运作模式在internet面前也显得无能为力，客观形势给传统商务工作带来了压力和动力。机遇和挑战、条件和可能，挑战是现实的，机遇是潜在的，所以迫使我们必须重组原有的商业格局，变革原有的商业模式来契合internet的发展以取得最大的效益。电子商务就是这样一种事物，电子商务是指在计算机互联网的支持下进行的商务活动。主要包括网上广告、订货、付款、客户服务和货物递交等售前、售中、售后以及市场调查分析、财务核算及生产安排等多项利用internet开发的商业活动，它对人类社会进行着全方位的改造，在企业竞争、政府部门、公共研究机构、教育以及娱乐等方面改变着人类相互交往的方式，为人们展示了一个全新、璀璨的世界。由于电子商务的出现，传统的经营模式和经营理念将发生巨大的变化。电子商务主要以飞速发展遍及全球的internet网络为架构，以交易双方为主体，以银行支付和结算为手段，以客户数据库为依托的全新商业模式。电子商务将会创造巨大的效益和机会，会将市场的空间形态、时间形态和虚拟形态结合起来，将物流、资金流、信息流汇集成开放的，良性循环的环路，使经营者以市场为纽带，在市场上发挥最佳的作用，得到最大的效益。做一个网上购物网站不是自己一个人就能做好的，而且时间仓促，设计中得偏颇之处必定难免。

第三章 关键的技术

3.1 ASP.NET简介

ASP.NET是微软公司推出的构建动态web站点的强大工具，是微软公司.NET技术框架的一部分，它是一个已编译的、基于.NET的环境，可以用任何与.NET兼容的语言（包括Visual basic.NET、C#和Visual J#）创作应用程序。任何ASP.NET应用程序都可以使用整个.NET框架，开发人员可以方便地获得这些技术的优点。与以前的web开发模型相比，ASP.NET拥有很多更加强大的优势。

为了制作有效的、引人注目的、数据库驱动的动态web站点，必须首先拥有一个稳固的架构来运行web页面，同时有一个丰富的环境来创建和编写这些动态web页面。Microsoft的ASP.NET3.5和Visual Studio 2008联合提供一个最佳平台，在该平台上可创建动态和交互的web应用程序。ASP.NET3.5的开发者可以简单地将控件拖放到页面中并在向导中回答一些问题，控件为页面生成少量的代码，服务器使用该代码构建HTML页面，然后将页面发送到浏览器，这样就可以非常快速地组建和维护一个复杂的站点，而不用像以前的版本一样编写过多的代码。

3.2 Access简介

Microsoft Access在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的web应用程序，这些应用程序都利用ASP技术在Internet Information Services运行，比较复杂的web应用程序则使用PHP/MySQL或者ASP/Microsoft SQL Server。

它的使用方便程度和强大的设计工具为初级程序员提供许多功能。不过，这种便于使用可能使人误解。这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员。因此许多人以为这样的开发者能够创造可用的系统，但也有很多人认为工具本身的局限性产生了这样的误导。

一些专业的应用程序开发人员使用Access用作快速应用开发，特别是给街道上的推销员制作一个初型或独立应用程序的工具。可是如果是透过网络存储数据的话，Access的可扩性并不高。因此当程序被较多的使用者使用时，他们的选择多会是倾向于一些客户端—服务器为本的方案，例如Oracle、DB2、Microsoft SQL Server、Widows Share Point Services、Alpha Five或者File maker。无论如何，不少Access的功能（表单、报告、序列和VB代码）可以用作其他数据库的后期应用，包括JET（档案为主的数据库引擎，Access缺省使用）、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的产品。这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器而没有已经在适当的位置牺牲发展。

3.3 Visual Studio 2008简介

Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代开发工具,代号“Orcas”，是对Visual Studio 2005一次及时、全面的升级。VS2008引入了250多个新特性，整合了对象、关系型数据、XML的访问方式,语言更加简洁。使用Visual Studio 2008可以高效开发Windows应用。设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时Visual Studio 2008支持项目模板、调试器和部署程序。Visual Studio 2008可以高效开发Web应用，集成了ASP.NET AJAX 1.0，包含ASP.NET AJAX项目模板，它还可以高效开发Office应用和Mobile应用。

3.4 Photoshop简介

Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。

ADOBE PHOTOSHOP最初的程序是由Mchigan大学的研究生Thomas创建，后经Knoll兄弟以及ADOBE公司程序员的努力ADOBE PHOTOSHOP产生巨大的转变，一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，目前ADOBE PHOTOSHOP最新版本为6.0，它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。 

Adobe产品的升级更新速度并不快,但每一次推出新版总会有令人惊喜的重大革新.Photoshop从当年名噪一时的图形处理新秀.经过3.0,4.0,5.0,5.5的不断升级,直到目前最新的6.0版,功能越来越强大,处理领域也越来越宽广,逐渐建立了图像处理的霸主地位. 

Photoshop支持众多的图像格式,对图像的常见操作和变换做到了非常精细的程度,使得任何一款同类软件都无法望其颈背;它拥有异常丰富的插件(在Photoshop中叫滤镜),熟练后您自然能体会到"只有想不到,没有做不到"的境界。

而这一切,Photoshop都为我们提供了相当简捷和自由的操作环境,从而使我们的工作游刃有余.从某种程度上来讲,Photoshop本身就是一件经过精心雕琢的艺术品,更像为您度身定做的衣服,刚开始使用不久就会觉得的倍感亲切。

当然,简捷并不意味着傻瓜化,自由也并非随心所欲,Photoshop仍然是一款大型处理软件,想要用好它更不会在朝夕之间,只有长时间的学习和实际操作我们才能充分贴近它。

第四章 系统需求分析

4.1 需求分析

需求分析是整个设计过程的基础，最困难、最消耗时间的一步。它的最终结果是提供一个可作为设计基础的系统说明书，在网站项目的需求分析中主要是由开发者来确定对用户需求的理解程度，而用户调查和市场调研等需求分析活动的目的就是帮助系统开发者加深对用户需求的理解和对前期不明确的地方进行明确化，以便于日后在项目开发过程中作为开发成员的依据和借鉴。当然一次成功的需求分析不仅需要系统开发者的分析而且还需要对客户需求进行分析，这是需要所有开发者共同努力的。

对于用户来说，在商场系统里面所购的物品，希望及时收到商品，在商场系统里的投诉，希望及时得到解决，用户的要求能及时得到满足的情况下，商场的信用度才能得到提高，才能更好的发展，所以对用户进行需求分析是很有必要的。

对于管理员来说，既要考虑用户的要求，又要更好的管理整个系统，所以管理员肩负着双重任务。满足用户要求方面，应该及时处理用户的订单，及时发货，尽快的解决客户的投诉等等，才能有更好的经济效益。管理系统的责任也不能忽视，如对市场做调查，及时更新产品，还有就是对系统进行维护等等。这些在设计该系统的后台进行需求分析时都应该考虑到的。

4.2系统功能模块设计

1、上商城的功能分析，为后续开发做好准备

整个网上商城项目分为4个子系统：商城留言板子系统、商城新闻子系统、商城用户管理子系统、在线购物子系统，整个项目设计流程如图所示：

2、用户工作流程

未登录用户可以实现的功能如图所示：

登录用户除可以实现以上功能外，还可以实现网上购物、生成订单等功能，如图所示：

系统管理员的管理流程如图所示：

第五章 总体设计

第一节 数据库的设计

数据库是设计动态网站必不可少的后台支持，在设计数据库表结构之前，首先要创建一个数据库，在我的网上购物系统中，我定义这个数据库为shop。该数据库中包含了：新闻表news2、产品类别表product，产品信息news、订单表、用户表、管理员表users、购物表、留言板lyb。

下面分别介绍一下这些表的结构。

1． 新闻表news2

新闻表news2用来保存网站新闻信息，结构如下表所示：

2.产品类别表product

产品类别表用来保存产品类别的信息，结构如下所示：

3.产品信息表news

产品信息表是用来保存产品信息，结构如下：

4.订单表

订单表用来保存客户订单信息，结构如下：

5.用户表

用户表用来存储客户信息，结构如下：

6.管理员表users

管理员表用来存储管理员的信息，结构如下：

7.购物表

购物表用来存储客户的购物信息，结构如下：

8.留言板lyb

留言板表用来存储用户留言信息，结构如下：

第二节 主要功能界面设计及编码

5.2.1商城首页界面设计

网上商城的首页最终设计效果如图所示，网页上部是导航条，下部是版权信息，左侧是登录框、搜索框和商品目录，右侧显示网页的具体内容，网上商城首页显示了热点新闻信息和最新添加的产品信息，在左侧商品类别名后，将在右侧显示相应类别的所有商品，单击“访客留言“或”焦点新闻“链接时会在右侧显示留言和新闻信息。

生成代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="Default.aspx.cs"

Inherits="_Default" Title="Untitled Page" %>

Height="463px" RepeatColumns="3" RepeatDirection="Horizontal" Width="813px">

%>">

%>" class="style23" align="left" style="border-style: none" />

<%# Eval("productName") %>'/>
 

<%# Eval("price") %>'/>

SelectCommand="SELECT top 12 [bh],[pic],[productname],[price]FROM [product] ORDER BY [bh] DESC">

5.2.2商品详细信息页面设计

设计窗体如下：

生成代码如下：

<%@ Page Title="" Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true"

CodeFile="show.aspx.cs" Inherits="show" %>

购买数量:

1

Height="74px" ImageAlign="Middle" OnClick="imagebutton1_click" Width="72px" />

5.2.3商品搜索

设计页面如下：

设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="search.aspx.cs" Inherits="search" Title="Untitled Page" %>

查询结果

5.2.4后台管理登录页的设计

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

5.2.5商城后台商品管理页的设计

设计页面如下：

设计代码如下：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="fenye1.ascx.cs" Inherits="fenye" %>

5.2.6删除商品信息

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="delpro.aspx.cs" Inherits="delpro" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

5.2.7添加商品

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insertpro.aspx.cs" Inherits="insertpro" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.style2{text-align: right;}

.style3{text-align: left;}

.style4{text-align: center;}

5.2.8修改商品信息

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="updatepro.aspx.cs" Inherits="updatepro" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.style5{height: 351px; width: 508px; margin-bottom: 0px;}

.style7{text-align: right; width: 100px;}

5.2.9购物车的实现

用户在首页登录后，即可实现网上购物，选择某个商品，查看详细情况时可以看到页面底部的“购买数量”文本框，输入合适的数量后，可以单击“加入购物车”按钮，如图所示：

查看购物车时，可以再次修改购买数量或者删除购买的商品，在决定购买后单击“生成订单”来生成订单，如图所示：

最后生成订单表，如图所示：

设计窗体如下：

设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="buy.aspx.cs" Inherits="buy" Title="Untitled Page" %>

Runat="Server">

5.2.10生成订单

设计窗体如下：

窗体设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="order.aspx.cs" Inherits="order" Title="Untitled Page" %>

5.2.11商城留言板的制作

（1）管理员登录页面设计

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（2）添加留言

设计页面如图所示：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="add.aspx.cs" Inherits="add" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>title>

<style type="text/css">.style{font-size: x-large; font-weight: bold;}style>

head>

<body style="text-align:center">

<form id="form1" runat="server">

<div>

<span class="style1">欢迎光临<span lang="zh-cn">商城span>留言板 span><hr /><br />

留  言  者：<asp:TextBox ID="TextBox1" runat="server" Width="418px">asp:TextBox><br />

留言内容：<asp:TextBox ID="TextBox2" runat="server" Height="229px" TextMode="MultiLine"

Width="422px">asp:TextBox><br />

<asp:Button ID="Button1" runat="server" Text="发表留言" OnClick="Button1_Click" />

          <a href="show.aspx">查看留言a>

div>

form>

body>

html>

（3）留言管理页的建立

设计页面如下：

设计代码如下：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="fenye3.ascx.cs" Inherits="fenye" %>

（4）删除指定的留言

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="del.aspx.cs" Inherits="del" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（5）回复留言

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="reply.aspx.cs" Inherits="reply" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

5.2.12商城新闻

（1）新闻首页

新闻首页设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（2）新闻后台登录页的设计

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（3）商城新闻系统后台管理页面

设计页面如下：

设计代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="manager.aspx.cs" Inherits="manager" %>

<%@ Register Src="fenye.ascx" TagName="fenye" TagPrefix="uc1" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（4）商城新闻的删除

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="del.aspx.cs" Inherits="del" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（5）商城新闻的添加

设计页面如下：

涉及代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insert.aspx.cs" Inherits="insert" %>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（6）商城新闻的修改

设计页面如下：

涉及代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="edit.aspx.cs" Inherits="edit" ValidateRequest="false"%>

3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（7）将新闻系统、留言板嵌入

新闻嵌入设计页面如下：

留言板嵌入设计页面如下：

新闻嵌入设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="news.aspx.cs" Inherits="news" Title="Untitled Page" %>

留言板嵌入设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/shop.master" AutoEventWireup="true" CodeFile="lyb.aspx.cs" Inherits="lyb" Title="Untitled Page" %>

close (parent)

W_kecheng_chaxun的open代码

dw_1.settransobject(sqlca)

sle_1 的modified的代码

dw_1.retrieve(sle_1.text)

第六章 测试报告

经过不断的调试，我也对这个商城网站发现的N多错误进行修改。来保证自己商城系统的正常运行，也在不断的修改中发现了制作一个商城需要各方面知识的积累和专业知识的稳固，与此同时发现了自己能力多方面的不足。在程序方面并不能做到面面俱到，还需要经常参考有关教程和书籍，有某些方面的程序也在自己能力范围之外。所以需要借助网络的资源来对其进行完善，也因为比较少开发商城系统的缘故，在这次的网络商城系统安全方面并没有能力完成。最后经过N+N次的调试，也对这次的商城系统的运行做出了肯定，确定了交易，订购和订单输出、用户注册和登录以及留言等多方面的程序的正常运行。

第七章 体会

经过这次的毕业设计，我对网页、ASP程序都有了更深一步的了解，借此机会提高了制作网页方面的其他知识，像PHOTOSHOP的应用和色彩搭配等方面。而在程序方面，也在这次的毕业设计中看到了自己各方面的不成熟，对网页的需求和了解也不够深。在网站的设计方面也有很多的地方需要完善，也鉴于能力方面，无法再求进一步的改善，而我也意识到了自己的不足，也会在以后的制作中改进自己程序方面的知识，希望以此来充实和完善自己

最后感谢周秀梅老师对我的细心指导！

参考文献

1 《动态Web开发技术—Asp.NET》 中国铁道出版社2009年12月　第一版

谭浩强 主编。

2 老虎工作室 《Photoshop中文版基础培训教程》 人民邮电出版社2003年7月北京第12次印刷 宋雪岩 编辑

3 《网页设计培训教程》 地质出版社2001年3月北京第一版第一次印刷 肖金秀 廖疆星 冯沃辉 陈霄峰 编著