only钻戒网站设计
：从钻戒市场的行情来看，人们对于钻戒的需求日趋多样化，进行网上销售可以节省顾客去实体店购买的时间更为便利，Only钻戒网站便是在这种需求下应运而生的。网站主要包含钻戒的品牌文化介绍、求婚钻戒、With you系列钻戒、会员登录、新用户注册、用户留言、产品列表、产品详细列表等内容。本网站是典型的电子商务网站，采用B2C的运营模式，通过网站进行品牌钻戒的推广销售进而提高品牌的知名度。
目 录
一、前言 1
二、开发工具、技术、环境简介 1
（一）开发工具的介绍 1
1、SQL Sever2008数据库介绍 1
2、Sublime Text3介绍 1
3、Visual Studio介绍 1
（二）开发技术的介绍 1
1、ASP.NET介绍 1
2、HTML5+CSS3介绍 2
（三）开发环境的介绍 2
三、系统需求分析 2
（一）系统需求分析 2
1、前台功能 2
1、后台功能 2
（二）组织结构图的设计 3
1、前台模块 3
2、后台模块 3
四、数据库的详细设计 4
（一）数据库的需求分析及逻辑结构表 4
（二）ER图的设计 5
五、系统的设计与实现 6
（一）前台的设计与实现 6
1、首页的设计 6
2、品牌文化页面的设计 8
3、用户注册页面的设计 9
4、With You系列页面的设计 11
5、店庆活动信息页面的设计 12
（二）后台的设计与实现 13
1、登录页面的设计 13
2、添加/删除页面的设计 14
3、查找页面的设计 17
六、总结 18
谢辞 19
参考文献 20
一、前言
在当今这个时代，网上交易越来越频繁，人们也在进行着更多的网上交易。比如人们口中的淘宝网站、唯品会、蘑菇街、礼物说等口碑较好的线上交易网站。钻石、黄金等贵金属的交易大部分是
*好棒文|www.hbsrm.com +Q: &351916072&
在实体店进行，但随着电子商务网站的发展，人们对网购的接受度越来越高，越来越多的此类产品通过网络的渠道进行销售，Only钻戒网站也是在此契机下应运而生。
Only钻戒网站为网上购买钻戒领域服务，其独特之处在于一位男士凭借身份证仅能买一对钻戒，象征真爱唯一。网站主要采用HTML5+CSS来进行页面外观的搭建，使用JavaScript、jQuery技术来进行网页的动画效果设计。利用ASP.Net技术进行后台开发从而实现对数据的动态管理。用户进入网站后可以进行商品浏览、查看该网站信息活动、发表自己的言论、可选购自己理想的商品。管理员登录网站后台后，可以进行商品管理、资讯管理等。
二、开发工具、技术与环境简介
（一）开发工具的介绍
1、SQL Server2008数据库介绍
Microsoft SQL Server2008是微软公司开发的一种数据库管理的系统。它以容易学、容易用这两个方面极大的降低了数据库的开发以及维护这两个方面的难度，在当代企业中，这款软件应用的非常多。
2、Sublime Text3介绍
Sublime Text3是一个优于html的一个文本编辑器，它是由一个美国著名的程序员在2008年开发出来的。Sublime Text3的功能主要有多选择、多窗口、拼写错误的检查，主要运用于Linux、Windows操作系统。
3、Visual Studio介绍
Visual Studio是用于生成ASP.NET Web的应用程序，Visual Studio对于程序员相对的便利、简洁。
（二）开发技术的介绍
1、ASP.NET技术
ASP.NET是微软公司主要力推的一项WEB开发编程的技术，它是统一的WEB开发模型。它是在.NET的基础上建立的，很大程度上提高了软件的执行力。它可以在WEB软件开发的很多平台上运行，极具适应性。该网站的注册页面、详细产品列表页面、产品列表页面主要运用于ASP.NET这个开发技术。
2、HTML5+CSS3技术
HTML5+CSS3使得人机交互，人与网络之间的关系变得更加的舒适。HTML5将会成为HTML、XHTML及HTML DOM的一种新的标准。HTML的上一个版本诞生于1999年，自那以后，WEB的世界算是经历了一个很大的改变。
HTML5是W3C以及WHATWG合作出来的一个软件。CSS即是层叠样式表，在设计网页的过程中适当的采用CSS技术，可以很有效的对于页面的设计、页面的字体、字体的颜色、页面的背景以及其他的样式效果。CSS3为CSS这个软件的升级，该语言是向模块化的方向发展的。
（三）开发环境的介绍
操作的系统：windows 7
数据库：SQL Sever2008数据库
编写的语言：ASP.NET、HTML5+CSS3
调试的环境：360浏览器、Chrome、IE、火狐
三、系统需求分析
（一）系统需求分析
本网站主要是向用户提供钻戒的信息、钻戒的价格等，保证把最新的钻戒信息能够让用户及时的看到。网站主要的功能有：用户可以在网页上任意浏览，如果想要深刻的了解本网站的钻戒可注册会员，并且选择一枚真正想要的钻戒献给自己的爱人；还能够对本网站的钻戒信息及时的留言。而管理员可以进行对本网站的产品适当的添加和删除产品。
在设计初期，首先对本行业内的钻戒网站进行分析，本网站可分为会员登录和管理员登录两部分，也可分为前台和后台两部分。
1、前台功能
前台用户可通过本网站查看钻戒信息，查看活动、钻戒列表、留言、品牌文化等信息。
前台用户可通过With you系列查看钻戒价格、颜色、材质等详细信息；
前台用户可通过店庆活动查看详细信息；
前台用户可通过留言专区的查看人们最爱钻戒是哪一类；
前台用户可查看永生花页面，可了解永生花的价格、意义等详细信息；
前台可以通过列表页面来进行对网页商品的查找操作；
前台可以通过购物车页面来进行对网页商品的改变商品个数操作。
2、后台功能
后台主要实现是对系统的各种数据的进行增删改查，具体如下：
后台可以通过添加/删除页面来进行对网页商品的增加/删除操作；
后台可以通过查找商品来进行对网页商品的查找操作。
（二）组织结构图的设计
1、前台模块
前台模块：此模块主要是对于前台这一模块来进行设计，前台可进行登录与注册，可以查看本网站页面的所有信息，了解最及时、最新的钻戒价格，可以浏览自己所写的留言板信息，还可及时看到钻戒的最新动态，可随时关注着整个网站页面的信息，见图31所示。
图31 前台模块
目 录
一、前言 1
二、开发工具、技术、环境简介 1
（一）开发工具的介绍 1
1、SQL Sever2008数据库介绍 1
2、Sublime Text3介绍 1
3、Visual Studio介绍 1
（二）开发技术的介绍 1
1、ASP.NET介绍 1
2、HTML5+CSS3介绍 2
（三）开发环境的介绍 2
三、系统需求分析 2
（一）系统需求分析 2
1、前台功能 2
1、后台功能 2
（二）组织结构图的设计 3
1、前台模块 3
2、后台模块 3
四、数据库的详细设计 4
（一）数据库的需求分析及逻辑结构表 4
（二）ER图的设计 5
五、系统的设计与实现 6
（一）前台的设计与实现 6
1、首页的设计 6
2、品牌文化页面的设计 8
3、用户注册页面的设计 9
4、With You系列页面的设计 11
5、店庆活动信息页面的设计 12
（二）后台的设计与实现 13
1、登录页面的设计 13
2、添加/删除页面的设计 14
3、查找页面的设计 17
六、总结 18
谢辞 19
参考文献 20
一、前言
在当今这个时代，网上交易越来越频繁，人们也在进行着更多的网上交易。比如人们口中的淘宝网站、唯品会、蘑菇街、礼物说等口碑较好的线上交易网站。钻石、黄金等贵金属的交易大部分是
*好棒文|www.hbsrm.com +Q: &351916072&
在实体店进行，但随着电子商务网站的发展，人们对网购的接受度越来越高，越来越多的此类产品通过网络的渠道进行销售，Only钻戒网站也是在此契机下应运而生。
Only钻戒网站为网上购买钻戒领域服务，其独特之处在于一位男士凭借身份证仅能买一对钻戒，象征真爱唯一。网站主要采用HTML5+CSS来进行页面外观的搭建，使用JavaScript、jQuery技术来进行网页的动画效果设计。利用ASP.Net技术进行后台开发从而实现对数据的动态管理。用户进入网站后可以进行商品浏览、查看该网站信息活动、发表自己的言论、可选购自己理想的商品。管理员登录网站后台后，可以进行商品管理、资讯管理等。
二、开发工具、技术与环境简介
（一）开发工具的介绍
1、SQL Server2008数据库介绍
Microsoft SQL Server2008是微软公司开发的一种数据库管理的系统。它以容易学、容易用这两个方面极大的降低了数据库的开发以及维护这两个方面的难度，在当代企业中，这款软件应用的非常多。
2、Sublime Text3介绍
Sublime Text3是一个优于html的一个文本编辑器，它是由一个美国著名的程序员在2008年开发出来的。Sublime Text3的功能主要有多选择、多窗口、拼写错误的检查，主要运用于Linux、Windows操作系统。
3、Visual Studio介绍
Visual Studio是用于生成ASP.NET Web的应用程序，Visual Studio对于程序员相对的便利、简洁。
（二）开发技术的介绍
1、ASP.NET技术
ASP.NET是微软公司主要力推的一项WEB开发编程的技术，它是统一的WEB开发模型。它是在.NET的基础上建立的，很大程度上提高了软件的执行力。它可以在WEB软件开发的很多平台上运行，极具适应性。该网站的注册页面、详细产品列表页面、产品列表页面主要运用于ASP.NET这个开发技术。
2、HTML5+CSS3技术
HTML5+CSS3使得人机交互，人与网络之间的关系变得更加的舒适。HTML5将会成为HTML、XHTML及HTML DOM的一种新的标准。HTML的上一个版本诞生于1999年，自那以后，WEB的世界算是经历了一个很大的改变。
HTML5是W3C以及WHATWG合作出来的一个软件。CSS即是层叠样式表，在设计网页的过程中适当的采用CSS技术，可以很有效的对于页面的设计、页面的字体、字体的颜色、页面的背景以及其他的样式效果。CSS3为CSS这个软件的升级，该语言是向模块化的方向发展的。
（三）开发环境的介绍
操作的系统：windows 7
数据库：SQL Sever2008数据库
编写的语言：ASP.NET、HTML5+CSS3
调试的环境：360浏览器、Chrome、IE、火狐
三、系统需求分析
（一）系统需求分析
本网站主要是向用户提供钻戒的信息、钻戒的价格等，保证把最新的钻戒信息能够让用户及时的看到。网站主要的功能有：用户可以在网页上任意浏览，如果想要深刻的了解本网站的钻戒可注册会员，并且选择一枚真正想要的钻戒献给自己的爱人；还能够对本网站的钻戒信息及时的留言。而管理员可以进行对本网站的产品适当的添加和删除产品。
在设计初期，首先对本行业内的钻戒网站进行分析，本网站可分为会员登录和管理员登录两部分，也可分为前台和后台两部分。
1、前台功能
前台用户可通过本网站查看钻戒信息，查看活动、钻戒列表、留言、品牌文化等信息。
前台用户可通过With you系列查看钻戒价格、颜色、材质等详细信息；
前台用户可通过店庆活动查看详细信息；
前台用户可通过留言专区的查看人们最爱钻戒是哪一类；
前台用户可查看永生花页面，可了解永生花的价格、意义等详细信息；
前台可以通过列表页面来进行对网页商品的查找操作；
前台可以通过购物车页面来进行对网页商品的改变商品个数操作。
2、后台功能
后台主要实现是对系统的各种数据的进行增删改查，具体如下：
后台可以通过添加/删除页面来进行对网页商品的增加/删除操作；
后台可以通过查找商品来进行对网页商品的查找操作。
（二）组织结构图的设计
1、前台模块
前台模块：此模块主要是对于前台这一模块来进行设计，前台可进行登录与注册，可以查看本网站页面的所有信息，了解最及时、最新的钻戒价格，可以浏览自己所写的留言板信息，还可及时看到钻戒的最新动态，可随时关注着整个网站页面的信息，见图31所示。
图31 前台模块
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/765.html
