YT小饰品网站设计与实现

毕业设计（论文）论文题目： YT小饰品网站设计与实现 专业： 计算机网络技术 目 录摘 要1引 言21 开发概述21.1 开发背景21.2 系统概述21.3 开发工具概述21.3.1 php的定义21.4 WampServer服务器简介41.5 Mysql数据库简介41.6 DreamWeaver软件简介42 网站需求分析52.1 网站总体功能模块分析52.2 前台功能模块分析62.3 后台功能模块分析62.4 数据库设计73 网站前台页面设计83.1 网站首页设计83.2 产品中心页面设计93.3 新闻中心页面设计93.4 公司介绍页面设计103.5 联系我们页面设计103.6 留言板设计114 网站后台页面设计114.1 后台管理页面设计114.2 产品管理页面设计124.3 文章管理页面设计124.4 其他管理页面设计135 网站发布135.1 网站测试135.2 网站上传136 系统安全146.1 系统安全简介146.2 加密算法描述14结束语16参考文献17致 谢18ii 毕业论文YT小饰品网站设计与实现【摘 要】本文着重介绍了YT小饰品网上商店系统的详细设计与规划过程。本系统采用Java语言，运用eclipse编码工具，采用SQL Server为数据库，实现了系统主要功能，包括会员注册、账户管理、购物车、搜索，等基本功能。此外，本系统也实现系统的后端管理，包括商品的添加、账单的处理等功能。很大程度上减轻了维护人员的劳动强度，提高了工作效率与管理水平，具有很大的使用价值。本网站界面简洁，操作简单，为用户提供了便捷的服务，同时也节省了管理者的经营成本【关键词】 YT小饰品 小饰品 PHP框架 MYSQL数据库 引 言近年来，随着计算机、网络与通讯技术的发展，Internet在人们的学习、生活和工作的位置越来越重要，通过发布属于公司的web站点宣传推广公司产品或开展公关活动已成为一种趋势。饰品行业是从珠宝首饰、工艺礼品行业中分离出来的、综合形成的一个新兴级别产业。饰品行业已经成为经济发展的一个新增长点。随着网络的发展，尤其是电子商务行业的发展，网络营销已经成为市场营销的不可缺少的方式之一，并且它的地位在不断上升，在不久的将来，它必将成为市场营销的主流。小饰品营销网站就是小饰品营销与网络的有机结合，就是专门从事小饰品网上营销的一个网站，它是实现现代网络营销的一种有效的方式。1 开发概述1.1 开发背景目前市面上有很多大大小小的灯具实体店铺或者网上店铺，而实体与网络相互结合的还是少数。YT小饰品的模式就是一个实体与网络结合，客户可以在我们的YT小饰品网站上面找到想要的小饰品商品，当然也可以到我们的实体店里面寻找、咨询。YT小饰品网站里面有实体店中所有小饰品品的信息，而且非常详细。有一些客户想要买小饰品需要走很远的路到实体店去看饰品，不满意又得换一家店，而YT小饰品要做到的就是坐在家里动动手指，喝喝水就能让客户找到想要的饰品。而网上购物存在这比较大的风险，所以YT小饰品不提供网上购物，网站上的只是饰品的介绍，当然是绝对真实的，当客户看中心仪的饰品是，即可来我们的实体店铺购买饰品，这样就做到了既方便，又安全。1.2 系统概述亮澄灯具网站属于个人网站。由前台跟后台两个部分组成。前台系统包括了首页，产品中心，关于YT，联系YT，留言板五个页面。前台系统主要是展示各种各样的灯具图片，以及对应的详细信息。还有有关灯具的最新信息动态跟我们店铺的商品更新情况。后台系统包括了产品管理、文章管理、图册管理、会员管理、商城管理、留言板管理和系统设置七个模块。后台系统主要功能就是添加、更新、删除页面上的新闻、图片、数字等内容，更加清晰的为管理员展示了网站的流量。1.3 开发工具概述本系统所用的开发工具是PHP和MYSQL。1.3.1 php的定义PHP（PHP: Hypertext Preprocessor的缩写，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、java和perl的特点，入门门槛较低，易于学习，使用广泛，主要适用于Web开发领域。PHP的文件后缀名为php。当客户从浏览器上读取该php文件时，将向Web服务器发出HTTP请求，服务器收到该请求后调用ASP，读取请求的文件，执行其中的脚本命令，生成标准的Web页回送给客户的浏览器。此过程如图1-1所示：图1-1 执行过程利用php可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，php具有以下特点： (1)利用php可以实现突破静态网页的一些功能限制，实现动态网页技术； (2)php文件是包含在HTML代码所组成的文件中的，易于修改和测试； (3)服务器上的php解释程序会在服务器端执行php程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页； （4）php提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息； （5）php可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发现和那个Email或访问文件系统等。1.3.2 php的特点（1）PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。（2）PHP可以比CGI或者Perl更快速的执行动动态网页动态页面方面，与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成htmL标记的CGI要高许多；PHP具有非常强大的功能，所有的CGI的功能PHP都能实现。（3）PHP支持几乎所有流行的数据库以及操作系统。（4）最重要的是PHP可以用C、C+进行程序的扩展！1.4 WampServer服务器简介WampServer是一款由法国人开发的ApacheWeb服务器、PHP解释器以及MySQL数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程，从而腾出更多精力去做开发。在windows下将Apache+PHP+Mysql集成环境，拥有简单的图形和菜单安装和配置环境。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，wampserver一切都搞定了。这个软件是完全免费的，可以在其官方网站下载到最新的版本。1.4.1 WampServer服务器的主要特点:（1）支持中文语言，一键安装，省时省力；任何人都可以轻松搭建；（2）集成Apache/MySQL/PHP/PhpMyadmin；支持PHP扩展、Apache的mod_rewrit；（3）一键启动、重启、停止所有服务，一键切换到离线状态等等。1.5 Mysql数据库简介MySQL是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，目前属于Oracle公司。MySQL是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放码源这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越，搭配php和Apache可组成良好的开发环境。1.6 DreamWeaver软件简介Dreamweaver是当前最流行的网页设计软件，目前最新版本为3.0。它与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。 Dreamweaver与其它同类软件相比主要有以下优点：不生成冗余代码。可视化的网页编辑器，都要把使用者的操作转换成html代码。一般的编辑器都会生成大量的冗余代码，给网页以后的修改带来了极大的不方便，同时还增加了网页文件的大小。Dreamweaver则在使用时完全不生成冗余代码，避免了诸多麻烦。而且，通过设置，还可用Dreamweaver清除掉网页文件原有的冗余代码。 (1)方便的代码编辑:可视化编辑和源代码编辑都有其长处和短处。有时候，直接用源代码编辑会很有效。Dreamweaver提供了html快速编辑器和自建的html编辑器，能方便自如的在可视化编辑状态和源代码编辑状态间切换。 (2)强大的动态页面支持：Dreamweaver的Behavior能在使用者不懂javascript的情况下，往网页中加入丰富的动态效果。Dreamweaver还可精确的对层进行定位，再加上timeline功能，可生成动感十足的动态层效果。 (3)操作简便：首先，Dreamweaver提供的历史面板、html样式、模版、库等功能避免了重复劳动。最后，Dreamweaver与Fireworks集成紧密，可直接调用Fireworks对页面的图象进行修改、优化。 (4)优秀的网站管理功能：在定义的本地站点中，改变文件的名称、位置，Dreamweaver会自动更新相应的超级链接。Checkin和Checkout功能可协调多个使用者对远程站点的管理。 (5)便于扩展：使用者可给Dreamweaver安装各种插件，使其功能更强大。使用者若有兴趣，还可自己给Dreamweaver制作插件，使Dreamweaver更适应个人的需求。2 网站需求分析2.1 网站总体功能模块分析系统总体结构设计是系统设计过程中及其重要的一步，对系统的技术层次，开发过程，功能实现及开发成本方面具有重大的影响。系统总体结构设计应尽可能的考虑人际关系，环境条件以及与运行管理系统等的联系，使系统每个部分都能协调适应。拟实现如下目标：l 系统架构清晰、界面友好美观。l 提供用户登录。l 提供用户留言在对应文章下的留言功能，增强网站互动性。通过网络调研，根据用户的需求，本网站可以初步设计产品中心、新闻中心、公司介绍、联系我们、留言板和管理入口等导航模块。这些模块在功能上是相互独立的，完成不同的功能，但是它们之间又有着联系，通过对功能模块的有机结合来构成完整的网站，现在设计出功能结构图如图2-1所示。YT小饰品网站 前台后台 图2-1功能结构图2.2 前台功能模块分析前台一共分为7个模块，它们分别是：首页、产品中心、关于YT、联系YT、留言板等。在各个板块中，可以由管理员从后台对各个功能导航模块进行操作，并增加多级分类，其功能结构如图2-2所示：图2-2 YT小饰品网站前台功能结构图2.3 后台功能模块分析本网站设计了“管理入口”，也就是本网站的后台。网站是建立在许多不同的内容模块之上的，网站的规模也是体现在模块数量和质量之上。在以数量为网站规模的前提下，对网站模块的控制和管理是十分重要的。本网站的后台管理主要着重两个方面的管理：一般的模块管理和超级管理选项。一般模块管理包括：产品管理、文章管理、图册管理、会员管理、商城管理、留言管理、系统设置，其模块拟设计如图2-3所示。图2-3 YT小饰品网站后台功能结构图2.4 数据库设计数据是用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地建立一个完整而合理的结构，根据调研，分析，该网站包括管理员信息表、模块大类信息表、公告管理信息表、新闻信息表和模块小类信息表，所有的数据表结构如表2-1至表2-5所示。 (1)Admin 管理员信息表表2-1 管理员信息表字段名称数据类型说明ALIVE文本 管理员级别设定ID自动编号admin文本 管理员名字设定password文本管理员密码设定(2)BigClass 模块大类信息表表2-2 模块大类信息表字段名称数据类型BigClassID自动编号BigClassName文本Admin文本(3)gg 公告管理信息表表2-3 公告管理信息表字段名称数据类型说明ID自动编号Name文本文章标题content文本文章内容(4)News 新闻信息表表2-4 新闻信息表字段名称数据类型说明ID数字自动编号title文本新闻标题Content文本新闻内容BigClassName文本大类名称SmallClassName文本小类名称Imagenum数字图片数量firstImgeName文本第一张图片的名字User文本新闻发布人Infotime时间/日期发布时间Hits数字点击次数(5)SmallClass 模块小类信息表 表2-5 模块小类信息表字段名称数据类型说明SmallClassID数字自动编号SmallClassName文本小类名称BigClassName文本所属大类Admin文本管理员3 网站前台页面设计3.1 网站首页设计(1)内容简介：一共分为八个区块，不仅可以显示本网站推荐产品、宣传大图、产品推荐、产品搜索、用户登录，可以看到添加了友情链接和在线客服，浏览者还可以看到本站的新闻。(2)“网站首页”页面设计运行效果如图3-1所示图3-1 网站首页运行效果3.2 产品中心页面设计(1)内容简介：“产品中心”页面主要用来实现对产品描述、价格等内容(2)“产品中心”页面设计及运行效果如图3-2所示。图3-2 产品中心页面运行效果3.3 新闻中心页面设计（1）内容简介：此页面主要用来体现亮澄灯具的最新新闻，更多的了解亮澄。（2）“新闻中心”页面设计及运行效果如图3-3所示。图3-3 新闻中心页面运行效果3.4 公司介绍页面设计（1）内容简介：此页面主要用来展示亮澄灯具的介绍。（2）“公司介绍”页面设计及运行效果如图3-4所示。图3-4 公司介绍页面运行效果3.5 联系我们页面设计（1）内容简介：此页面主要用于客户与亮澄的联络。（2）“联系我们”页面设计及运行效果如图3-5所示。图3-5 联系我们页面运行效果3.6 留言板设计(1)内容简介：留言板中我们可以畅所欲言，和大家进行交流，留言的内容需要进行后台审核通过之后，才能在前台留言界面上显示出来。同时，留言的格式也可以在留言过程中进行设置，主要功能有查看留言、写留言、搜索留言、留言帮助与管理登陆等功能。(2)“留言板”页设计运行效果如图3-7所示图3-7 留言板页面运行效果4 网站后台页面设计4.1 后台管理页面设计(1)内容简介：管理与前台相对应的各个模块。(2)“后台管理”页面登录运行效果如图4-1所示。图4-1 后台管理登录 (3)“后台管理”页面运行效果如图4-2所示。图4-2亮澄灯具后台管理运行效果4.2 产品管理页面设计(1)内容简介：产品的管理主要用于管理产品的分类、上架和下架等功能，在后台修改后能在前台显示相应的内容。(2)“产品管理”页面运行效果如图4-3所示。图4-3 产品管理运行效果4.3 文章管理页面设计(1)内容简介：文章的管理主要用于管理站内的新闻动态、招聘信息等内容，在后台修改后能在前台显示相应的内容。(2)“文章管理”页面运行效果如图4-4所示。图4-4 文章管理运行效果4.4 其他管理页面设计(1)内容简介：管理各个模块的内容，例如：留言板的管理主要分普通管理员和超级管理员，普通管理员留言后，不能直接显示在留言板上，需要后台超级管理员的审核通过后才能显示的前台的留言板上。其主要功能有对前台的留言进行审核通过、删除留言信息、回复/编辑回复、编辑等功能。(2)“留言管理”页面运行效果如图4-5所示。图4-5 留言管理运行效果5 网站发布5.1 网站测试有人认为：将一个网站开发出来就大功告成了，而事实则不然，花费了很多时间与精力开发出来的网站经常会存在一些问题，这就需要进行网站测试。对于网站的测试应从以下几方面入手：(1) 链接测试一个好的站点应该不包含中断的链接，花费时间检查链接可以避免错误信息的发生率。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所外国投资的页面是否存在；最后，保证WEB应用系统上没有孤立的页面，所谓孤立页面就指没有链接指向该页面，只有知道正确的URL地址才能访问。(2)检查布局的一致性对于一个好的网站，布局一致性十分重要。我们在设计网站时，常常会因追求单个页面的美观而忽略了网站的整体效果。这就需要对网站进行整体浏览，检查布局和图像的一致性。(3)利用外界的环境对网站进行版测试版测试是指让一些没有参加过该网站开发或设计的人员检测站点，要求他们在测试站点时，记录下他们的想法、意见和问题，并要求测试者独立地在站点上进行。和没有参与网站开发的人员一起测试站点，可以提高对信息设计的洞察能力。5.2 网站上传如果你已经完成了一个WEB应用系统，并通过测试一切正常后，那么，接下来的任务就是将其发布到Internet上供用户使用了。FTP（File Transfer Protocol）中文译为文件传输协议，是互联网上常用的文件传输工具。使用FTP不但可以传输文件，而且可以传输文件夹，因此FTP是WEB网站常用的系统上传工具。现在上传的工具很多，常用的FTP工具有LeafFTP、CuteFTP等。6 系统安全6.1 系统安全简介系统的安全性除了网络安全外，最重要的就是保障用户口令的安全性，避免其被网络黑客窃取进而盗用用户权限，这就需要对用户口令进行加密存放。在单用户系统中，加密比较简单，只需要配合用户修改信息时重新将修改后的用户口令加密后存放。如果是在多用户系统中，则还要涉及用户注册时对注册时的口令进行加密存放。在现阶段，我们一般认为存在两种加密方式，单向加密和双向加密。双向加密是加密算法中最常用的，它将我们可以直接理解的明文数据加密为我们不可直接理解的密文数据，也可以将密文数据解密为明文数据；单向加密则只能对数据进行加密，也就是说，没有办法对加密以后的数据进行解密。在实际中的一个应用就是数据库中的用户信息加密，当用户创建一个新的账号或者密码，他的信息不是直接保存到数据库，而是经过一次加密以后再保存，这样，即使这些信息被泄露，也不能立即理解这些信息的真正含义。 本系统采用的是md5加密算法。6.2 加密算法描述md5就是采用单向加密的加密算法，对于md5而言，有两个特性是很重要的，第一是任意两段不同的明文数据，加密以后的密文不能是相同的；第二是任意一段明文数据，经过加密以后，其结果必须永远是不变的。前者的意思是不可能有任意两段明文加密以后得到相同的密文，后者的意思是如果我们加密特定的数据，得到的密文一定是相同的。md5的全称是message-digest algorithm 5（信息-摘要算法），在90年代初由mit laboratory for computer science和rsa data security inc的ronald l. rivest开发出来，经md2、md3和md4发展而来。它的作用是让大容量信息在用数字签名软件签署私人密钥前被压缩成一种保密的格式（就是把一个任意长度的字节串变换成一定长的大整数）。不管是md2、md4还是md5，它们都需要获得一个随机长度的信息并产生一个128位的信息摘要。虽然这些算法的结构或多或少有些相似，但md2的设计与md4和md5完全不同，那是因为md2是为8位机器做过设计优化的，而md4和md5却是面向32位的电脑。对md5算法简要的叙述可以为：md5以512位分组来处理输入的信息，且每一分组又被划分为16个32位子分组，经过了一系列的处理后，算法的输出由四个32位分组组成，将这四个32位分组级联后将生成一个128位散列值。 程序主要用function过程实现加密逻辑与结果返回，用sub过程实现加密算法的具体过程，典型代码如下：/将admin 通过md5加密结束语总结这次“YT小饰品网站”开发制作过程，我们综合使用了目前因特网上比较流行的网站制作设计手段，并对初步利用后台程序完成了网站模块与栏目的设计，并生成网站框架和网页的技术。同时也从中学习了对页面的处理风格，色彩搭配，页面导航方面有了一定经验。本设计在尹建章老师的悉心指导和严格要求下业已完成，从课题选择、到具体设计和调试，无不凝聚着尹建章老师的心血和汗水，在三年的大学学习和生活期间，也始终感受着老师的精心指导和无私的关怀，我受益匪浅。在此向尹建章老师表示深深的感谢和崇高的敬意。 在完成本设计的过程中，我既感受到了面对自己无法解决的问题时的苦恼，也体会到问题最终得以解决时的快乐。同时，也总结了以下一些经验： (1) 一个详细周密的计划对于完成一项任务的重要性。实际上，我对这次毕业设计着手较早。但由于刚开始时间较松，在学习时就想到哪学到哪，没有认真计划。到后来发现同学们的进度都已经赶上甚至超过我，这才又着急起来，赶紧找经验丰富的同学出主意，制定出详细的计划，这才按时完成了任务。 (2) 学习网站风格设计，实践是最好的方法。我对网站设计学习实际上分为两个阶段。前一阶段为摸索尝试阶段。在这一阶段中，我总有隔雾观花的感觉，网站设计各种颜色搭配总不协调。后一阶段边实践边学习，很多前一阶段不甚了解的问题得到迎刃而解。 (3) 要学会运用互联网工具。互联网是一个具有大量资源的信息宝库，在这次毕业设计中如果没有互联网也许我多花一倍的时间也完不成任务。所以一定要会并善于运用互联网工具。 完成这次设计后回过头来看，我的这项作业完成得并不完美。还有很多需要提高和改进的地方。 首先，是网站的功能不够完善，只有一些比较单调的文章、图文，内容太过