网上商城详细设计说明书.docx

网上商城详细设计说明书.docx

《网上商城详细设计说明书.docx》由会员分享，可在线阅读，更多相关《网上商城详细设计说明书.docx（13页珍藏版）》请在冰豆网上搜索。

网上商城详细设计说明书

网上商城设计详细说明书

姓名：

lclboss

班级：

微机1024

学号：

42

1.引言

编写目的

通过学习，以及结合教师给的源代码，进一步修改，从而实现网上商城系统

前期工作

在编写该需求前，首先是对各大网上销售网站进行了调查，其中包括：

网页排版、顾客消费流程、以及管理员的操作，这三大块进行了调查。

并总结出了有自己特色的设计思路。

编写背景

随着Internet国际互联网的发展，越来越多的企业开始建造自己的网站。

基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。

很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。

现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。

本网上商城系统就是根据电子商务和互联网的发展，针对网上顾客所开发的网络购物系统，本商城系统主要有：

1）用户浏览、注册、登录与购买商品；

2）商品的入库资料登记；

3）商城访问者的在线留言、查看留言，管理员的在线管理留言等；

4）商城最新的新闻显示，历史新闻的分页显示，新闻详细情况的显示，后台管理员添加、删除、修改新闻等。

本数据采用access作为数据库，亦可以使用SQL作为数据库，项目的重点是商品的添加、删除、显示与修改，需要克服的难点是商品图片的上传和删除。

 2.技术概述

目标

我们使用C#以及数据库技术构建网站，争取将本网站做成一个界面友好、用户购物方便、管理员管理方便的购物系统。

硬件支持

Cpu:

弄个四核最好比如老一代coreQ8400

软件支持

操作系统：

Windowsxp/vista/seven均可，C#开发环境。

3.功能需求

功能块划分

1）用户浏览、注册、登录与购买商品；

2）商品的入库资料登记；

3）商城访问者的在线留言、查看留言，管理员的在线管理留言等；

4）商城最新的新闻显示，历史新闻的分页显示，新闻详细情况的显示，后台管理员添加、删除、修改新闻等。

网上购物系统

在线购物

添加留言

显示留言

管理留言

购物车管理

商品管理

分类展示

生成订单

商城留言

4.具体设计

首页设计

新建web窗体，其代码为：

<%@PageTitle=""Language="C#"MasterPageFile="~/"AutoEventWireup="true"

CodeFile=""Inherits="_Default"%>

ContentID="Content1"ContentPlaceHolderID="head"runat="Server">

.style23

{

width:

116px;

height:

94px;

}

.style24

{

width:

600px;

height:

132px;

}

.style25

{

width:

104px;

}

.style26

{

width:

598px;

}

.style27

{

width:

106px;

}

Content>

ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">

9pt"class="style24">

11pt;color:

#FFFFFF;background-color:

#FF0000;

border-width:

0px">

热点促销

9pt;border-width:

0px;background-image:

url（'images/'）;

width:

178px;">

更多>>>

RepeaterID="Repeater1"runat="server">

"target="_blank">

<%#Eval（"title"）%>

<%#Eval（"AddTime","{0:

d}"）%>

Repeater>

11pt;color:

#FFFFFF;background-color:

#FF0000;

border-width:

0px">

最新产品

url（'images/'）">

DataListID="DataList1"runat="server"DataKeyField="bh"DataSourceID="AccessDataSource1"

RepeatColumns="3"RepeatDirection="Horizontal">

">"class="style23"style="border-style:

none"/>

LabelID="titleLabel"runat="server"Text='<%#Eval（"productName"）%>'/>

LabelID="priceLabel"runat="server"Text='<%#Eval（"price"）%>'/>

DataList>

AccessDataSourceID="AccessDataSource1"runat="server"DataFile="~/App_Data/"

SelectCommand="SELECTtop9[bh],[pic],[price],[productName]FROM[product]orderbybhdesc">

AccessDataSource>

Content>

接着，切换到程序文件.cs编辑栏里，写入代码：

usingSystem;

using;

usingpartialclass_Default:

protectedvoidPage_Load（objectsender,EventArgse）

{

stringstrSQL="selecttop7*fromnewsorderbyiddesc";

=（strSQL）;

（）;

}

}

商品详细信息页面设计

新建，配置好各项值以后，载入代码：

<%@PageTitle=""Language="C#"MasterPageFile="~/"AutoEventWireup="true"

CodeFile=""Inherits="show"%>

ContentID="Content1"ContentPlaceHolderID="head"runat="Server">

.style3

{

width:

100%;

}

.style4

{

text-align:

center;

width:

253px;

}

Content>

ContentID="Content2"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">

ImageID="Image1"runat="server"/>

LabelID="txtTitle"runat="server"Text="Label">

Label>

LabelID="txtContents"runat="server"Text="Label">

Label>

售价：

LabelID="txtPrice"runat="server"Text="Label">

Label>

购买数量：

TextBoxID="num"runat="server"Width="37px">1

TextBox>

ImageButtonID="ImageButton1"runat="server"

ImageUrl="~/images/"Height="74px"ImageAlign="Middle"

onclick="ImageButton1_Click"Width="72px"/>

Content>

接着建立.cs程序文件，编辑写入以下代码：

usingSystem;

using;

using;

publicpartialclassshow:

protectedvoidPage_Load（objectsender,EventArgse）

{

stringsql="select*fromproductwherebh="+["id"];

DataTabledt=（sql）;

="images/"+[0]["pic"].ToString（）;

=[0]["productName"].ToString（）;

=[0]["contents"].ToString（）;

=[0]["price"].ToString（）;

}

protectedvoidImageButton1_Click（objectsender,ImageClickEventArgse）

{

（"id="+["id"]+"&num="+）;

}

}

实现商品搜索功能

新建，配置相关参数，载入以下代码：

<%@PageLanguage="C#"MasterPageFile="~/"AutoEventWireup="true"CodeFile=""Inherits="search"Title="UntitledPage"%>

ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server">

查询结果

RepeaterID="Repeater1"runat="server">

Repeater>

Content>

然后编辑.cs文件

usingSystem;

using;

using;

using;

using;

usingpartialclasssearch:

protectedvoidPage_Load（objectsender,EventArgse）

{

stringstrSQL="select*fromproductwhereproductNamelike'%"+["txtSearchName"]）+"%'";

DataTabledt=（strSQL）;

=dt;

（）;

}

}

商城后台管理登录设计

新建一个，添加所需要的元件，在.cs程序文件中编写ImageButton的事件代码：

usingSystem;

publicpartialclasslogin:

protectedvoidPage_Load（objectsender,EventArgse）

{

Session["pass"]=0;

}

protectedvoidButton1_Click（objectsender,EventArgse）

{

if!

=["CheckCode"].（））

（""）;

else

{

stringstrSQL="select*fromuserswhereuserName='"++"'andpwd='"++"'";

if（strSQL）.>0）

{

Session["pass"]=1;

（""）;

}

else

（""）;

}

}

}

商城后台商城管理页面设计

新建.aspx文件，添加好所需控件元件以后，载入源代码：

<%@ControlLanguage="C#"AutoEventWireup="true"CodeFile=""Inherits="fenyepro"%>

然后编辑.cs程序文件，其代码为：

usingSystem;

publicpartialclassfenyepro:

protectedvoidPage_Load（objectsender,EventArgse）

{

intiPageSize=9;

oString（）;

（"images/"+strurl））;结

至此，大部分系统已经做完，后面补全即可初步完成商城系统