灵境技术网站设计
摘 要灵境技术网是提供VR虚拟显示产品购买的商业网站。网站设有首页、商品信息、会员中心、购物车、订单管理等栏目，以及为客户提供了留言版块，用户可以将自己的要求和意见及时提交给网站。灵境技术网主要采用了B/S的架构。网站用了MyEclipse的开发环境，完成整体网站的设计。搭建网站采用了HTML+CSS、JavaScript、jQuery、等技术，便于网站的维护与修改。数据库采用了MySQL数据库，为网站提供稳定的数据支持。
目 录
一、引言 1
（一）课题背景 1
（二）市场分析 1
（三）网站设计技术及工具介绍 1
二、网站总体设计 2
（一）网站前台功能 2
（二）网站后台功能 2
三、数据表设计 3
四、网站整体设计及实现 6
（一）首页 6
（二）商品页面 6
（三）购物车页面 7
（四）订单管理页面 8
（五）我要留言页面 8
（六）会员注册登陆页面 9
（七）后台管理员登陆 10
（八）后台会员管理页面 11
（九）后台留言页面。 11
五、总结 13
六、致谢 14
参考文献 14
一、引言
（一）课题背景
虚拟现实技术随着科技的发展，已经越来越成熟了，成本也可以控制的很好，世界上很多巨头都开始这一方面的研究，并推出了相对成熟的产品，比如Oculus?Rift头戴式显示器，索尼的PlayStation VR,HTC的Vive虚拟现实头盔等成熟的产品相继问世，彰示着这个行业的前途是很光明的，而且VR虚拟现实的技术对于教学、医疗、科研、娱乐等诸多行业都有帮助，相信2016年将是VR虚拟现实爆发的一年。但网络上少有专门做VR虚拟现实产品购买的网站，所以本课题决定制作一个专门提供VR虚拟现实产品购买的网站。
（二）市场分析
虽然2016年有越来越多的VR虚拟现实产品发布了，但是网络上专门做此类产品贩卖的网站并不多，这是一片还未经过发觉的蓝海，相信随着VR产品的完善，购买的人也会越来越多
*好棒文|www.hbsrm.com +Q: ^351916072*
。所以做VR虚拟现实产品的网站还是很有前途的。
（三）网站设计技术及工具介绍
1.B/S结构
B/S结构就是浏览器/服务器结构。现在网络大多采用这种模式，因为这种模式的优点是简化了开发和维护的难度，也降低了使用门槛，只要有可以上网的浏览器，就可以成功的访问。
2.MyEclipse
MyEclipse是一个极为强大的开发工具。通过这个MyEclipse，开发者就可以完成JAVAWEB的项目开发，是当今主流的开发工具。MyEclipse还支持通过一系列的插件实现功能的增强，是开发人员的首选工具。
3.MySQL
MySQL的特色是采用关联性管理数据库，可以将数据保存到不同的数据表中，从而实现规范的数据库管理，提升了数据库的灵活性。而且MySQL还有体积小、速度快、成本低、开源等特点，是很多中小型网站的首选数据库管理系统。
4.HTML+CSS
HTML+CSS是制作网页不可或缺的语言，现在网络上主流的网页都是用HTML+CSS完成开发的。HTML是网页文本语言，是一个网页的基础语言及组成部分，CSS则、是用以制作HTML页面样式的表，方便高效率。
5.JavaScript
JavaScript被广泛的应用于web项目的开发，可以为web项目实现各种样式的动态交互效果。JavaScript还有跨平台的特点，支持市面上的大部分的浏览器，支持平台也多，包括IOS、Linux、Android等平台。
6.jQuery
jQuery全意为JavaScript和Query（查询），是辅助JavaScript项目开发的。jQuery是免费免费开源的项目。jQuery的存在让web开发变的更加的简洁和便利。而且jQuery兼容多浏览器，可拓展很强，对于开发者来说是一个不可或缺的开发工具。
二、网站总体设计
网站整体主要有前台和后台2个部分组成的。前台页面主要将网站的信息数据展示出来，后台部分是专门用于管理网站数据用的。
（一）网站前台功能
网站的前台页面是为客户准备的，简洁明了的前台模块设计可以方便客户寻找到自己需要的东西，所以网站的前台要设计的简洁易用，可以满足客户的所有的需要。
会员注册登陆:网站的会员可以通过网站的前台来注册个人账户，不注册也可以浏览商品，但是不可以进行购买商品的操作。
会员购买商品:会员在登陆的情况下，可以通过将商品加入购物车的方式进行购买。
购物车:会员用户可以用这购物车来完成订单的操作，如清空购物车，继续购物，结账。
留言版块:留言版块的功能是给会员用户留下自己对网站的意见，方便网站同用户来沟通交流。
网站前台结构如图21所示。
图21 网站前台框架图
（二）网站后台功能
网站的后台页面是给管理员用户使用的。一个好的后台页面，可以方便管理员用户找到自己需操作的功能，设有商品管理、会员管理、公告管理、订单管理等栏目。
网站商品管理：网站管理员用户可以在后台进行修改网站商品的内容，添加、修改、查询。
会员账户信息管理：网站管理员用户有权限在后台管理网站会员的账户。
网站公告的管理：网站管理员用户有权限在后台修改网站的公告信息，或者删除过期公告。
管理员密码管理：管理员有权限在后台修改管理员密码。
订单管理：管理员有权限在后台管理订单信息，可以查看订单明细，可以选择发货，可以选择删除订单。
网站后台结构如图22所示。
图22 网站后台框架图
三、数据表设计
数据表是为了存储网站的数据而准备的，每一个不同的表格都分别存放着不同的数据，泾渭分明，管理起数据来也很方便。
（一）管理员表(t_admin)
t_admin管理员数据表是存储网站管理员账户信息的数据表，详情见数据表31。
表31 管理员表
序号
表名
类型
允许空值
是否主键
1
userID
int
否
是
2
userName
longtext
是
否
3
userPw
varchar
是
否
4
money
int
是
否
5
area
varchar
是
目 录
一、引言 1
（一）课题背景 1
（二）市场分析 1
（三）网站设计技术及工具介绍 1
二、网站总体设计 2
（一）网站前台功能 2
（二）网站后台功能 2
三、数据表设计 3
四、网站整体设计及实现 6
（一）首页 6
（二）商品页面 6
（三）购物车页面 7
（四）订单管理页面 8
（五）我要留言页面 8
（六）会员注册登陆页面 9
（七）后台管理员登陆 10
（八）后台会员管理页面 11
（九）后台留言页面。 11
五、总结 13
六、致谢 14
参考文献 14
一、引言
（一）课题背景
虚拟现实技术随着科技的发展，已经越来越成熟了，成本也可以控制的很好，世界上很多巨头都开始这一方面的研究，并推出了相对成熟的产品，比如Oculus?Rift头戴式显示器，索尼的PlayStation VR,HTC的Vive虚拟现实头盔等成熟的产品相继问世，彰示着这个行业的前途是很光明的，而且VR虚拟现实的技术对于教学、医疗、科研、娱乐等诸多行业都有帮助，相信2016年将是VR虚拟现实爆发的一年。但网络上少有专门做VR虚拟现实产品购买的网站，所以本课题决定制作一个专门提供VR虚拟现实产品购买的网站。
（二）市场分析
虽然2016年有越来越多的VR虚拟现实产品发布了，但是网络上专门做此类产品贩卖的网站并不多，这是一片还未经过发觉的蓝海，相信随着VR产品的完善，购买的人也会越来越多
*好棒文|www.hbsrm.com +Q: ^351916072*
。所以做VR虚拟现实产品的网站还是很有前途的。
（三）网站设计技术及工具介绍
1.B/S结构
B/S结构就是浏览器/服务器结构。现在网络大多采用这种模式，因为这种模式的优点是简化了开发和维护的难度，也降低了使用门槛，只要有可以上网的浏览器，就可以成功的访问。
2.MyEclipse
MyEclipse是一个极为强大的开发工具。通过这个MyEclipse，开发者就可以完成JAVAWEB的项目开发，是当今主流的开发工具。MyEclipse还支持通过一系列的插件实现功能的增强，是开发人员的首选工具。
3.MySQL
MySQL的特色是采用关联性管理数据库，可以将数据保存到不同的数据表中，从而实现规范的数据库管理，提升了数据库的灵活性。而且MySQL还有体积小、速度快、成本低、开源等特点，是很多中小型网站的首选数据库管理系统。
4.HTML+CSS
HTML+CSS是制作网页不可或缺的语言，现在网络上主流的网页都是用HTML+CSS完成开发的。HTML是网页文本语言，是一个网页的基础语言及组成部分，CSS则、是用以制作HTML页面样式的表，方便高效率。
5.JavaScript
JavaScript被广泛的应用于web项目的开发，可以为web项目实现各种样式的动态交互效果。JavaScript还有跨平台的特点，支持市面上的大部分的浏览器，支持平台也多，包括IOS、Linux、Android等平台。
6.jQuery
jQuery全意为JavaScript和Query（查询），是辅助JavaScript项目开发的。jQuery是免费免费开源的项目。jQuery的存在让web开发变的更加的简洁和便利。而且jQuery兼容多浏览器，可拓展很强，对于开发者来说是一个不可或缺的开发工具。
二、网站总体设计
网站整体主要有前台和后台2个部分组成的。前台页面主要将网站的信息数据展示出来，后台部分是专门用于管理网站数据用的。
（一）网站前台功能
网站的前台页面是为客户准备的，简洁明了的前台模块设计可以方便客户寻找到自己需要的东西，所以网站的前台要设计的简洁易用，可以满足客户的所有的需要。
会员注册登陆:网站的会员可以通过网站的前台来注册个人账户，不注册也可以浏览商品，但是不可以进行购买商品的操作。
会员购买商品:会员在登陆的情况下，可以通过将商品加入购物车的方式进行购买。
购物车:会员用户可以用这购物车来完成订单的操作，如清空购物车，继续购物，结账。
留言版块:留言版块的功能是给会员用户留下自己对网站的意见，方便网站同用户来沟通交流。
网站前台结构如图21所示。
图21 网站前台框架图
（二）网站后台功能
网站的后台页面是给管理员用户使用的。一个好的后台页面，可以方便管理员用户找到自己需操作的功能，设有商品管理、会员管理、公告管理、订单管理等栏目。
网站商品管理：网站管理员用户可以在后台进行修改网站商品的内容，添加、修改、查询。
会员账户信息管理：网站管理员用户有权限在后台管理网站会员的账户。
网站公告的管理：网站管理员用户有权限在后台修改网站的公告信息，或者删除过期公告。
管理员密码管理：管理员有权限在后台修改管理员密码。
订单管理：管理员有权限在后台管理订单信息，可以查看订单明细，可以选择发货，可以选择删除订单。
网站后台结构如图22所示。
图22 网站后台框架图
三、数据表设计
数据表是为了存储网站的数据而准备的，每一个不同的表格都分别存放着不同的数据，泾渭分明，管理起数据来也很方便。
（一）管理员表(t_admin)
t_admin管理员数据表是存储网站管理员账户信息的数据表，详情见数据表31。
表31 管理员表
序号
表名
类型
允许空值
是否主键
1
userID
int
否
是
2
userName
longtext
是
否
3
userPw
varchar
是
否
4
money
int
是
否
5
area
varchar
是
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/890.html
