家居装饰网站设计制作毕业论文.pdf

《家居装饰网站设计制作毕业论文.pdf》由会员分享，可在线阅读，更多相关《家居装饰网站设计制作毕业论文.pdf（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、湖南信息职业技术学院毕业设计摘 要本论文主要阐述了企业网站从前台UI设计到页面布局再到后台各个功能的实 现。首先，对整个互联网行业进行分析，再从中小型企业网站入手，再讲述家饰 公司网站设计时需要注意的细节问题以及所采用的技术。本论文中的实例网站为 时尚家饰，前台主要实现了用户在线注册、登录、购物车、结算、品牌查询、客 服中心，会员中心、积分兑换等功能，后台提供强大的内容发布系统，多用户、多权限管理员角色注册，数据库在线备份、导入，表单向导等功能。前台主要采 用了 di v+css布局和j avascri pt技术实现部分特效，开发技术为完全面向对象的 PHP语言，数据库采用了目前最流行的M Y

2、S QL数据库，PHP和M YS QL的完美结合，是中小型企业建设网站的首要选择。关键字：家饰，网站设计，PHP和M YS QL,数据库第2页共28页湖南信息职业技术学院毕业设计AbstractTh i s paper mai nly expounds th e corporate websi te from th e front UI desi g n to th e layout of th e pag e and to reali ze th e backg round of each functi on.Fi rst of all,on th e wh ole Internet i n

3、dustry analysi s,from small and medi um enterpri ses websi te,talk about detai ls need to pay attenti on to th e websi te desi g n decorati on company and th e tech nolog y employed.In th i s paper th e example websi te for th e fash i on decorati ons,th e mai n front to ach i eve th e user onli ne

4、reg i strati on,log i n,sh oppi ng cart,settlement,brand i nqui ry,customer servi ce center,th e member center,th e i nteg ral exch ang e and oth er functi ons,th e backg round to provi de powerful content di stri buti on system,multi user,multi role reg i strati on auth ori ty manag ement,database

5、onli ne backup,i mport,form wi zard and oth er functi ons.Th e onstag e mai nly adopts di v+css layout and j avascri pt tech nolog y to reali ze part of th e effects,development tech nolog y for fully obj ect-ori ented PHP lang uag e,usi ng th e most popular M YS QL database,a perfect combi nati on

6、of PHP and M YS QL,i s th e fi rst ch oi ce for th e constructi on of th e websi te of small and medi um enterpri ses.Keywords:home decora tion,web design,PHP a nd MYSQL第3页共28页湖南信息职业技术学院毕业设计目录第一章绪论.51.1互联网现状.51.2设计背景.5第二章网站设计要点.5第三章网站的具体实现技术.103.1开发工具、技术及环境.103.1.1 Dreamweaver 简介.113.1.2 JS技术简介.113.

7、1.3 PHP技术简介.123.1.3 MySQL 技术简介.123.1.5 Apache 服务器简介.143.1.6安装配置WAMP.14第四章需求分析.164.1总体需求分析.164.2核心功能分析.164.3预期目的.17第五章系统设计.175.1网站总体设计.175.1.1网站首页.175.1.2后台管理.175.2数据库技术.175.2.1创建数据库.185.2.2用户后台登陆.19第六章网站的实现.206.1主界面设计.206.1.1 首页.206.1.2关于我们.226.1.3产品展示.226.1.4公司新闻.236.1.5联系我们.236.2后台管理界面设计.246.2.1后台

8、管理界面.24第4页共28页湖南信息职业技术学院毕业设计第七章总结与展望.25致谢.26参考文献.27第一章绪论1.1互联网现状互联网的快速发展使企业可以实现快捷的信息传送以及直接的客户介入，但 企业中各个系统的相对独立性使信息渠道比较混乱。企业系统中各类人员的信息 渠道多种多样，互不兼容，没有一个统一的应用界面让系统使用者可以根据自己 的需要获得想要的信息，这不利于电子商务应用模式的建立和开展。如何通过建 立一个单独的界面给企业遍布全球的现实客户、潜在客户、供应商、雇员和合作 伙伴提供全面的企业信息和应用呢？于是企业门户(Enterpri se Portal)诞生了，并成为一个新的热点。1.

