革柜鞋子商店网的设计与实现－－毕业设计说明书
目录
一、引言
（一）课题背景
“革柜”网上鞋店的开发标志了新一代年轻人的生活品质的追求。随着网络科技的飞速发展，运用div+CSS布局方法制作网店使网店的结构更加简洁明了，主题鲜明，且内容也是丰富多彩的。所以呢我们的网店也是采取当下最流行的技术div+CSS来布局制作的。
而且我们也使用的jsp特效技术来使我们的网站看起来更加的高端大气上档次，低调奢华有内涵，既丰富了网站的全面性，也辅助完善了网站的实际运用。
（二）课题意义
制作此鞋店网站，主要是能让平时不关注时尚亦或是没时间关注时尚的年轻人对新流行的能及时了解，既促进本网站的收益，又能让年轻人更加关注生活品质，也许我们做了不够全，不能完全掌握年轻人的方向，但我们努力做的更好。
（三）课题技术
1.div+CSS
使用div来布局，CSS来实现对内容的完美表现，虽然我们的网店看起来比较简洁，代码也写的比较简略，但总体的实现方向是有的。一开始在网站制作中也遇到了许多难题，但在同学A的指导帮助下和借助网络百度的搜索下成功了解决了难题。我们的网店网站制作也是十分标准，以至不会看起来杂乱无章。
2.JSP
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它?是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
Linux下运行，也能在其他操作系统上运行。
它实现了Html语法中的java扩张（以 <%, %>形式）。JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
在制作的过程中，我也遇到了许多难题，但在同学A的指导帮助下和借助网络百度的搜索下成功了解决了难题。也许我的网店在jsp特效上展示的不够全面，但也基本实现了与其他网站合作，完善了网店的辅助功能。在功能性上也是很全面地。
（四）课题工具
1.Photoshop
Adobe Photoshop简称为“PS”，是一款图像处理软件，对图像、图形、文字、视频、出版等各方面都有相当强大的编辑处理能力。
2.dreamweaver
Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto" 作为网页预览。
3.EditPlus
EditPlus是虽小巧但功能强大的编辑器，它除了拥有无限制的撤销与重做、英文拼字检查、自动换行等功能，还具有监视剪贴板的功能，它内建的HTML+CSS1指令功能可以节省一半以上的网页制作时间。
4.SQL Server 2000
SQL Server 2000是能够适用于大型网络环境下的关系型数据库管理系统，它拥有完全的Web支持，同时支持客户/服务器体系结构，它的开放性促进了其他系统可以与它很好地进行交互操作。数据库是按照数据结构来组织、存储和管理数据的仓库，将数据存放在一起，清晰明了，方便管理，用户可以对文件中的数据进行新增、截取、更新、删除等操作。与此同时，SQL Server 2000的单进程多线程可由执行核心来安排对数据库的存取，大大减少了存取的协调时间，提高了执行效率。
5.MyEclipse 6.5
MyEclipse在用纯java写的eclipse基础上加入自己的插件，支持广泛，对开源产品也相当支持，利用MyEclipse可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。
二、网站整体设计
网站设计想法：网络科技的不断发展，为网络销售提供了可行的前提。网络营销，不仅建立简单（不需要门面），而且不必长途奔波收发货（现代快递物流业的发展）。我建立的网店“革柜”以介绍为主，销售为辅，内容主要包括14个主题：“首页”“关于我们”，“时令新款”，“商务职场”，“情侣专柜”，“清新风”，“会员特权”，“清凉一夏”，“静好时光”，“蓄势待发”，“春季尚新”，“狂野梦想”，“高性价比区”，“高品质区”。其中在首页里的图片“boost your run”是可以点击进去进行购买鞋子的，这样既避免了强行推销以防止浏览的人出现逆反心理，也可以基本维持网店的开销收益，不仅为鞋子品牌做了全面推广，为以后发展铺平道路，也满足人民需求，还保证了网店的生存，真是一举三得。。
网站结构的示意图，如图1-1所示
图2-1网站结构示意图
（一）Logo设计
Logo的设计想法：一看到鞋，首先想到古人的智慧，将字拆分开是“革”与“圭”，革代表鞋子，圭取谐音同柜代表本网店之全面，给人以古韵古香的感觉，无形中就提升了高品质，而淡蓝色的打底给人以清新舒适而又不失年轻人朝气的感觉，这个图标就是好。LOGO使用photoshop设计。
如图2-2所示
图2-2 Logo设计
（二）首页设计
1.设计思想
本网站在色调的取舍上主要使用了白色，再加上油画上的蓝白点作点缀，还是一如既往的给浏览者舒适清新的感觉，使人的心情平静，能更好的拥有阅读享受。首页是本网站内容最丰富的一页，链接不断，惊喜不断。
2.效果展示
如图2-3所示
图2-3首页设计图
（三）子页设计
图2-4子页设计图
三、需求分析
“革柜”网站主要是由前台的用户浏览操作组成。前台主要包括14个主题：“首页”“关于我们”，“时令新款”，“商务职场”，“情侣专柜”，“清新风”，“会员特权”，“清凉一夏”，“静好时光”，“蓄势待发”，“春季尚新”，“狂野梦想”，“高性价比区”，“高品质区”。
前台的用户操作
1.浏览的时候点击其中某主题
图4-4网上购物
主要代码：
设计思想：随着用户点击到购买界面，用户可以选择点击购买，就是这么任性，就是这么简单。
（三）JSP功能特效的实现
一、引言
（一）课题背景
“革柜”网上鞋店的开发标志了新一代年轻人的生活品质的追求。随着网络科技的飞速发展，运用div+CSS布局方法制作网店使网店的结构更加简洁明了，主题鲜明，且内容也是丰富多彩的。所以呢我们的网店也是采取当下最流行的技术div+CSS来布局制作的。
而且我们也使用的jsp特效技术来使我们的网站看起来更加的高端大气上档次，低调奢华有内涵，既丰富了网站的全面性，也辅助完善了网站的实际运用。
（二）课题意义
制作此鞋店网站，主要是能让平时不关注时尚亦或是没时间关注时尚的年轻人对新流行的能及时了解，既促进本网站的收益，又能让年轻人更加关注生活品质，也许我们做了不够全，不能完全掌握年轻人的方向，但我们努力做的更好。
（三）课题技术
1.div+CSS
使用div来布局，CSS来实现对内容的完美表现，虽然我们的网店看起来比较简洁，代码也写的比较简略，但总体的实现方向是有的。一开始在网站制作中也遇到了许多难题，但在同学A的指导帮助下和借助网络百度的搜索下成功了解决了难题。我们的网店网站制作也是十分标准，以至不会看起来杂乱无章。
2.JSP
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它?是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
Linux下运行，也能在其他操作系统上运行。
它实现了Html语法中的java扩张（以 <%, %>形式）。JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。
在制作的过程中，我也遇到了许多难题，但在同学A的指导帮助下和借助网络百度的搜索下成功了解决了难题。也许我的网店在jsp特效上展示的不够全面，但也基本实现了与其他网站合作，完善了网店的辅助功能。在功能性上也是很全面地。
（四）课题工具
1.Photoshop
Adobe Photoshop简称为“PS”，是一款图像处理软件，对图像、图形、文字、视频、出版等各方面都有相当强大的编辑处理能力。
2.dreamweaver
Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto" 作为网页预览。
3.EditPlus
EditPlus是虽小巧但功能强大的编辑器，它除了拥有无限制的撤销与重做、英文拼字检查、自动换行等功能，还具有监视剪贴板的功能，它内建的HTML+CSS1指令功能可以节省一半以上的网页制作时间。
4.SQL Server 2000
SQL Server 2000是能够适用于大型网络环境下的关系型数据库管理系统，它拥有完全的Web支持，同时支持客户/服务器体系结构，它的开放性促进了其他系统可以与它很好地进行交互操作。数据库是按照数据结构来组织、存储和管理数据的仓库，将数据存放在一起，清晰明了，方便管理，用户可以对文件中的数据进行新增、截取、更新、删除等操作。与此同时，SQL Server 2000的单进程多线程可由执行核心来安排对数据库的存取，大大减少了存取的协调时间，提高了执行效率。
5.MyEclipse 6.5
MyEclipse在用纯java写的eclipse基础上加入自己的插件，支持广泛，对开源产品也相当支持，利用MyEclipse可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。
二、网站整体设计
网站设计想法：网络科技的不断发展，为网络销售提供了可行的前提。网络营销，不仅建立简单（不需要门面），而且不必长途奔波收发货（现代快递物流业的发展）。我建立的网店“革柜”以介绍为主，销售为辅，内容主要包括14个主题：“首页”“关于我们”，“时令新款”，“商务职场”，“情侣专柜”，“清新风”，“会员特权”，“清凉一夏”，“静好时光”，“蓄势待发”，“春季尚新”，“狂野梦想”，“高性价比区”，“高品质区”。其中在首页里的图片“boost your run”是可以点击进去进行购买鞋子的，这样既避免了强行推销以防止浏览的人出现逆反心理，也可以基本维持网店的开销收益，不仅为鞋子品牌做了全面推广，为以后发展铺平道路，也满足人民需求，还保证了网店的生存，真是一举三得。。
网站结构的示意图，如图1-1所示
图2-1网站结构示意图
（一）Logo设计
Logo的设计想法：一看到鞋，首先想到古人的智慧，将字拆分开是“革”与“圭”，革代表鞋子，圭取谐音同柜代表本网店之全面，给人以古韵古香的感觉，无形中就提升了高品质，而淡蓝色的打底给人以清新舒适而又不失年轻人朝气的感觉，这个图标就是好。LOGO使用photoshop设计。
如图2-2所示
图2-2 Logo设计
（二）首页设计
1.设计思想
本网站在色调的取舍上主要使用了白色，再加上油画上的蓝白点作点缀，还是一如既往的给浏览者舒适清新的感觉，使人的心情平静，能更好的拥有阅读享受。首页是本网站内容最丰富的一页，链接不断，惊喜不断。
2.效果展示
如图2-3所示
图2-3首页设计图
（三）子页设计
图2-4子页设计图
三、需求分析
“革柜”网站主要是由前台的用户浏览操作组成。前台主要包括14个主题：“首页”“关于我们”，“时令新款”，“商务职场”，“情侣专柜”，“清新风”，“会员特权”，“清凉一夏”，“静好时光”，“蓄势待发”，“春季尚新”，“狂野梦想”，“高性价比区”，“高品质区”。
前台的用户操作
1.浏览的时候点击其中某主题
图4-4网上购物
主要代码：
设计思想：随着用户点击到购买界面，用户可以选择点击购买，就是这么任性，就是这么简单。
（三）JSP功能特效的实现
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1586.html
