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

文档介绍：Ajax课程设计报告
          
学   院：     数学与计算机科学学院   
班   级：      13级数字媒体技术
学   号：            
姓   名：     容性测试。
整体规划
系统功能分析
本系统是一个中小型的电子商务系统—购物网，可以为各类用户提供方便的在线购物环境，符合目前国内流行的电子商务莫斯。用户可以在系统中实现登录、注册、联系我们、购物车、搜索查询商品、商品详情等功能。
网络结构
网站的内容主要有下面五个：首页、新品上市、分类、登录、注册、联系我们、购物车、搜索查询商品、商品详情。
其结构如下所示：
主页
新品上市
分类
联系我们
登录
注册
首页
购物车
商品详情
其功能如下：
1）首页:能浏览总体信息和为其他页面起到导航。
2）新品上市:能浏览全部新上架的商品。
3）分类:能具体的从各种分类中找到需要的商品。
4）联系我们:能把对网站的建议发到里面。
5）登录:用户登录
6）注册：注册新用户
7）购物车:能把喜欢的商品加入购物车，对已加入购物车的商品进行删除。
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>
</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-->
<!--start-logo-->
<div class="logo">
<a href="" name="#6" id="#6" ><h1>Luxury Watches</h1></a>
</div>
<!--start-