9、2设计背景随着中国的入世和国际互联网使用的迅速普及，企业建立网站已成为和商标 注册同样重要的大事。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的大学和 社会其他部门都已经建立了网站，通过计算机网络实现宣传、交流及资源的整合。所以企业要想树立自己的形象和加快发展得步伐，一个好的网站是不可缺少的。第二章网站设计要点因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由 新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个 企业、机

10、构纷纷建立自己的Web站点。第5页共28页湖南信息职业技术学院毕业设计Web站点是向用户或潜在客户提供信息（包括产品和服务）的一种方式。其文档 所包含的内容是由被称为超文本（HyperText）的文本、图形图象、声音，甚至电影 等组成。使这些超文本能够有机地关联并可使浏览器识别，是通过HTM L语言（HyperText M arkup L ang uag e 超文本标记语言）实现的。同时 CGI（Common Gateway Interface公共网关接口）能使Web具有交互功能。Web站点指引用户浏览该站点 或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。站点建立后，你

11、的企业就在国内、甚至在国际上有了一席之地，有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息 平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是 反映企业形象和文化的巨大的无形资产。随着人们对设计的要求越来越高，高格调，高品位的设计作品，才深受人们 的欢迎。这也就给设计者们提出了更高的要求，从这个角度说，版式设计正是满 足了人们的要求应需而生。科技的飞跃发展，让Internet走进了千家万户，也产 生出新的设计领域空间，而网页设计成为新的设计领域的重要内容。优秀的网页设计，必须有好的创意，才能使观者视线久久难移，产生震撼力。版面设计是很重

12、要的，通过文字、图形的空间组合，能最佳的表达出和谐与美。确定整个网站的整体风格，在网站前期规划中起着相当大的作用，你网页上所有的 图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格,贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印 象。举个简单例子，如果你在列举一二三四若干条的情况下,在每条前面用黑圆点 加强视觉效果，那么其他类似地方，也应该用保持同样的风格。色彩斑斓的站点，尤 其要注意风格的统一。颜色可以变，不过字体、主体文本对齐风格、标题、背景效 果以及特殊图像效果等等都应保持统一。很多缺乏编辑、出版背景的网友，很容 易忽视这点，特别是网页一多

13、，更容易忘。因此企业网站规划必须注意以下八个方面：目标明确、定位正确Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在 因特网一一这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予第6页共28页湖南信息职业技术学院毕业设计 足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个 页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而 对用户

14、和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网 站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等,从而能够有的放矢。主题鲜明、富有特色在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体 风格和特色作出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只 提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像 表现手法与有效的组织与通信结合起来。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告

15、诉 大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一 定的印象。对于一些行业标志和公司的标志应充分加以利用。调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。Web站点主页应具备的基本成分包括：公司简介，公司新闻，产品展示，在线 留言，这几个是必要的栏目。页头即左上角的标题ti tle：告诉用户这个站主要作用，也告诉百度，谷歌等 搜索引擎，利于蜘蛛的抓取。E-mai l地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：即备案号，国内所有企业网站均需备案，这样才证明这个网站是 合法的，才有用户信任此站点。版式编排布局合理。网页设计作为一种视觉语

16、言，当然要讲究编排和布局，虽然主页的设计不等第7页共28页湖南信息职业技术学院毕业设计同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过 文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和 严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页 设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理 的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问 题是页面之间和页面内的秩序

