万进不锈钢销售网站
目 录
一、引言 1
（一）课题简介 1
（二）选题意义 1
（三）论文组织结构 1
二、开发工具介绍 1
（一）Dreamweaver 1
（二）Adobe Photoshop 1
（三）MyEclipse 1
（四）SQL Server 2
三、网站主体规划 2
（一）需求描述 2
（二）网站内容规划 2
1.模块设计 2
2.数据库设计 3
（三）界面设计 5
1.网站的色彩搭配方案 5
2.文字设计 5
3.logo设计 5
4.网页框架结构的设计 5
四、网站的实现 7
（一）网站静态页面制作 7
1.首页 7
2.子页面的制作 9
（二）网站动态页面制作 15
1.结构设计 15
2.动态页面实现 15
五、网站后台 27
（一）产品管理 27
（二）会员管理 29
（三）订单管理 30
总结 33
参考文献 34
致 谢 35
一、引言
（一）课题简介
本设计为不锈钢制品销售网站，主要展示一些不锈钢制品以及关于不锈钢的小知识，让消费者更加详细的了解不锈钢这一产业。网站运用DIV+CSS技术将前台页面的排版设计的更加合理，再运用jQuery和JS特效技术将前台页面美化，最后结合java web 的知识，运用数据库软件将前台和后台的信息连接起来。前台用户登陆，查看 *好棒文|www.hbsrm.com +Q: ￥351916072￥
不锈钢信息及价格，提交订单，将信息提交到数据库后，管理人员到数据库里查看信息，订单，进行商品的发货，修改，添加等等。
（二）选题意义
随着社会的发展，网络已逐渐深入人心，成为继报刊、电视、广播等传统媒体之后而迅速兴起的一种新的传媒介质。在网络上，人们想搜索自己想要的信息轻而易举。设计这个网站让人们更加轻松的了解不锈钢产业，各种不锈钢产品及其价格。
（三）论文组织结构
全文共分四个部分。
第一部分 引言，阐述课题内容、选题意义、论文组织结构。
第二部分 开发工具介绍，介绍课题中所用到的开发工具。
第三部分 网站主体规划，模块设计和数据库设计。
第四部分 网站设计，介绍静态网页的实现及后台功能的设计。
第五部分 网站实现，介绍系统实现的功能。
第六部分 网站后台，介绍后台实现的功能。
二、开发工具介绍
（一）Dreamweaver
Dreamweaver是Macromedia公司出品的一种“所见即所得”的网页编辑工具。它将可视布局工具和代码编辑支持组合成一个功能强大的工具，插件式的程序设计使得其功能可以无限的扩展，使每个级别的开发人员和设计人员都可以利用它快速创建界面。
（二）Adobe Photoshop
Adobe Photoshop，简称“PS”，是Adobe公司旗下最为出名的图像处理软件之一。其应用领域很广泛，涉及图像、图形、文字等各个方面。使用Photoshop的修改与绘图工具，可以更快更有效的进行图片编辑、修改等工作。
（三）MyEclipse
MyEclipse 是一个用于开发Java的 Eclipse 插件集合，MyEclipse的功能强大，支持广泛，尤其是对各种开源产品的支持十分不错。MyEclipse可以支持Java Servlet，AJAX，JSP，Spring，Hibernate，EJB3，JDBC数据库链接工具等多项功能。
（四）SQL Server
Microsoft SQL Server 是一个全面的数据库平台，使用了集成的商业智能工具，提供了企业级的数据管理。其引擎为关系型数据和结构化数据，提供了更安全可靠的存储功能，可以构建和管理用于高性能的数据应用程序。
三、网站主体规划
系统在开发之前需要进行详细的需求分析，在课题前期，对不锈钢这一行业进行了一次比较全面化的了解。一方面结合网上搜索的资料和公司里的产品资料，对收集的结果数据进行归类与整理，另一方面调查这一行业的市场在网上发展的前景，并上网查看了许多同类型的网站。下面是对整个网站进行的需求分析。
（一）需求描述
网站分为前台和后台两个部分。前台介绍这一产业的信息，产品。前台用户分为游客和会员。游客只能浏览网页，会员除有游客的功能还可以购买物品。后台管理员可对产品的信息进行修改、添加。
网站流程图如图3-1所示。
图3-1 网站流程
（二）网站内容规划
1.模块设计
(1)前台结构图
首页页面上一共有三个内容：公司信息、不锈钢制品、新闻资讯。子页面有走进万进、新闻资讯、不锈钢产品、用户中心、联系我们。此外，新闻资讯里包括行业信息，产品小常识，具体如图3-2所示。
图3-2 网站功能结构图
(2)后台结构图
管理员必须先登录才能进行后台信息的管理，登录后，首先看到所有的产品，依旧有四个链接：产品展示，会员管理，订单的管理。如图3-3。
图3-3 网站后台结构图
2.数据库设计
利用SQL Server 数据库管理系统，对网站内的数据进行分类存放，通过后台管理员的操作，建立、修改、删除数据。万进网站的数据表包括用户表，产品表，订单表，订单详细表、管理员表。
管理员表（admin）：管理员ID，管理密码，如图3-4 后台管理员表。
用户表（Userinfo）：用户ID，用户名，用户密码，用户性别，电话号码，邮箱地址，地址，密保问题，问题答案，用户创建时间，如图3-5 用户表。
产品表（product）：产品ID，产品名，产品价格，产品产地，产品类型，产品数量，产品图片，产品简介，如图3-6 产品表。
订单表（Orderinfo）：订单ID，用户ID，订单时间，如图3-7 订单表。
订单详细表（OrderDetail）：订单ID，产品ID，购买数量，如图3-8订单明细表。
图3-4 后台管理员表
图3-5 用户表
图3-6 产品表
图4-5企业文化效果图
在右边的二级导航利用JQuery特效，选项卡的切换，当鼠标移动到列表时，列表的样式效果会自动切换。其特效代码如下图4-6，样式图为图4-7。
图5-2 产品添加界面
图5-3 产品列表界面
一、引言 1
（一）课题简介 1
（二）选题意义 1
（三）论文组织结构 1
二、开发工具介绍 1
（一）Dreamweaver 1
（二）Adobe Photoshop 1
（三）MyEclipse 1
（四）SQL Server 2
三、网站主体规划 2
（一）需求描述 2
（二）网站内容规划 2
1.模块设计 2
2.数据库设计 3
（三）界面设计 5
1.网站的色彩搭配方案 5
2.文字设计 5
3.logo设计 5
4.网页框架结构的设计 5
四、网站的实现 7
（一）网站静态页面制作 7
1.首页 7
2.子页面的制作 9
（二）网站动态页面制作 15
1.结构设计 15
2.动态页面实现 15
五、网站后台 27
（一）产品管理 27
（二）会员管理 29
（三）订单管理 30
总结 33
参考文献 34
致 谢 35
一、引言
（一）课题简介
本设计为不锈钢制品销售网站，主要展示一些不锈钢制品以及关于不锈钢的小知识，让消费者更加详细的了解不锈钢这一产业。网站运用DIV+CSS技术将前台页面的排版设计的更加合理，再运用jQuery和JS特效技术将前台页面美化，最后结合java web 的知识，运用数据库软件将前台和后台的信息连接起来。前台用户登陆，查看 *好棒文|www.hbsrm.com +Q: ￥351916072￥
不锈钢信息及价格，提交订单，将信息提交到数据库后，管理人员到数据库里查看信息，订单，进行商品的发货，修改，添加等等。
（二）选题意义
随着社会的发展，网络已逐渐深入人心，成为继报刊、电视、广播等传统媒体之后而迅速兴起的一种新的传媒介质。在网络上，人们想搜索自己想要的信息轻而易举。设计这个网站让人们更加轻松的了解不锈钢产业，各种不锈钢产品及其价格。
（三）论文组织结构
全文共分四个部分。
第一部分 引言，阐述课题内容、选题意义、论文组织结构。
第二部分 开发工具介绍，介绍课题中所用到的开发工具。
第三部分 网站主体规划，模块设计和数据库设计。
第四部分 网站设计，介绍静态网页的实现及后台功能的设计。
第五部分 网站实现，介绍系统实现的功能。
第六部分 网站后台，介绍后台实现的功能。
二、开发工具介绍
（一）Dreamweaver
Dreamweaver是Macromedia公司出品的一种“所见即所得”的网页编辑工具。它将可视布局工具和代码编辑支持组合成一个功能强大的工具，插件式的程序设计使得其功能可以无限的扩展，使每个级别的开发人员和设计人员都可以利用它快速创建界面。
（二）Adobe Photoshop
Adobe Photoshop，简称“PS”，是Adobe公司旗下最为出名的图像处理软件之一。其应用领域很广泛，涉及图像、图形、文字等各个方面。使用Photoshop的修改与绘图工具，可以更快更有效的进行图片编辑、修改等工作。
（三）MyEclipse
MyEclipse 是一个用于开发Java的 Eclipse 插件集合，MyEclipse的功能强大，支持广泛，尤其是对各种开源产品的支持十分不错。MyEclipse可以支持Java Servlet，AJAX，JSP，Spring，Hibernate，EJB3，JDBC数据库链接工具等多项功能。
（四）SQL Server
Microsoft SQL Server 是一个全面的数据库平台，使用了集成的商业智能工具，提供了企业级的数据管理。其引擎为关系型数据和结构化数据，提供了更安全可靠的存储功能，可以构建和管理用于高性能的数据应用程序。
三、网站主体规划
系统在开发之前需要进行详细的需求分析，在课题前期，对不锈钢这一行业进行了一次比较全面化的了解。一方面结合网上搜索的资料和公司里的产品资料，对收集的结果数据进行归类与整理，另一方面调查这一行业的市场在网上发展的前景，并上网查看了许多同类型的网站。下面是对整个网站进行的需求分析。
（一）需求描述
网站分为前台和后台两个部分。前台介绍这一产业的信息，产品。前台用户分为游客和会员。游客只能浏览网页，会员除有游客的功能还可以购买物品。后台管理员可对产品的信息进行修改、添加。
网站流程图如图3-1所示。
图3-1 网站流程
（二）网站内容规划
1.模块设计
(1)前台结构图
首页页面上一共有三个内容：公司信息、不锈钢制品、新闻资讯。子页面有走进万进、新闻资讯、不锈钢产品、用户中心、联系我们。此外，新闻资讯里包括行业信息，产品小常识，具体如图3-2所示。
图3-2 网站功能结构图
(2)后台结构图
管理员必须先登录才能进行后台信息的管理，登录后，首先看到所有的产品，依旧有四个链接：产品展示，会员管理，订单的管理。如图3-3。
图3-3 网站后台结构图
2.数据库设计
利用SQL Server 数据库管理系统，对网站内的数据进行分类存放，通过后台管理员的操作，建立、修改、删除数据。万进网站的数据表包括用户表，产品表，订单表，订单详细表、管理员表。
管理员表（admin）：管理员ID，管理密码，如图3-4 后台管理员表。
用户表（Userinfo）：用户ID，用户名，用户密码，用户性别，电话号码，邮箱地址，地址，密保问题，问题答案，用户创建时间，如图3-5 用户表。
产品表（product）：产品ID，产品名，产品价格，产品产地，产品类型，产品数量，产品图片，产品简介，如图3-6 产品表。
订单表（Orderinfo）：订单ID，用户ID，订单时间，如图3-7 订单表。
订单详细表（OrderDetail）：订单ID，产品ID，购买数量，如图3-8订单明细表。
图3-4 后台管理员表
图3-5 用户表
图3-6 产品表
图4-5企业文化效果图
在右边的二级导航利用JQuery特效，选项卡的切换，当鼠标移动到列表时，列表的样式效果会自动切换。其特效代码如下图4-6，样式图为图4-7。
图5-2 产品添加界面
图5-3 产品列表界面
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1774.html
