Web系统网站设计报告Word格式.docx
《Web系统网站设计报告Word格式.docx》由会员分享,可在线阅读,更多相关《Web系统网站设计报告Word格式.docx(21页珍藏版)》请在冰豆网上搜索。
(1)注册;
(2)登录;
(3)购物,在购物时有物品编号、图片、名称、简介以及购买;
(4)选中需要的物品时加入购物车点击购买。
3、总体设计方案
网站设计使用单机作业,由手动输入有关信息,可以选购图书,上传图书,进行用户注册等。
前端开发语言使用HTML服务器采用使用SQL数据库管理系统以及ASP.NET.
3.1功能设计
作为一个网上购物系统,首先必须保证用户的方便性,因此系统应具有商品排行、清仓优惠、以及最重要的“购物车”的功能,以便用户可以方便的购买物品同时完成支付。
在系统中应列举出商家的各种优惠举措和促销信息。
在系统的后台,管理员能够管理商品,用户信息,产品信息,友情链接以及最重要的订单处理模块。
在设计过程中,要处理好各部分的关系,并由此设计相关的数据库。
本网站应具有的功能有:
用户注册、登录功能;
商品浏览功能、购物车等功能;
后台部分主要有管理员操作,包括商品管理、公告管理、图书优惠管理等功能。
(1)?
用户注册、登录:
购买本网站必须是本网站的会员,即必须先注册会员,只有注册核对信息登录后,用户才能正常进行购物操作。
(2)?
购物车管理:
会员选定一种商品后,就可以直接把图书放到购物车中,提交订单,完成支付;
在未提交前可以随意取消这件商品,继续购买其他商品。
(3)?
购买:
选中图书加入购物车点击购买、付款;
(4)?
商品信息简介:
对网上商城的商品进行管理,包括商品上下架库,商品信息、价格的制定等。
(5)后台管理:
包括用户信息的保存、图书信息的更新、优惠、清仓活动的信息更新等。
4、处理流程
(1)用户注册:
购买者进入网站页面后,首先要填写注册资料,在判断无误的情况下完成成功注册,登陆网站首页。
(2)商品购买:
用户通过登录后,浏览商品,选择图书后,可以将图书放入购物车,确认继续购物,在购物车页面,可以对购物车里的图书进行购买。
(3)管理员管理:
管理员通过后台登陆后,可以对商品信息、公告信息、优惠、清仓信息等功能进行操作。
(4)用户可以看到商品的简介以及特价商品,查看商品信息后,可以选择购买。
5、功能的实现
5.1首页设计效果
部分代码如下:
<
%@PageLanguage="
C#"
AutoEventWireup="
true"
CodeFile="
"
Inherits="
detail"
%>
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
htmlxmlns
headrunat="
server"
>
<
title>
Detail<
/title>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
/>
metaname="
viewport"
width=device-width,initial-scale=1,maximum-scale=1"
linkhrefcss?
family=Open+Sans:
400,600'
rel='
stylesheet'
type='
text/css'
linkhref="
style.css"
rel="
stylesheet"
type="
text/css"
media="
all"
scriptsrcscript>
---start-login-script--->
<
scriptsrc="
login.js"
/script>
---//End-login-script--->
-----768px-menu----->
linktype="
href/>
scripttype="
text/javascript"
srcscript>
<
//Themenuontheleft
$(function(){
$('
nav#menu-left'
).mmenu();
});
-----//768px-menu----->
/head>
body>
formid="
form1"
runat="
divclass="
content"
------start-768px-menu---->
divid="
page"
<
navid="
menu-left"
<
ul>
<
li>
ahref="
Default.aspx"
Home<
/a>
/li>
login.aspx"
Login<
register.aspx"
Register<
clear"
/div>
/ul>
/nav>
------end-768px-menu---->
---start-header---->
header"
---start-wrap---->
<
wrap"
header-left"
logo"
imgalt="
log"
src="
logo.jpg"
/>
header-right"
top-nav"
Index.aspx"
sign-ligin-btns"
section-title"
h3>
图书购买请来这里<
/h3>
--section-title-->
--startmain-->
mid_bg"
pclass="
about-title"
欢迎进入兰兰图书首页<
/p>
details"
det_pic"
imgsrc="
images/pic.jpg"
alt="
det_text"
para"
详细信息:
asp:
PanelID="
Panel1"
Height="
230px"
FormViewID="
FormView1"
DataSourceID="
SqlDataSource1"
EditItemTemplate>
ID:
TextBoxID="
IDTextBox"
Text='
%#Bind("
ID"
)%>
'
br/>
NAME:
NAMETextBox"
NAME"
SUGGEST:
SUGGESTTextBox"
SUGGEST"
PRICE:
PRICETextBox"
PRICE"
AUTHOR:
AUTHORTextBox"
AUTHOR"
COUNTRY:
COUNTRYTextBox"
COUNTRY"
PRESS:
PRESSTextBox"
PRESS"
ISBN:
ISBNTextBox"
ISBN"
LinkButtonID="
UpdateButton"
Cause