17、与内容的关系。为了达到最佳的视觉表现效果，应 讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定设计 有向前和向后的按钮，便于浏览者仔细研读。站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整 体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。色彩和谐重点突出色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的 作用。在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三 色空间关系，从而构成它们的空间层次。色彩是艺术表现的要素之一，它是光刺 激眼睛再传导到大脑中枢而产

18、生的一种感觉。在网页设计中，根据和谐、均衡和 重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原 则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征 火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗 教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶 程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上 的人喜欢红色；生活在闹市

19、中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。形式内容和谐统一第8页共28页湖南信息职业技术学院毕业设计形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本 原则之一。运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过 空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对 称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的 的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬 托、互相补充构成最佳的页面效果。点是所有

20、空间形态中最简洁的元素，也可以 说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的 无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵 活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设 计中的点，由于大小、形态、位置的不同而给人不同的心理感受。线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立 的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时,就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割 下，产生和谐

21、统一的美感。面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现 形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以 整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。网页设计中 点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的 设计意境。三维空间指置有方网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的 比例关系等空间因素表现出来。在页面中图片、文字位置前后叠压，或位置疏密 或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计得比

22、较规 范化、简明化的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、左、右、下、中位置所产生的空间关系，以及疏密的位 置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目程第9页共28页湖南信息职业技术学院毕业设计 度高。疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫 的心理感受。需指出，随着Web的普及和计算机技术的迅猛发展，人们对Web语言的要求 也日益增长。人们已不满足于HTM L语言编制的二维Web页面，三维世界的诱惑开 始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VR M L语言出现 了。VR M L是一

23、种面向对象一种语言，它类似Web超级链接所使用的HTM L语言，也 是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多的为虚拟 现实环境服务。VR M L只是一种语言，对于三维环境的艺术设计仍需要理论和实践 指导。（7）多媒体功能的利用最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持 注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动 画来表现。这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式 表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户 可接收的下载时间内是十分必要的。相关站点引导链接一个好的网站的基本要

24、素是用户进入后，与本网站相关的信息都可以方便快 捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本 这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网 站轻而易举。在设计网页的导引组织时，应该给出多个相关网站的链接，使得用 户感到想得到的信息就在鼠标马上就可以点击的地方。第三章网站的具体实现技术3.1开发工具、技术及环境随着开源潮流的蓬勃发展，开放源代码的L A M P已经与J2 EE和.Net商业软件 形成三足鼎立之势，并且该软件开发的项目在软件方面的投资成本较低，因此受 到整个 IT 界的关注。Wi ndows 下的 A pach e+M ysq 1

25、+Per 1/PHP/Pyth on,一组常用来 搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被 放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序第10页共28页湖南信息职业技术学院毕业设计平台。L A M P是基于L i nux,A pach e,M yS QL和PHP的开放资源网络开发平台，PHP是 一种有时候用Perl或Pyth on可代替的编程语言。这个术语来自欧洲，在那里这 些程序常用来作为一种标准开发环境。名字来源于每个程序的第一个字母。每个 程序在所有权里都符合开放源代码标准：L i nux是开放系统；A pach e是最通用的 网

26、络服务器；myS QL是带有基于网络管理附加工具的关系数据库；PHP是流行的对 象脚本语言，它包含了多数其它语言的优秀特征来使得它的网络开发更加有效。开发者在Wi ndows操作系统下使用这些L i nux环境里的工具称为使用WA M P。本设计的主要任务是在线浏览网站的设计与实现，整个网站的设计工作主要 分三大步进行，首先是相关资料的收集和与相关人员的沟通和交流，随后是网站 的实质性设计，最后是网站的测试工作。在这个网站中，我对网站的要求进行了详细的研究，并查阅了大量的资料，然后提出了设计方案，系统分为前台和后台两部分，前台主要作用是图片、搜索。后台主要作用是用户管理、信息管理。采用动态网页

