手机壳网站设计与实现
Keywords: CSS+DIV;JSP;SQL Server 2008;B/S 目录
一、引言 1
二、系统概述 1
（一）系统简介 1
（二）开发工具的介绍 1
（三）开发环境 1
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的总体结构 2
（三）概念模型 4
四、系统需求分析 5
（一）系统功能需求 5
（二）模块图 5
1.网站会员模块 5
2.网站管理员模块 6
（三）流程设计图 6
五、系统的设计与实现 7
（一）前台的设计与实现 7
1.网站的前台设计 7
2.网站前台介绍 8
3.网页的框架设计与布局实现 8
4.页面局部功能展示 11
（二）后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 15
3.手机壳购买模块 17
4.手机壳查询 17
5.订单模块 18
6.手机壳的后台管理模块 19
7.订单管理模块 20
六、总结 21
七、致谢 22
八、参考文献 22
一、引言
网购已经是人们生活的一种方式，没有人不喜欢网购。网上的东西琳琅满目，让人们有更多的选择去购买自己喜欢的物品，人们已经不满足于在线下购买自己的商品，人们更愿意在网上选择购买自己满意的商品，而想要买到一款自己心爱的手机壳就要到专门的网站上购买，手机壳网站就是这样一个网站，让人们 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
能够在这里挑选的自己最钟爱的一款手机壳。
本网站采用了DIV+CSS的布局方式，让网站格局更加清晰。使用了Dreamweaver8.0的开发工具，用HTML来编写网页，运用JSP技术实现网站的建设,利用div+css进行界面的搭建。在其中还使用了Photoshop来美化网站中的图片，让网站看起来更加协调。Js特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。本网站中还有一些图片切换，背景色切换等。
二、系统概述
（一）系统简介
为了方便人们购买手机壳，所以制作了这个手机壳网站系统，这个网站系统可以让大家更快的选择和购买自己喜欢的手机壳，节省更多的时间。网上购物简单快捷，网站里设置了会员的登陆登出，会员拥有个人中心，已购物品，商品评价，质量反馈等界面，管理员拥有登陆登出，修改商品价格，会员管理，处理订单等功能。
（二）开发工具的介绍
Abode Photoshop 是Abode公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
Myeclipse 是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
（三）开发环境
操作系统：windows 7
数据库：SQLsever
编写语言：java
调试环境：火狐、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全性高等优点。下面是数据库的详细需求分析。
（一）数据库的需求分析
根据网站的功能需要，设计了以下数据库数据表：
留言表：lid、luid、ltheme、lcontent、ltime
商品表：pid、pname、ptypeid、pdesc、pcolor、pmoney、padapt、psuggest、pflag
销售类型表：tid、tname、tcaizh、tdesc
用户表：uid、upassword、utype、uname、tel、adress、msg
用户购买信息表：bid、bproductid、bproductname、buserid、bmoney、bcolor、bnum、bsummoney、bperson、btel、baddress、bmsg、bflag
（二）数据库的总体结构
表3-1留言表(liuyan)
字段名称
类型
宽度
可否未空
约束
含义
lid
varchar
255
否
主键
留言ID
luid
varchar
255
否
外键
类型
Itheme
varchar
255
否
名称
Icontent
varchar
255
否
内容
Itime
varchar
255
否
时间
表3-2商品表(product)
字段名称
类型
宽度
可否未空
约束
含义
pid
varchar
255
否
主键
ID
pname
varchar
255
否
名称
ptypeid
varchar
255
255
否
分类
psuggest
varchar
255
255
否
名称
tcaizhi
varchar
255
否
材质
tdesc
一、引言 1
二、系统概述 1
（一）系统简介 1
（二）开发工具的介绍 1
（三）开发环境 1
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的总体结构 2
（三）概念模型 4
四、系统需求分析 5
（一）系统功能需求 5
（二）模块图 5
1.网站会员模块 5
2.网站管理员模块 6
（三）流程设计图 6
五、系统的设计与实现 7
（一）前台的设计与实现 7
1.网站的前台设计 7
2.网站前台介绍 8
3.网页的框架设计与布局实现 8
4.页面局部功能展示 11
（二）后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 15
3.手机壳购买模块 17
4.手机壳查询 17
5.订单模块 18
6.手机壳的后台管理模块 19
7.订单管理模块 20
六、总结 21
七、致谢 22
八、参考文献 22
一、引言
网购已经是人们生活的一种方式，没有人不喜欢网购。网上的东西琳琅满目，让人们有更多的选择去购买自己喜欢的物品，人们已经不满足于在线下购买自己的商品，人们更愿意在网上选择购买自己满意的商品，而想要买到一款自己心爱的手机壳就要到专门的网站上购买，手机壳网站就是这样一个网站，让人们 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
能够在这里挑选的自己最钟爱的一款手机壳。
本网站采用了DIV+CSS的布局方式，让网站格局更加清晰。使用了Dreamweaver8.0的开发工具，用HTML来编写网页，运用JSP技术实现网站的建设,利用div+css进行界面的搭建。在其中还使用了Photoshop来美化网站中的图片，让网站看起来更加协调。Js特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。本网站中还有一些图片切换，背景色切换等。
二、系统概述
（一）系统简介
为了方便人们购买手机壳，所以制作了这个手机壳网站系统，这个网站系统可以让大家更快的选择和购买自己喜欢的手机壳，节省更多的时间。网上购物简单快捷，网站里设置了会员的登陆登出，会员拥有个人中心，已购物品，商品评价，质量反馈等界面，管理员拥有登陆登出，修改商品价格，会员管理，处理订单等功能。
（二）开发工具的介绍
Abode Photoshop 是Abode公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
Myeclipse 是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
（三）开发环境
操作系统：windows 7
数据库：SQLsever
编写语言：java
调试环境：火狐、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全性高等优点。下面是数据库的详细需求分析。
（一）数据库的需求分析
根据网站的功能需要，设计了以下数据库数据表：
留言表：lid、luid、ltheme、lcontent、ltime
商品表：pid、pname、ptypeid、pdesc、pcolor、pmoney、padapt、psuggest、pflag
销售类型表：tid、tname、tcaizh、tdesc
用户表：uid、upassword、utype、uname、tel、adress、msg
用户购买信息表：bid、bproductid、bproductname、buserid、bmoney、bcolor、bnum、bsummoney、bperson、btel、baddress、bmsg、bflag
（二）数据库的总体结构
表3-1留言表(liuyan)
字段名称
类型
宽度
可否未空
约束
含义
lid
varchar
255
否
主键
留言ID
luid
varchar
255
否
外键
类型
Itheme
varchar
255
否
名称
Icontent
varchar
255
否
内容
Itime
varchar
255
否
时间
表3-2商品表(product)
字段名称
类型
宽度
可否未空
约束
含义
pid
varchar
255
否
主键
ID
pname
varchar
255
否
名称
ptypeid
varchar
255
255
否
分类
psuggest
varchar
255
255
否
名称
tcaizhi
varchar
255
否
材质
tdesc
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1849.html
