电子商务购物网站毕业设计报告书文档格式.docx
《电子商务购物网站毕业设计报告书文档格式.docx》由会员分享,可在线阅读,更多相关《电子商务购物网站毕业设计报告书文档格式.docx(57页珍藏版)》请在冰豆网上搜索。
近年来,世界范围内Internet/Intranet网络环境的基本形成,使得基于Internet环境的系统的设计与开发成为重要方向,特别是B/S结构的应用越来越广泛。
本电子商城网站是建立一个商品销售平台,这个平台是企业发展及走向全球所迫切需要的。
为企业单位搭建一个商品发布、交易的平台,企业将销售商品在此平台发布,由网站相关管理人员管理,这样既能提高企业的销售量,扩大销售范围,同时也能节约企业开办更多实体店的费用,从而节约了大量人力物力,于是本电子商务网站就应运而生了。
随着电子商务魅力的日渐显露,虚拟企业、虚拟银行、网络营销、网上购物、网上支付、网络广告等一大批前所未闻的新词汇正在为人们所熟悉和认同,这些词汇同时也从另一个侧面反映了电子商务正在对社会和经济产生的影响。
基于ASP.NET技术的文静电子商城系统正是网上购物的一种。
随着网络技术的迅速的发展,网上购物已在互联网上十分流行,人们可以不受时间的限制和空间的限制,及不受传统购物的诸多限制,可以随时随地进行购物,同时由于产品的网络成本远低于传统商店中的产品成本,从而商品的买卖方都能得到实惠,为此开发文静电子商城网站十分必要。
2.技术支持
Dreamweaver是MICROSOFT公司推出的网页制作工具,它功能强大、操作方便,易学易用,是目前最为流行的网页制作与站点管理工具。
AdobeDreamweaverCS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器,DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。
由于同新的AdobeCSLive在线服务AdobeBrowserLab集成,您可以使用CSS检查工具进行设计,使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
二、整体规划
1.系统功能分析
本系统是一个中小型的电子商务系统—购物网,可以为各类用户提供方便的在线购物环境,符合目前国内流行的电子商务莫斯。
用户可以在系统中实现登录、注册、联系我们、购物车、搜索查询商品、商品详情等功能。
2.网络结构
网站的内容主要有下面五个:
首页、新品上市、分类、登录、注册、联系我们、购物车、搜索查询商品、商品详情。
其结构如下所示:
3.其功能如下:
1)首页:
能浏览总体信息和为其他页面起到导航。
2)新品上市:
能浏览全部新上架的商品。
3)分类:
能具体的从各种分类中找到需要的商品。
4)联系我们:
能把对网站的建议发到里面。
5)登录:
用户登录
6)注册:
注册新用户
7)购物车:
能把喜欢的商品加入购物车,对已加入购物车的商品进行删除。
8)商品详情:
查看商品的具体信息。
三、页面代码实现
1.首页头部导航代码
<
divclass="
top-header"
>
<
container"
<
top-header-main"
<
col-md-6top-header-left"
<
drop"
<
box1"
<
selecttabindex="
4"
class="
dropdown"
<
optionvalue="
"
label"
美元<
/option>
1"
2"
欧元<
/select>
/div>
中文:
中文<
英文<
cartbox_1"
ahref="
checkout.html"
total"
spanclass="
simpleCart_total"
/span>
imgsrc="
images/cart-1.png"
alt="
/>
/a>
p>
href="
javascript:
;
simpleCart_empty"
购物车&
nbsp;
&
<
registration.html"
dl"
注册<
span>
/<
&
login.html"
登录<
/p>
!
--top-header-->
--start-logo-->
logo"
index.html"
name="
#6"
id="
>
h1>
LuxuryWatches<
/h1>
--bottom-header-->
header-bottom"
header"
col-md-9header-left"
top-nav"
ulclass="
memenuskyblue"
liclass="
active"
首页<
/li>
grid"
#1"
新品上市<
#"
分类<
mepanel"
row"
col1me-one"
h4>
手表种类<
/h4>
ul>
li>
#2"
男士<
#3"
女士<
#4"
儿童<
#5"
情侣<
products.html"
中性<
/ul>
机芯类型<
石英表<
自动机械表<
电子表<
光能表<
智能表<
手动机械表<
/div
风格<
时尚潮流<
休闲<
经典复古<
运动<
可爱<
contact.html"
联系我们<
clearfix"
col-md-3header-right"
search-bar"
inputtype="
text"
value="
搜索"
onfocus="
this.value='
'
onblur="
if(this.value=='
){this.value='
搜索'
}"
submit"
2.首页主要代码
bnr"
home"
divid="
top"
callbacks_container"
rslides"
slider4"
banner"
banner1"
banner2"
--banner-ends-->
--Slider-Starts-Here-->
scriptsrc="
js/responsiveslides.min.js"
/script>
script>
//Youcanalsouse"
$(window).load(function(){"
$(function(){
//Slideshow4
$("
#slider4"
).responsiveSlides({
auto:
true,
pager:
nav:
speed:
500,
namespace:
"
callbacks"
before:
function(){
$('
.events'
).append("
beforeeventfired.<
);
},
after:
aftereventfired.<
}
});
--End-slider-script-->
--about-starts-->
about"
divalign="
center"
aname="
images/ab.jpg"
br>
about-topgrid-1"
col-md-4about-left"
figureclass="
effect-bubba"
single.html"
imgclass="
img-responsive"
src="
images/12.jpg"
/>
figcaption>
劳力士<
IWC万国<
适合中国高薪层身份的经典表<
/figcaption>
/figure>
<
images/19.jpg"
浪琴<
longines<
浪琴女表是优雅迷人的都市女郎腕间饰品的最佳选择<
images/17.jpg"
百达翡丽<
PatekPhilippe<
复杂功能计时系列5146R-001机械男表<
--about-end-->
--product-starts-->
product"
h3>
/h3>
product-top"
product-one"
col-md-3product-left"
product-mainsimpleCart_shelfItem"
mask"
img-responsivezoom-img"
images/p-1.png"
product-bottom"
男士手表<
立刻行动<
aclass="
item_add"
i>
/i>
item_price"
$329<
srch"
-50%<
images/31.jpg"
images/32.jpg"
images/33.jpg"
images/34.jpg"