27、及数据库相结合的方法来进 行设计，鉴于JS在设计动态网页上的优势地位及其对数据库的良好支持，因此选 择它来制作动态页面。3.1.1 Dreamweaver 简介创建网页的工具有很多，最原始的如记事本，还有微软公司的Frontpag e等 等。在本网站设计过程中，所用到的是M acromedi a公司的Dreamweaver使用 Dreamweaver这一网页编辑器，省去了很多代码的编写工作，使得设计者不必编写 HTM L代码，便可以制作出精美的网页。M acromedi a Dreamweaver是一款优秀的“所见即所得”的网页编辑器，Dreamweaver的可视化特征使用户可以直接在页面 上

28、添加和编辑元素，而不用写一行代码。例如通过鼠标拖曳来添加图像、表格等 元素，在文档中直接输入文本，还有直接插入一些常用的符号和对象等等。我们 在没有输入代码的情况下完成了这些工作，Dreamweaver自动将结果转换为HTM L 源代码，在代码视图中进行修改，这点是为专业人士考虑的，同时也方便初学者 学习掌握HTM L语言。3.1.2 JS技术简介JavaS cri pt是一种基于对象和事件驱动并具有相对安全性的客户端脚本语第11页共28页湖南信息职业技术学院毕业设计 言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTM L网页添加 动态功能，比如响应用户的各种操作。它最初由网景

29、公司(Netscape)的Brendan Ei ch设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaS cri pt 是S un公司的注册商标。Ecma国际以JavaS cri pt为基础制定了 ECM A S cri pt标准。JavaS cri pt也可以用于其他场合，如服务器端编程。完整的JavaS cri pt实现包含 三个部分：ECM A S cri pt,文档对象模型，字节顺序记号。Netscape公司在最初将其脚本语言命名为LiveScript。在Netscape与Sun合作之后将其改 名为JavaScripto JavaScript最初受Java启发而开始设计的，

30、目的之一就是看上去像Java”,因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自 Self和Schemeo JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成 协议的结果。为了取得技术优势，微软推出了 Jscript来迎战JavaScript的脚本语言。为了互用 性，Ecma国际(前身为欧洲计算机制造商协会)创建了 ECMA-262标准(ECMAScript)。现 在两者都属于ECMAScript的实现。尽管JavaScript作为给非程序员的脚本语言，而非是作为 给程序人员的编程语言来推广和宣传，但是JavaSc

31、ript具有非常丰富的特性。3.1.3 PHP技术简介ph p是Hypertext Perprocessor(超文本预处理程序)的简称，也有人称为 Personal Home Pag e Tools,PHP是一种HTM L内嵌式的语言，是一种在服务器端 执行的嵌入HTM L文档的脚本语言，大量采用C、Java和Perl语言的语法，并且 融入其自身的特点，很大的程度上使WEB开发者快速方便的编写出动态页面。PHP 技术提供了标准的数据库接口，存取数据库也比较方便，兼容性更强。使用过PHP技术开发网站的人员都知道，PHP对组件的支持不够，导致扩展性极差，所 以现在都基本用它与免费的数据库系统MyS

32、QL协同一起用作构建中小型网B/S应用大网站或 者信息系统。3.1.3 M yS QL技术简介M yS QL是一个精巧的S QL数据库管理系统，虽然它不是开放源代码的产品，但 在某些情况下你可以自由使用。由于它的强大功能、灵活性、丰富的应用编程接 口(A PI)以及精巧的系统结构，受到了广大自由软件爱好者甚至是商业软件用户 的青睐，特别是与A pach a和PHP/PER L结合，为建立基于数据库的动态网站提供 了强大动力。第12页共28页湖南信息职业技术学院毕业设计M yS QL是一个真正的多用户、多线程S QL数据库服务器。S QL（结构化查询语 言）是世界上最流行的和标准化的数据库语言。

