基于DEDECMS的茶叶宣传网站—杨磊.doc

密 级公 开 本科生毕业（学位）论文基于织梦CMS的茶叶宣传网站杨磊(1208075160)指导教师姓名：朱二华职 称：讲师单 位：计算机与信息学院专 业 名 称：计算机科学与技术（网络应用）论文提交日期：2016年4月6日论文答辩日期：2016年4月8日学位授予单位：黔南民族师范学院答辩委员会主席:论 文 评 阅 人: 年 月 基于dedecms茶叶宣传网站的设计与开发杨磊（1208075160）（黔南民族师范学院计算机与信息学院，贵州 都匀 558000）摘 要:随着Internet信息技术的高速发展，互联网已经成为人们进行交易的主要方式。在信息时代，能够建立一个省时简单的购物环境，对商家和买方都是不小的诱惑，因此建立一个功能强大、操作简单的电子商物网站，对企业的发展至关重要。本文介绍了以贵州茶叶茶叶宣传为主，介绍了贵州茶叶的发展状况、技术背景，具体讲述了如何使用DEDECMS建立了一个茶叶宣传网站，网站的建立流程、数据库设计、功能模块的设计，以及每一个功能模块的代码实现方法。此系统是基于B/S结构的茶叶宣传网站的设计与开发，采用DEDECMS（织梦内容管理系统)框架 、MySQL数据库和PHP语言进行开发，方便安全快捷。本次设计是基于DEDECMS的茶叶宣传网站，网站前台展示了贵州特色茶叶，贵州茶叶的动态，以及茶叶市场的资讯等内容，网站的后台是对整个网页内容的管理，登陆后可以对整个网页的文章发布、修改、删除。关键词：贵州茶叶DEDECMS 、PHP 、MySqlDesign and development base ondedecms tea to promote websiteYang Lei(1208075160)(School of Computer and Information Qiannan Normal University for Nationalities, Duyun 558000)Abstract: With the rapid development of Internet information technology, the Internet has become the main way people conduct transactions. In the information age, when the province to establish a simple shopping environment, merchants and buyers are not a small temptation, thus establishing a powerful, easy-to e-commerce website was, is crucial for the development of enterprises. This paper introduces the Guizhou tea tea propaganda, it introduced the development of Guizhou tea, technical background, specifically about how to use DEDECMS set up a website to promote its tea, establish procedures website, database design, function module design, and every code for a functional module implementation. This system is based on the design and development of B / S structure of tea to promote your site using DEDECMS (Pursuing a dream content management system) framework, MySQL database and PHP language development, to facilitate safe and efficient. This design is based on DEDECMS tea propaganda Website foreground shows Guizhou specialty teas, dynamic Guizhou tea, and the tea market information and other content, background site is the management of the entire page content, after landing can be the entire page publish articles, edit, delete.Keywords: GuiZhou tea DEDECMS PHP MySql目 录第一章 绪 论11.1网站需求分析11.1.1前后台功能需求11.1.2 角色设计11.1.3网站数据需求分析11.1.4网站表层数据流图11.1.5网站非功能性需求3第二章 关键技术介绍42.1开发环境42.1.1 浏览器与服务器结构42.1.2 wampserver运行环境42.1.3 Dreamweaver CS642.1.4 PHP开发语言42.2 DEDECMS（织梦内容管理系统）52.2.1 DedeCMS的应用领域52.2.2 DedeCMS的优缺点62.3.3 DedeCMS常用标签6第三章 系统详细设计83.1 系统框架设计83.2 栏目设计103.3主页面模板关键代码113.4模板设计12第四章 后台的管理操作154.1 后台功能模块实现154.2 管理员登陆及身份验证154.3 栏目管理164.4文章管理17第五章 系统调试与测试185.1 程序调试185.2 程序的测试185.2.1 测试的重要性及目的185.2.2 测试案例19第六章 总结21谢 辞22参考文献23II第一章 绪 论随着互联网的快速发展，以及计算机网络技术的普及，现在的社会已经进入了以计算机为中心的网络时代，各种电子商务的出现，给现在的生活带来了很大的方便。现在无论在哪，网络也同样能够发挥巨大的作用就是在网络上浏览信息发布消息。网络快速的发展是社会和经济发展的必然结果，伴随人们的精神基础与物质基础的不断提高，生活的节奏逐步加快，各种信息的需求量日益提高。经过调查，目前市场上茶叶虽然多，贵州茶叶在本地还算有名，但是走出贵州后，名气也不是很大。这对我们来说也是个很好的市场机会。如果为此开发一个安全茶叶宣传网站，利用网络打响贵州茶叶这个品牌，那么在市场上贵州茶叶能有更好的发展。DEDECMS内容管理系统是一个建站系统，用它来建站，方便、安全，以便今后的管理。1.1网站需求分析1.1.1前后台功能需求前台功能：面向访客直接接触的信息，包括是否能够让客户很轻松、方便的浏览最新发布的文章、图片等。后台功能需求：后台的作用是为前台数据提供必要的网站数据管理，功能如下：1、栏目管理：对栏目增删改、对文章管理；2、文件管理：管理员网站系统文件，图片等信息管理。 1.1.2 角色设计网站分管理员和游客两个角色：管理员：能够还能够对网站上已经发布内容的添加、修改和删除等功能，方便了管理员对网站的维护和管理。游客：可以浏览网站上的信息、图片。1.1.3网站数据需求分析从贵州各地茶叶的市场上来分析、取样、调查，获取贵州特色茶叶的数据信息，完成对数据需求。1.1.4网站表层数据流图表层数据流图只有网站基本功能的数据处理流程，也就是代表要网站开发的主要实现功能，但是此功能还需要其他很多的操作处理，表层数据流图主要是确定系统的输入与外部实体的关系而确定其边界。本次设计是基于DEDECMS的茶叶宣传网站，网站前台展示了贵州特色茶叶，贵州茶叶的动态，以及茶叶市场的资讯等内容，网站的后台是对整个网页内容的管理，登陆后可以对整个网页的文章发布、修改、删除。网站基本实现的内容的发布查看功能，本网站设计的栏目有关于贵茶、茶艺茶道、茶品分类、最新资讯、贵茶动态、行业动态、贵茶荣誉、关于我们等。茶叶宣传网站表层的数据流图如图1.1所示。最新资讯行业动态贵茶天下关于贵茶贵茶动态贵茶荣誉关于我们茶艺茶道茶品分类图1.1网站数据流图Figure 1.1 website data flow diagram 对应栏目内容简介：关于贵茶：对贵茶天下茶叶网站的简介；茶艺茶道：茶叶的一些艺术及茶叶技巧介绍；茶品分类：贵州茶叶的类别；最新资讯：贵州茶叶的最新资讯；贵茶动态：贵州茶叶的动向；贵茶荣誉：关于贵州茶叶的荣誉简介；行业动态：贵州茶叶市场行情；关于我们：联系我们，公司地图。后台管理，主要是对网站的所有的内容进行管理，首先管理员须在登陆界面进行验证正确登陆进入管理界面，可管理的功能有核心设置、模块设置、生成thml、采集功能、模板设计、系统的设置，若登陆失败则重新登陆。登陆正确后，可以对网站的风格、网站名称、网站的联系方式、织梦标签、系统变量、图片水印、分页方式、自动关键词、自动摘要、网站站点目录、文件管理、数据库的还原与备份、数据库的结构与优化等。后台数据流图如图1.2。登陆验证提示错误系统生成采集模板网站栏目管理网站文章管理文章模板管理商品模板管理网站模块管理生成网站HTML网站文章采集设置网站基本信息管理完成退出返回登陆界面核心模块后台登陆是否图1.2 网站后台数据流图Figure 1.2 website background data flow diagram 1.1.5网站非功能性需求界面设计需求，校园信息网站设计界面友好，布局要合理，颜色舒适，控制按钮或超链接清晰，能让用户方便浏览及使用。通用性，在不同的浏览器都应该访问本网站，如果遇到特殊情况应该给用户一个友好的提示，在程序设计方面，统一编程规范，留下可以扩展的程序接口，以便日后扩展功能。第二章 关键技术介绍2.1开发环境 2.1.1 浏览器与服务器结构B/S结构(Browser/Server，浏览器/服务器模式)，是网络技术兴起后的一种结构模式，在这种模式下主要是通过浏览器来实现，主要的逻辑任务需要在服务器中进行。这种模式的优点是客户端不需要安装，只需进行一些必要的配置就能使用，它的扩展性非常容易，维护起来也很方便1。对于C/S架构来说，B/S的维护和升级方式简单容易，选择方式更多，会降低更多成本。2.1.2 wampserver运行环境WampServer是一种整合软件包，包括了Apache Web服务器、PHP解释器以及MySQL数据库。在开发的过程中也舍去一些繁琐的配置环境过程。在windows下将Apache+PHP+Mysql 集成环境，拥有简单的图形和菜单安装和配置环境。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，wampserver一切都搞定了2。Wampserver集成服务器的特点：1、支持中文语言，一键安装，省时省力;任何人都可以轻松搭建;2、集成Apache/MySQL/PHP/PhpMyadmin;支持PHP扩展、Apache的mod_rewrit;3、一键启动、重启、停止所有服务，一键切换到离线状态等等。2.1.3 Dreamweaver CS6dreamweaver cs6是一款有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML)，对于初级人员，你可以无需编写任何代码就能快速创建web页面2。利用 Adobe Dreamweaver CS6软件中改善的 FTP 性能，更高效地传输大型文件。更新的实时视图和多屏幕预览面板可呈现 HTML5 代码，使您能检查自己的工作3。2.1.4 PHP开发语言PHP，是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用。可以生成Forms，ComboBoxes，Grid，Menus等的组件，并支持将数据转为XML/JSON格式3。2.2 DEDECMS（织梦内容管理系统）织梦内容管理系统，他将是您轻松建站的首选利器。采用XML名字空间风格核心模板:模板全部使用文件形式保存，对用户设计模板、网站升级转移均提供很大的便利，健壮的模板标签为站长DIY 自己的网站提供了强有力的支持。高效率标签缓存机制:允许对类同的标签进行缓存，在生成HTML的时候，有利于提高系统反应速度，降低系统消耗的资源。模型与模块概念并存:在模型不能满足用户所有需求的情况下，DedeCMS推出一些互动的模块对系统进行补充，尽量满足用户的需求。众多的应用支持:为用户提供了各类网站建设的一体化解决方案，在本版本中，增加了分类、书库、黄页、圈子、问答等模块，补充一些用户的特殊要求。面向未来过渡:织梦团队的组建为织梦CMS的发展提供坚实的基础，在织梦团队未来的构想中，它以后将会具有更大的灵活性和稳定的性能4。基本目录结构/ 根目录在安装可选模块时需设定可写入文件和创建目录的权限。./install 安装程序目录，安装完后可删除安装时必须有可写入权限./dede 默认后台管理目录(可任意改名)./include 类库文件目录./plus 附助程序目录./member 会员目录./images 系统默认模板图片存放目录./uploads 默认上传目录必须可写入./html 默认HTML文件存放目录必须可写入./templets 系统默认内核模板目录./data 系统缓存或其它可写入数据存放目录必须可写入./special 专题目录生成一次专题后可以删除special/index.php，必须可写入2.2.1 DedeCMS的应用领域企业网站，无论大型还是中小型企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的竞争力;政府机关，通过建立政府门户，有利于各种信息和资源的整合，为政府和社会公众之间加强联系和沟通，从而使政府可以更快、更便捷、更有效开展工作;教育机构，通过网络信息的引入，使得教育机构之间及教育机构内部和教育者之间进行信息传递，全面提升教育类网站的层面;媒体机构，互联网这种新媒体已经强而有力的冲击了传统媒体，在这个演变过程中，各类媒体机构应对自己核心有一个重新认识和重新发展的过程，建立一个数字技术平台以适应数字化时代的需求;行业网站，针对不同行业，强化内部的信息划分，体现行业的特色，网站含有行业的动态信息、产品、市场、技术、人才等信息，树立行业信息权威形象，为行业内产品供应链管理，提供实际的商业机会;个人站长，兴趣为主导，建立各种题材新颖，内容丰富的网站，通过共同兴趣的信息交流，可以让您形成自己具有特色的用户圈，产生个人需求，并为其服务;收费网站，内容收费类型的网站，用户可以在线提供产品销售，或者内容收费，简单清晰的盈利模式，确保您以最小的投资，取得最大的回报5。2.2.2 DedeCMS的优缺点表2.1 DedeCMS的优缺点table 2.1 DedeCMS of the advantages and disadvantages 优点缺点易用：使用织梦你可以用十分钟学习它，十分钟搭建一个。完善：织梦基本包含了一个常规网站需要的一切功能。丰富的资料：作为一个国内cms，织梦拥有完善的中文学习资料。丰富的模版：织梦拥有大量免费的漂亮模版，可以自由的使用。缺乏灵活性：高度的功能集成造成了织梦灵活性的缺失，所以织梦扩展性并不是很好。安全：织梦作为一个国内开源cms，社区缺乏更好技术支持和环境，所以漏洞频发。社区：织梦的官方社区是收费的，这对于一个开源项目来说本身就是一个问题。2.3.3 DedeCMS常用标签1.关键描述调用标签：2.路径调用标签：dede:field name=templeturl/dede:global.cfg_templets_skin/3.网站标题调用标签： dede:global name=cfg_webname/4.栏目导航调用标签： 首页 dede:channel type=top row=8 currentstyle=typename field:typename/ /dede:channel5.指定调用栏目标签： dede:onetype typeid=IDfield:typename /dede:onetype6.频道栏目调用标签：dede:channeltype=selffield:typename/dede:channel7.友情链接调用标签： dede:flink row=24 linktype=2/8.网站版权调用标签：dede:global name=cfg_powerby/9.网站备案调用标签： dede:global name=cfg_beian/10.当前栏目名称标签： dede:field name=typename/11.当前位置调用标签： dede:field name=position/12.列表文章调用标签： dede:list pagesize=8/dede:list13.栏目链接调用标签：field:typelink function=str_replace(a ,a class=ulink ,me)/14.作者链接调用标签： field:writer /15.列表点击调用标签： field:click/第三章 系统详细设计3.1 系统框架设计网站首页整体框架设计，总共分为上中下3部分来设计，头部部分heade.htm、中间主题部分index.htm、底部部分footer.htm，如图3.1所示。网站底部logo +版权信息+备案号贵茶荣誉图片链接网站联系我们关于贵茶简介最新资讯行业动态贵茶简介视频茶艺茶道网站logo+Flash首页关于贵茶茶艺茶道茶品分类贵茶咨询贵茶动态贵茶荣誉行业动态关于我们图3.1网站首页整体框架设计图Figure 3.1 website front page overall framework design整个网站采用绿色作为背景，体现茶叶的特色，整个网页框架采用仿古的设计，使网站有经典的展示。通过织梦CMS模板功能将网站划分为上中下结构从而制定模板，head.htm为页面头部，主要的包含一个flash插件和导航栏目。主题部分左侧嵌入图片链接，跳转到贵茶荣誉栏目下，右侧视频部分使用HTML5加载页面时自动播放视频功能，右下三个子部分主要显示资讯、动态和茶艺茶道，显示的文章主要采用织梦标签来调用的。footer.htm页面底部版权区域，包含备案号和网站底部logo。主页如图3.2所示图 3.2 网站主页Figure 3.2 website home page 3.2 栏目设计贵茶动态栏目，展示出贵州茶叶的动态，发展动向，此界面显示文章的缩略图和文章标题、还有文章内容的摘要。点击文章缩略图或文章标题链接即可查看文章的内容。图3.3 贵茶动态Figure 3.3 the dynamic of GuiZhou tea 关于我们栏目，此界面使用了百度地图定位，像我们展示公司所在位置，方便客户向公司联系，资讯茶叶的相关知识，其主要是方便客户实地拜访，调查，实地观察公司及茶叶所属生长环境，生长条件，长势，品质等。图3.4 关于我们Figure 3.4 about us 3.3主页面模板关键代码主界面由头部head.htm、主体index.htm和底部footer.htm组成，其关键代码如下。head.htm关键代码: 首页 dede:channel type=top row=9 field:typename/ /dede:channelindex.htm 主要代码： dede:arclist idlist=13,14 ·field:image/field:title/ /dede:arclist dede:arclist idlist=20,21 ·field:image/field:title/ /dede:arclist footer.htm关键代码： 版权信息：CopyRight © 2016 贵茶天下有限公司所有 EMERAIL CO.LTD./ 技术支持：织梦内容管理系统 3.4模板设计文章封面模板引用主要css、网站名称及关键词 dede:field.title/_dede:global.cfg_webname/模板框架设计：茶品分类联系我们文章内容图3.5 文章模板框架Figure 3.5 article template framework部分CSS代码：.list_wrap .column_l width:225px; padding-top:20px;.list_wrap .column_l1 width:175px; padding-top:20px;.list_wrap .column_l h4 height:32px; line-height:32px;background:url(./images/title785.jpg) no-repeat 0 0; color:#0f66b5; font-family:微软雅黑; font-weight:bold; padding-left:30px;padding-top:5px; overflow:hidden;.list_wrap .gywm, .list_wrap .lxfs background-color:#ffffff; border:1px #adcef1 solid; border-top:none;.list_wrap .gywm ul padding:10px 5px;.list_wrap .gywm li height:40px; line-height:30px; background:url(./images/dot2.jpg) no-repeat 0 0; .list_wrap .gywm li a display:block; width:210px; margin:0 auto; text-indent:24px;.list_wrap .gywm li a:hover color:#9C1E21;.list_wrap .lxfs h4 background-image:url(./images/title785.jpg);.list_wrap .lxfs p padding:10px 10px; line-height:22px; font-size:13px部分关键代码：table width=90% border=0 cellspacing=0 cellpadding=0 align=center dede:field.title/ dede:field.body/dede:pagelist listitem=index,end,next,pageno listsize=5/ 第四章 后台的管理操作4.1 后台功能模块实现本网站是实现信息发布，多栏目管理，设有文档管理与文档评论管理等功能。网站的所有功能都是网站的后台设置的。我们可以通过网站的后台更改，添加网站前台所有显示内容。4.2 管理员登陆及身份验证管理员通过此登陆入口进入后台管理界面，管理员需要填写正确的用户名和密码，然后点击下面的登录按钮才能够登陆其界面如图4.1所示。图4.1 管理员登录Figure 4.1 administrator login 后台登陆关键代码：/登录检测$admindirs = explode(/,str_replace(,/,dirname(_FILE_);$admindir = $admindirscount($admindirs)-1;if($dopost=login) $validate = empty($validate) ? : strtolower(trim($validate); $svali = strtolower(GetCkVdValue(); if($validate= | $validate != $svali) & preg_match(/6/,$safe_gdopen) ResetVdValue(); ShowMsg(验证码不正确!,login.php,0,1000); exit; else $cuserLogin = new userLogin($admindir); if(!empty($userid) & !empty($pwd) $res = $cuserLogin-checkUser($userid,$pwd); /success if($res=1) $cuserLogin-keepUser(); if(!empty($gotopage) ShowMsg(成功登录，正在转向管理管理主页！,$gotopage); exit(); else ShowMsg(成功登录，正在转向管理管理主页！,index.php); exit(); 4.3 栏目管理主要管理网站栏目，栏目有关于贵茶、茶艺茶道、茶品分类、最新资讯、贵茶动态、贵茶荣誉、行业动态、关于我们等。如4.3图图4.3 网站栏目管理界面Figure 4.3 website program management interface 4.4文章管理添加文章界面，可以对文章的属性进行添加，属性有文章标题、副标题、缩略图、文章来源、作者、文章所属栏目、文章摘要、文章内容、发表时间、分页方式等。如图4.4所示。图4.4 添加文章界面Figure 4.4 add the article interface 网站所有文章管理界面，可以对已发布的文章进行管理，管理的内容有删除文章、修改文章，其中修改文章可以修改文章的属性（文章属性上述添加文章已说明）。如图4.5所示。图4.5 文章管理界面Figure 4.5 article management interface 第五章 系统调试与测试需在windows 10 搭建wampserver集成服务器，集成软件已经安装了Apache、PHP、MySql。只需进行相关设置就可以使用了。安装后如图5.1所示图5.1 安装后的wampserver服务器Figure 5.1 after installation of the wampserver server 5.1 程序调试设计的过程中，有时系统错误是一定的。代码的错误，在Dreamweaver CS6中会报错，也在程序运行时提示错误，立即改正过来，这类错误比较容易发现和纠正。但另一类错误是在程序执行时由于操作不当或对服务器设置不正确导致的错误，这种错错误很难找出的，需要一定时间和精力来不断地进行调试7。5.2 程序的测试是指对一个完成了全部或部分功能、模块的计算机程序在正式使用前的检测，以确保该程序能按预定的方式正确地运行。软件的正确性尚未得到根本的解决，软件测试仍是发现软件错误和缺陷的主要手段。为了发现系统中的错误，应竭力设计能暴露错误的测试用例。测试用例是有测试数据和预期结果构成的。5.2.1 测试的重要性及目的1、 测试计划的重要性 测试计划是在软件测试中最重要的步骤之一，它在软件开发的前期对软件测试做出清晰，完整的计划，领测国际认为它不光对整个测试起到关键性的作用，而且对开发人员的开发工作，整个项目的规划，项目经理的审查都有辅助性作用。 2、 测试计划的目的 测试计划描述所要完成的测试，包括测试背景、测试目的、风险分析、所需资源、任务安排和进度等： 1. 将需求和总体设计分解成可测试，应该测试，推迟测试和无法测试的范围； 2. 对每个范围制订测试的策略和方法 ；3. 制订release和停止测试的标准 ；4. 准备测试所需要的环境 ；5. 确定测试风险 ；6. 确定软件测试目标 ；7. 确定测试所需要的资源其其他相关信息 ；8. 制订测试进度和任务安排。5.2.2 测试案例1.添加文章测试 测试步骤：在后台相关