电子商务购物网站毕业设计报告书.doc

文档介绍：.
1 / 85
Ajax课程设计报告
学院：数学与计算机科学学院
班级： 13级数字媒体技术
学号：
姓名：苏梅
目录
引言2
内容摘要3
一、 系统使用描述4
1. 选课背景4
2. 技术支持5
二、 整体行的电子商务莫斯。用户可以在系统中实现登录、注册、联系我们、购物车、搜索查询商品、商品详情等功能。
.
7 / 85
网络结构
网站的内容主要有下面五个：首页、新品上市、分类、登录、注册、联系我们、购物车、搜索查询商品、商品详情。
其结构如下所示：
主页
新品上市
分类
联系我们
登录
注册
首页
购物车
商品详情
其功能如下：
1首页:能浏览总体信息和为其他页面起到导航。
2新品上市:能浏览全部新上架的商品。
3分类:能具体的从各种分类中找到需要的商品。
4联系我们:能把对网站的建议发到里面。
5登录:用户登录
6注册：注册新用户
7购物车:能把喜欢的商品加入购物车,对已加入购物车的商品进行删除。
.
7 / 85
8商品详情:查看商品的具体信息。
页面代码实现
首页头部导航代码
<div class="top-header">
<div class="container">
<div class="top-header-main">
<div class="col-md-6 top-header-left">
<div class="drop">
<div class="box1">
<select tabindex="4" class="dropdown">
<option value="" class="label">美元</option>
<option value="1">美元</option>
<option value="2">欧元</option>
</select>
</div>
<div class="box1">
<select tabindex="4" class="dropdown">
<option value="" class="label">中文:</option>
<option value="1">中文</option>
<option value="2">英文</option>
.
8 / 85
</select>
</div>
</div>
</div>
<div class="col-md-6 top-header-left">
<div class="cart box_1">
<a href="">
<div class="total">
<span class="simpleCart_total"></span></div>
<img src="images/cart-" alt="" />
</a>
<p><a href="" href="javascript:;" class="simpleCart_empty">购物车          </a>
<a href="" class="dl">注册</a><span>/<span>  <a href="" class="dl">登录</a></p>
</div>
</div>
</div>
</div>
</div>
<!--top-header-->
.
9 / 85
<!--start-logo-->
<div class="logo">
<a href="" name="#6" id="#6" ><h1>Luxury Watches</h1></a>
</div>
<!--start-logo-->
<!--bottom-header-->
<!--bottom-he