33、M yS QL是以一个客户机/服务器结 构的实现，它由一个服务器守护程序mysqld和很多不同的客户程序和库组成。M yS QL主要目标是快速、健壮和易用。最初是因为我们需要这样一个S QL服务 器，它能处理与任何可怖昂贵硬件平台上提供数据库的厂家在一个数量级上的大 型数据库，但速度更快，M yS QL就开发出来。自1996年以来，我们一直都在使用 M yS QL,其环境有超过40个数据库，包含10000个表，其中500多个表超过7百 万行，这大约有100个吉字节（GB）的关键字应用数据。M yS QL数据库的主要功能只在组织和管理很庞大或复杂的信息和基于WEB的 库存查询请求不仅仅为客户提供

34、信息，而且还可以为您自己使用数据库可以提供 如下功能：a）减少记录编档的时间b）减小记录检索时间c）灵活的查找序列d）灵活的输出格式e）多个用户同时访问记录M yS QL的特性：1.使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性。2.支持A IX、FreeBS D、HP-UX L i nux、M ac OS、Novell Netware OpenBS D、OS/2 Wrap、S olari s、Wi ndows 等多种操作系统。3.为多种编程语言提供了 A PI,这些编程语言包括C、C+、Ei ffel、Java、Perl、PHP、Pyth on、R uby 和 Tel 等

35、。4.支持多线程，充分利用CPU资源。5.优化的S QL查询算法，有效地提高查询速度。6.既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够 作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5,日文的S h i ft_ JIS等都可以用作数据表名和数据列名。7.提供TCP/IP、ODBC和JDBC等多种数据库连接途径。8.提供用于管理、检查、优化数据库操作的管理工具。第13页共28页湖南信息职业技术学院毕业设计9.可以处理拥有上千万条记录的大型数据库。3.1.5 Apache服服务器务器简简介介A pach e是目前最流行的的Web应用服务器

36、，占据了互联网应用服务器70%以 上的份额。A pach e能取得如此成功并不足为奇:它免费、稳定且性能卓越;但A pach e 能取得如此佳绩的另一个原因是，当时互联网刚刚兴起时，A pach e是第一个可用 的Web应用服务器，人们没有其他的选择。不可否认，A pach e是一个优秀的全能Web服务器，但对于那些需要更强大的 Web应用服务器（比如大小、可定制、响应速度、可扩展性等方面）的人而言,A pach e 明显不符合他们的要求，寻找A pach e的替代者是更好地选择。3.1.6安安装配置装配置WAMPL下载最新的安装包（官方网站，S ourceForg e）,当前版本WampS

37、erver 2.0a 集成了 apach e2.2.6、ph p5.2.5+PECL S QL i t emanag er M yS QL 5.0.45、Ph pmy admi n。2.运行安装包a）首先会弹出一个“重要提示”，告诉你，“不要从wamp5.L x版本，如果之前 安装过warap5.1.x,那么安装新版本之前，请保存数据，卸载wamp5并删除wamp 目录，如果是全新安装的话，直接点“是”即可。b）弹出安装向导。点击【next】进行下一步即可。c）安装协议，选择I accept th e ag reement,继续点击【next】进行下一 步。第14页共28页湖南信息职业技术学院

38、毕业设计d）选择安装目录，默认是c:wamp,也根据自己需要设置在其他盘。e）询问是否在快速启动栏和桌面创建快捷方式。选好之后继续点击next进 行下一步。f）确认设置是否正确，点击【i nstall】开始安装。g）安装中h）弹出对话框，是否安装新的WampS erver 2主页】，选择同意之后会覆盖wamp安装目录下www文件夹中的i ndex.ph p文件。（例如c:wampwwwi ndex.ph p）。第15页共28页湖南信息职业技术学院毕业设计确认没有问题的话就选“是”吧。i)安装完毕，询问是否启动WampS erver 2。点击【Fi ni sh】完成安装。3.安装完毕之后，右下角

