奈家店网站
Keywords: MVC、SQL Server2008、DIV+CSS 目 录
一、引言 2
二、系统概述 2
（一）系统简介 2
（二）开发工具的介绍 2
（三）开发环境 2
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的逻辑结构 3
（三）概念模型 4
四、系统需求分析 6
（一）系统功能需求 6
1.功能实现 6
2.网站前台管理 7
3管理员管理 7
（二）模块图（E-R图） 7
1.会员模块 7
2.管理员模块 7
（三）流程设计图 8
五、系统的设计与实现 8
（一）前台的设计与实现 8
1.网站的前台设计 8
2.网站前台介绍 9
3.网页的框架设计与布局实现 9
4.页面展示 12
（二）后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 15
3.商品购买模块 16
4.店铺商品查询 17
5.订单模块 17
6.商品管理模块 18
7.订单管理模块 18
六、总结 20
致谢 21
参考文献 22
一、引言
随着电商事业成井喷状发展，大大小小的网店应运而生，为了可以分移动互联的一杯羹，建设了一个家具网上商铺，让顾客们足不出户就可以购买自己需要的一些家居产品。
本网站采用了DIV+CSS的布局 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
方式，让网站格局更加清晰。使用了Dreamweaver8.0的开发工具。使用了Photoshop来美化网站中的图片，让网站看起来更加协调。JS特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。网站分为前台页面和后台系统。网站后台以模块划分，分别是会员登录注册退出、商品、订单、购物车、会员留言、管理员登录、商品管理、订单管理这八大模块。
二、系统概述
（一）系统简介
（二）开发工具的介绍
Myeclipse ，是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
Adobe Photoshop 是Adobe公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
（三）开发环境
操作系统：windows 7
数据库：SQL sever 2008
编写语言：java
调试环境：火狐、谷歌、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全新高等优点。以下做一下数据库的详细需求分析。
（一）数据库的需求分析
根据系统的需要，设计了以下数据库数据表，如表3-1到3-5所示。
商品信息表：商品ID、商品名称、商品性质、商品描述、商品价格
店家信息表：店家ID、店家名称、店长名、商铺类型
用户信息表：用户ID、用户密码、用户类型、用户年龄、用户名、用户电话、地址、备注
订单信息表：订单ID、用户ID 、商品ID、商品名称、订单时间、备注、订单状态、地址信息
评论信息表：评论ID、商品ID、用户、评论内容、评论时间、评论等级
（二）数据库的逻辑结构
表3-1 商品信息表
字段名称
类型
宽度
可否未空
约束
含义
Pid
varchar
255
否
主键
商品ID
storeid
varchar
255
否
外键
店铺ID
pname
varchar
255
否
店铺名称
ptype
varchar
255
否
商品类型
pdesc
varchar
255
否
商品描述
price
int
255
否
商品价格
表3-2 店家信息表
字段名称
类型
宽度
可否未空
约束
含义
Sid
varchar
255
否
主键
店铺ID
sname
varchar
255
否
店铺名称
stype
varchar
255
否
店铺类性质
sperson
varchar
255
否
店长名
suid
varchar
255
否
用户ID
spwd
varchar
255
否
店铺密码
表3-3 订单信息表
字段名称
mid
varchar
255
地址
msg
varchar
一、引言 2
二、系统概述 2
（一）系统简介 2
（二）开发工具的介绍 2
（三）开发环境 2
三、数据库设计与实现 2
（一）数据库的需求分析 2
（二）数据库的逻辑结构 3
（三）概念模型 4
四、系统需求分析 6
（一）系统功能需求 6
1.功能实现 6
2.网站前台管理 7
3管理员管理 7
（二）模块图（E-R图） 7
1.会员模块 7
2.管理员模块 7
（三）流程设计图 8
五、系统的设计与实现 8
（一）前台的设计与实现 8
1.网站的前台设计 8
2.网站前台介绍 9
3.网页的框架设计与布局实现 9
4.页面展示 12
（二）后台的设计与实现 15
1.后台设计 15
2.模块的设计与实现 15
3.商品购买模块 16
4.店铺商品查询 17
5.订单模块 17
6.商品管理模块 18
7.订单管理模块 18
六、总结 20
致谢 21
参考文献 22
一、引言
随着电商事业成井喷状发展，大大小小的网店应运而生，为了可以分移动互联的一杯羹，建设了一个家具网上商铺，让顾客们足不出户就可以购买自己需要的一些家居产品。
本网站采用了DIV+CSS的布局 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
方式，让网站格局更加清晰。使用了Dreamweaver8.0的开发工具。使用了Photoshop来美化网站中的图片，让网站看起来更加协调。JS特效在网站中是必不可少的，如同是绘画者手中的画笔，十分重要。网站分为前台页面和后台系统。网站后台以模块划分，分别是会员登录注册退出、商品、订单、购物车、会员留言、管理员登录、商品管理、订单管理这八大模块。
二、系统概述
（一）系统简介
（二）开发工具的介绍
Myeclipse ，是在eclipse的基础上加上自己的插件而开发的开发环境，主要用于java及移动应用开发，它功能非常强大，支持也十分广泛，兼容性也不错。
Dreamweaver 是Macromedia公司旗下的产品，可以编写HTML语言，这是一种“所见所得”的软件工具，编写网页十分顺畅、简洁，马上可以看到自己编写的网页内容，而且还支持Styles样式表单，创造丰富的页面效果。
Adobe Photoshop 是Adobe公司为了处理图形图像而制作的，它拥有很强大的修图的功能，使用蒙版、图层等，可以使得图片更加漂亮。涉及到很多方面，包括图形、图像、视频、文字等。
（三）开发环境
操作系统：windows 7
数据库：SQL sever 2008
编写语言：java
调试环境：火狐、谷歌、360浏览器
三、数据库设计与实现
本网站使用的SQL Server 2008数据库，它的操作简单，条理清晰，安全新高等优点。以下做一下数据库的详细需求分析。
（一）数据库的需求分析
根据系统的需要，设计了以下数据库数据表，如表3-1到3-5所示。
商品信息表：商品ID、商品名称、商品性质、商品描述、商品价格
店家信息表：店家ID、店家名称、店长名、商铺类型
用户信息表：用户ID、用户密码、用户类型、用户年龄、用户名、用户电话、地址、备注
订单信息表：订单ID、用户ID 、商品ID、商品名称、订单时间、备注、订单状态、地址信息
评论信息表：评论ID、商品ID、用户、评论内容、评论时间、评论等级
（二）数据库的逻辑结构
表3-1 商品信息表
字段名称
类型
宽度
可否未空
约束
含义
Pid
varchar
255
否
主键
商品ID
storeid
varchar
255
否
外键
店铺ID
pname
varchar
255
否
店铺名称
ptype
varchar
255
否
商品类型
pdesc
varchar
255
否
商品描述
price
int
255
否
商品价格
表3-2 店家信息表
字段名称
类型
宽度
可否未空
约束
含义
Sid
varchar
255
否
主键
店铺ID
sname
varchar
255
否
店铺名称
stype
varchar
255
否
店铺类性质
sperson
varchar
255
否
店长名
suid
varchar
255
否
用户ID
spwd
varchar
255
否
店铺密码
表3-3 订单信息表
字段名称
mid
varchar
255
地址
msg
varchar
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1621.html
