目 录
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、开发环境与技术要求 1
（一）开发技术及简介 1
1.HTML+CSS 1
2.JavaScript 1
3.jQuery 2
（二）软件工具及简介 2
1.Photoshop CS6 2
2.Tomcat 2
3.MyEclipse 2
4.Javaweb 3
4.数据库系统 3
三、开发环境 3
1.软硬件条件 3
2.相关要求 3
3.参考资料 4
四、系统分析 4
（一）需求分析 4
1.顾客功能需求 4
2.管理员功能需求 4
（二）系统分析 4
1.技术可行性 4
2.经济可行性 4
五、网站总体设计 5
（一）前端模块 5
1.首页DOM树中结构设计 5
2.网页色彩搭配理念 6
3.前端栏目设计 7
4.用户功能模块 7
（二）后台模块 8
1.网站后台功能模块描述 82.管理员功能模块图 8
（三）数据库设计概述 8
1. 数据表的设计描述 8
2. 数据表的结构 9
六、 网站前端页面的设计与实现 10
（一）“爱尚”LOGO的设计理念 10
（二）网页色彩搭配理念 10
（三）网页设计与布局 10
1.首页的设计与布局 10
2.子页的设计与布局 11
（四）部分网页效果展示 11
1.首页效果图 11
2.关于爱尚网页效果图 13
3.详情网页效果图 15
（五）网站部分网页特效 16
1. 搜索框效果 16
2. 网站导航效果 17
3. 二级菜单效果
 *景先生毕设|www.jxszl.com +Q: *351916072* 
r /> 1.首页的设计与布局 10
2.子页的设计与布局 11
（四）部分网页效果展示 11
1.首页效果图 11
2.关于爱尚网页效果图 13
3.详情网页效果图 15
（五）网站部分网页特效 16
1. 搜索框效果 16
2. 网站导航效果 17
3. 二级菜单效果 18
4. 网页换肤效果 19
5. 新闻标题动态提示效果 20
6. 选项卡效果 21
七、网站后台功能规划和设计 22
（一） 网站后台系统设计 22
1.用户注册模块 22
2.产品信息模块 23
3.购物车、订单模块 24
（二）概念模型 25
总结 26
致 谢 27
参考文献 28
附 录 29
一、引言
（一）发开背景
伴随着电子商务的快速发展，网上购物成为现在的80、90后年青人的首选购物渠道之一。网上浏览商品、选购商品到送货上门整个流程下来无需亲临现场，既省时有省力。现在的都市男女，由于白天工作的繁忙，带来的疲倦感，大部分的年青人不会利用双休日去逛商店进行购物。而是待在家里休息，从而导致他们没有更多的时间去逛商店、购物，所以网上购物成了年青人首选最便捷的购物方式之一。可以在网上挑选自己心仪的商品、货比三家，也不受时间的限制。并且可以获得更多详细的信息，从而更容易买到令自己心仪的商品。
选题意义
本网站是作为消费者与网站商家进行网络交易的平台，主要是为了网上商家提供一个安全、可靠、可全面支持服饰销售的电子商务运营平台，购买服饰的消费者可以通过爱尚服饰网站这个电子商务平台对商品进行查看、搜索、交流、交易。爱尚服饰网站主要销售男装、女装、童装等。
设计目标
本网站的设计目标是为了让购物更加方便快捷，让消费者轻松购物不再是梦想。爱尚希望将这个交易平台打造成一个简单快乐的“购物天堂”。爱尚的宗旨是“爱尚只为你倾城一笑！”，爱尚网站开发的目的是为了给消费者提供一个便捷、舒适的购物平台。
开发环境与技术要求
（一）开发技术及简介
1、HTML+CSS3
经过了Web2.0时代，基于互联网的应用已经越来越丰富，同时也对互联网应用提出了更高的要求。基于良好的设计理念，HTML5不但增加了很多新功能，而且对于涉及的每一个细节都有着明确的规定。HTML5是下一代HTML的标准，目前仍然处于发展阶段。HTML5和CSS3不仅仅是两项新的Web技术标准，更代表了下一代HTML和CSS技术。HTML5的标准规范还没有正式发布，但是未来的发展前景是可以预见，那就是HTML5必将被越来越多的Web开发人员所使用，各大主流浏览器厂家已经积极更新自己的产品，以更好地支持HTML5。HTML5正在引导时代的潮流，必将开拓互联网的新时代。
2、JavaScript
JavaScript 是一种轻量级、弱类型的编程语言，它可以直接嵌入静态HTML 页面中，然后由浏览器解释并执行 。直接响应客户端事件，并调用相应的处理方法，迅速返回处理结果并更新页面，实现Web的交互性和动态性，同时将大部分的工作交给客户端处理，大大降低Web服务器的资源消耗。
JavaScript脚本像其他编程语言一样，每个变量都有数据类型，但在声明变量时不需显式地指定其数据类型，变量的数据类型将根据变量的具体内容推导出来，并根据变量内容的改变而自动更改。这是强类型语言无法做到的。
3、jQuery
jQuery是一个非常优秀的JavaScript库，创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，很大的简化了Jav
原文链接：http://www.jxszl.com/jsj/jsjkxyjs/33949.html