39、的任务栏会多出一个wamp的小图标，若安装的wamp 版本为wamp2.2版本的，成功启动后鼠标右键点击系统右下角的绿色小图标，依次 选择【L ang uag e】-ch i nese,即可更换为中文操作界面。在浏览器里输入 或者.0.0.1/ph pmyadmi n,按回车进行 测试是否安装成功。h ttp:/localh ost/ph pmyadmi nh ttp:/12 7localhost/localhost|phpMyAdmin 3.4.10.1-3捋赛 4.1 正式服文件(B S(V)收藏I工*CD顾总由*X O 伶，句恢复ffe无痕 3 localh ost场烛 佥我首页黝缀王网

40、址大全就蹒中心尽phpcms矽 酮移动踵eft WLANphpMyAdmin11 local hostA 毒应盒子通翻B，嚎裁图白网银.囹蹒，O蛔*，蔚微博(740)臼软件匐S X J 邕 localhost/localhost|phpMyAdm,.X|(http:/localhost/X|苴http:/localhost/教据庠口 SQL乳状态B二避制曰志须进程理校眼B导出导入字符集更多三MySQL连接校对x utf8_binI jj demodianshii j dis-j fengshunQ iuruiyuan j hafhjxIjl huaenh i i ah ni箫Language

41、u:中文-Chinese simplified 朝主题/风格：pmahomme MySQL月质务器：localhost(localhost via TCP/IP)抓务器版本：5.5.2gog协议版本：10用户：rootlocalhost MySQL 字符集：UTF-8 Unicode(utf8)v奉力薛 wamp翊2下载第四章需求分析4.1总体需求分析本网站是做的装饰公司重要的对外窗口，通过该网站，应该能很好地对访问 者传达企业的基本情况、展示的产品质量。本网站根据“以宣传为功能目的、以稳定性为技术目标”的设计思想进行分 析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：首

42、页：设有产品搜索，本网站的具体内容及基本概括。关于我们：对本公司的简单介绍，让商家对本公司有着新的认识。产品展示：展示本公司的所有产品。公司新闻：发布本公司的最新信息。联系我们：用户登录、留言，与我们进行交流。4.2核心功能分析新品速递是公司在网站上发布产品信息，是企业建设必须的也是最重要的。第16页共28页湖南信息职业技术学院毕业设计企业的产品数据会经常变化，以静态网页形式发布产品已经不适应这变化需求了,本网页的前台滴用户可以通过页面浏览查询，后台管理可以管理各类商品的价格、简介、样图等多类信息。本系统具有管理功能强大，速度快，可扩充能力等特点。4.3预期目的为了提高装饰公司的知名度，同时也

43、为了可以成为一个与客户交流的平台，提高数码产品的信誉，此网站对数码产品的各方面都做了详细的展示和介绍，此 网站可以更好展示给大家，能得到更多消费者的青睐。第五章系统设计5.1网站总体设计5.1.1网站首页本网站的首页别具一格，简单又好看。首页并不复杂，只是突出主题。5.1.2后台管理通过后台管理员登陆后台管理界面，对访问者的留言及遇到的问题进行及时 的交流与回复。5.2数据库技术数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，是用 于查询的大量数据的存储区域。使用数据库可以带来许多好处：如减少了数据的 第17页共28页湖南信息职业技术学院毕业设计冗余度，从而大大地节省了数

44、据的存储空间，实现数据资源的充分共享等等。近 年来推出的计算机关系数据库挂你系统，还具有操作直观，使用灵活，编程方便,功能强大，环境适应广泛，数据处理能力极强等诸多优点。总的来说，数据库的设计对系统的经济性、功能性和效率有很大的影响,个好的数据库，要求在设计时尽量避免数据的多余，另外，还要尽可能提高数据 的存取速度。数据库设计时速度与空间在方式上是相互矛盾的。一方面按规范化 理论的要求，关系模式应尽量取高级方式，尤其对记录数较多的关系，低级方式 将会造成存储的大量重复，使空间遭受严重浪费；另一方面从存取速度上考虑,应该尽量做到一个模式涉及的属性越多越好，相互运算越少越好，这样，又应取 低级方式

45、。因此我们在设计数据库时要严格地探讨它的使用环境，充分了解用户 的需求，清楚地掌握数据库系统的特点。经过综合的评价和分析后设计出的数据 库应满足以下要求:数据库信息要能充分体现出用户使用系统的需求。能够支持用户对数据进行的所有处理。能够容易被数据库管理系统运行维护。数据一致性、完整性好，无更新异常。5.2.1创建数据库local h ost/localh ost/j i aj X|+写岛含FFi|量名耋定同localh ost p p l，OI D I 同 I S数据库数据库|脚j i aj u(1)j i aj u.news 成功。函函脂芳脂芳器器：localhost 圈圈教据库教据库：ji

46、aju 国国表表：news曹浏曹浏览览 囹囹结结构构sSQL 二二搜搜索索 藏藏插插入入 眉眉导导出出 聘聘导导入入 袈袈泰泰作作 圈圈青空青空 除除 9创创建建数据数据裘裘CM*TE TKBLK jiaju.nes(id 10T 1ULL,title 30)CHJLUCTn SET itfi COLLATE utsentr-sl;MOT BVLL,soiLtenl CHABACT1R SET.COLLATE：.；.HOI 8VU.time SOT HULL.count SOT BULLi EMcm=imrora；编辑编辑创创建建PHP代代码码 否石否 万否石享享段段 类类型型 整整理理 St

47、t空空敏敏认蕃认蕃外外 操操诈诈B i d i nt(U)否石 E X E S IM title varch ar C3 0)utf 8_ g eneral_ ci 否元 覆 幽鹿|F|cont ent text utf 8_ g ener al_ ci 否 石 E X?Jy J回 tiae date 否石 E X E ISB count i nt(11)否石 H X t_全迭/全不迭选中:E X ffl E0 E虽打印预览 电关系查看 麋规划表结构拳添加1 个字段。于表结尾?于表开头&于之后li d 渴函初|瓦没有已定义的索引！在第 个字段创建索引参余 10,2 40.0 KB 创创建时有建

48、时有 2014年10月14曰12:50有效有效 -10,469,3 76 享节5 41 1R A H4 方*己己用空衬用空衬行行毓毓计计类类壅壅已已用用说说图图值值数据数据1岛岛384亭亭节节格式格式Conyatt索索引引0享享节节行行数数0由下舞由荷。由很,宜。CR EA TE TA BL E j i aj u、news、(第18页共28页湖南信息职业技术学院毕业设计i d INT NOT NUL L,ti tle VA R CHA R(3 0)CHA R A CTER S ET utf8 COL L A TE utf8_ g eneral_ ci NOTNUL L,content TEXT

49、 CHA R A CTER S ET utf8 COL L A TE utf8_ g eneral_ ci NOT NUL L,ti me DA TE NOT NUL L,count INT NOT NUL L)ENGINE=INNODB;5.2.2用户后台登陆?ph pi nclude conn,ph p”;sessi on_ start();i f($_ POS T act=登录”)($sql=select*from admi n wh ere adi d=，$_ POS Tusername.and adpasswd=.$_ POS Tpasswd.$mysql=mysql_ query(

50、$sql);$num=mysql_ num_ rows($mysql);i f($num=0)ech o/alert(用户名密码不匹配，请重新登录):locati on.h ref=i ndex,h tml:/scri pt”；)else($rs=mysql_ fetch _ array($mysql);ech o alert(欢迎$rs adi d”.scri pt”；第19页共28页湖南信息职业技术学院毕业设计?第六章网站的实现6.1主界面设计本主界面为 i ndex.h tmL 它是由 j i anj i e.h tml,zh ansh i.h tmL xi nwen.h tmL li