网上商城详细设计说明书文档格式.docx
- 文档编号:17482233
- 上传时间:2022-12-06
- 格式:DOCX
- 页数:13
- 大小:283.57KB
网上商城详细设计说明书文档格式.docx
《网上商城详细设计说明书文档格式.docx》由会员分享,可在线阅读,更多相关《网上商城详细设计说明书文档格式.docx(13页珍藏版)》请在冰豆网上搜索。
3.功能需求
功能块划分
网上购物系统
在线购物
添加留言
显示留言
管理留言
购物车管理
商品管理
分类展示
生成订单
商城留言
4.具体设计
首页设计
新建web窗体,其代码为:
<
%@PageTitle="
"
Language="
C#"
MasterPageFile="
~/"
AutoEventWireup="
true"
CodeFile="
Inherits="
_Default"
%>
asp:
ContentID="
Content1"
ContentPlaceHolderID="
head"
runat="
Server"
>
<
styletype="
text/css"
.style23
{
width:
116px;
height:
94px;
}
.style24
600px;
132px;
.style25
104px;
.style26
598px;
.style27
106px;
/style>
/asp:
Content>
Content2"
ContentPlaceHolder1"
tablestyle="
font-size:
9pt"
class="
style24"
tr>
tdvalign="
top"
align="
left"
table>
tdclass="
style25"
style="
11pt;
color:
#FFFFFF;
background-color:
#FF0000;
border-width:
0px"
热点促销
/td>
tdstyle="
9pt;
0px;
background-image:
url('
images/'
);
178px;
b>
ahref="
news\"
更多&
gt;
&
/a>
/b>
/tr>
/table>
RepeaterID="
Repeater1"
server"
ItemTemplate>
news\id=<
%#Eval("
id"
)%>
target="
_blank"
title"
)%>
AddTime"
"
{0:
d}"
br/>
/ItemTemplate>
Repeater>
imgalt="
电话"
src="
images/"
/>
tableclass="
style26"
style27"
最新产品
background-image:
)"
&
nbsp;
DataListID="
DataList1"
DataKeyField="
bh"
DataSourceID="
AccessDataSource1"
RepeatColumns="
3"
RepeatDirection="
Horizontal"
>
id=<
%#Eval("
altimgsrc="
images/<
pic"
style23"
border-style:
none"
span>
LabelID="
titleLabel"
Text='
productName"
'
priceLabel"
price"
/span>
DataList>
AccessDataSourceID="
DataFile="
~/App_Data/"
SelectCommand="
SELECTtop9[bh],[pic],[price],[productName]FROM[product]orderbybhdesc"
AccessDataSource>
接着,切换到程序文件.cs编辑栏里,写入代码:
usingSystem;
using;
usingpartialclass_Default:
protectedvoidPage_Load(objectsender,EventArgse)
stringstrSQL="
selecttop7*fromnewsorderbyiddesc"
;
=(strSQL);
();
}
商品详细信息页面设计
新建,配置好各项值以后,载入代码:
show"
.style3
100%;
.style4
text-align:
center;
253px;
style3"
style4"
ImageID="
Image1"
txtTitle"
Text="
Label"
Label>
tdalign="
txtContents"
售价:
txtPrice"
购买数量:
TextBoxID="
num"
Width="
37px"
1<
TextBox>
ImageButtonID="
ImageButton1"
ImageUrl="
~/images/"
Height="
74px"
ImageAlign="
Middle"
onclick="
ImageButton1_Click"
72px"
/>
接着建立.cs程序文件,编辑写入以下代码:
publicpartialclassshow:
stringsql="
select*fromproductwherebh="
+["
];
DataTabledt=(sql);
="
+[0]["
].ToString();
=[0]["
contents"
protectedvoidImageButton1_Click(objectsender,ImageClickEventArgse)
("
id="
]+"
num="
+);
实现商品搜索功能
新建,配置相关参数,载入以下代码:
%@PageLanguage="
search"
Title="
UntitledPage"
Runat="
strong>
查询结果
hrwidth="
75%"
/strong>
HeaderTemplate>
/HeaderTemplate>
td>
FooterTemplate>
/FooterTemplate>
然后编辑.cs文件
usingpartialclasssearch:
select*fromproductwhereproductNamelike'
%"
txtSearchName"
])+"
%'
DataTabledt=(strSQL);
=dt;
商城后台管理登录设计
新建一个,添加所需要的元件,在.cs程序文件中编写ImageButton的事件代码:
publicpartialclasslogin:
Session["
pass"
]=0;
protectedvoidButton1_Click(objectsender,EventArgse)
if!
=["
CheckCode"
].())
script>
alert('
验证码错误!
)<
/script>
else
select*fromuserswhereuserName='
++"
andpwd='
if(strSQL).>
0)
]=1;
用户名或密码错误!
商城后台商城管理页面设计
新建.aspx文件,添加好所需控件元件以后,载入源代码:
%@ControlLanguage="
fenyepro"
div>
imgsrc="
height="
80"
width="
111"
单价:
元<
修改<
删除<
PanelID="
Panel1"
lblTotal"
HyperLinkID="
hlFirst"
首页<
HyperLink>
hlPre"
上一页<
hlNext"
下一页<
hlLast"
末页<
第<
txtGoPage"
40px"
页<
ButtonID="
Button1"
OnClick="
Button1_Click"
转到"
Panel>
/div>
然后编辑.cs程序文件,其代码为:
publicpartialclassfenyepro:
intiPageSize=9;
oString();
+strurl));
结
至此,大部分系统已经做完,后面补全即可初步完成商城系统
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网上商城 详细 设计 说明书