本科毕业设计---基于discuz!的广西艺术高考网设计与实现.doc

目 录【内容摘要】1【关键词】：Discuz！；模板；11概述21.1开发背景、目的及意义21.2相关技术概述21.2.1 Discuz!21.2.2 Discuz!的发展21.2.3 Mysql 简介32可行性研究及需求分析42.1可行性研究42.1.1技术可行性42.1.2经济可行性42.1.3操作可行性42.2需求分析42.2.1功能需求53制作网站的主要流程53.1环境搭建54详细设计与实现74.1头部框架的建立84.2门户框架的建立84.2门户文章发布114.3门户首页调用频道栏目文章124.4门户列表页设计与实现154.5门户底部友情链接页面设计与实现174.6门户文章页面设计与实现184.7论坛页面设计与实现194.8百度公益404页面224.9使用腾讯第三方应用来增加网站特色234.10 logo与所需图片设计255、总结与展望25致 谢26参考文献26Abstract27Keywords Discuz!; Template;27基于Discuz！的广西艺术高考网设计与实现【内容摘要】 如今，门户与论坛成为我们在互联网中进行查询与交流的重要媒介。本文旨在制作基于Discuz!门户与论坛的广西艺术高考网网站。是为广大广西艺术高考生提供艺术考试信息、交流互动以及题库，节省广大艺考生的时间的一个综合性网站。通过了解Discuz！后台的门户与论坛界面版块与操作，了解每一模块功能与意义，结合Discuz！的在线DIY功能设计出合适的界面并与Photoshop图像等处理软件处理部分图像，经过多次修改实现的综合性的门户与论坛的艺考信息咨询与交流网站。【关键词】：Discuz！；模板；1概述1.1开发背景、目的及意义 目前，对于广西艺术高考的资源并未整合，基本上都是考生个人去查阅浏览各个高等院校的招生信息以及录取信息，但是所需查询的各高校信息更新时间并不相同，考生需要花大量时间来浏览相关院校的网站才可以获得所需的信息。所以本网站打算利用互联网技术，根据各高等院校的艺考信息，来进行充分整合整理。通过网络为广西各大艺术考生与考生家长提供一个更方便浏览与交流的平台，取代传统的艺考生到广大高校院校里面查询相关信息，节省广西各位艺术考生在浏览艺考信息的时间。目的是为了：通过互联网为媒介，提供一个整合广西各大高等艺术院校的最新与往届资源，成网络化、专业化、规范化的优质信息提供平台，更好的服务广大广西艺术高考生。Discuz!是一个综合性的门户论坛软件系统，基于Discuz!的设计是为门户模板与论坛模板的视觉与操作方式的考虑。门户作为一个展示的区域，可以给任意用户进行无限制的浏览与搜索对于自己感兴趣的文章，基于现如今的艺考需求，分别设计了多个门户版块与论坛版块，避免枯燥乏味的页面设计会使得用户在浏览时的体验得到提升、交流更人性化，所以本文没采用默认模板而是采用采用基于Discuz!的DIY功能来构造主要的DIV+CSS设计布局，以提升用户体验。1.2相关技术概述1.2.1 Discuz! Discuz!自2001年6月面世以来，已拥有多年的使用时间和几百万网站用户建设例子，它拥有良好的口碑与知名度，是业内广泛推崇与认可的一套门户与论坛系统软件。目前最新版本Discuz! X3.2正式版，通过引入应用中心的开发模式，可以通过在线DIY的功能来实现快速布置布局DIV+CSS。此项功能一经推出大受欢迎，给予广大网站制作者十分快速与方便的布置与编写网站模块与框架。 1.2.2 Discuz!的发展 软件系统的项目的起始时间是在 2001 年，是一名大学生戴志康利用课余时间制作的一款免费软件，一开始名字叫做CDB。在2002 年初 CDB 因为其十分快速的完善，开始有了最初的用户群体。CDB的作者在学习和研究技术的同时，积极地分析和采纳来自使用用户的一些意见和反馈，由于用户的大力支持和理解，相对于初期创建的论坛软件来说作为一个起步较晚的论坛软件的项目CDB，已经取得了飞速地发展，并实现了初期的网络协作开发模式。2002 年，CDB 开发团队开始注重技术基础的累积，在CDB 团队具备了一定自身的实力之后，开始进 行 CDB 的项目定位改变的，即是将它本身从学习和研究的层面提高到产品制作的层面。2002 年的中期到 2003年的初期，这一段时间的技术方面的积淀被CBD 开发组投入到了项目之中去，并对CDB 的代码进行了重新编写，并改名为 Discuz!，既“令人惊异的讨论区”的意思。 进入到 2003 年初，对于论坛软件的核心技术的开发开发组取得了巨大进展，在世界现有的该种类产品中创新性地实现了PHP语法的内核生成、更新机制和缓存的自动创建、以及编译模板系统这些独有的技术，通过对于这些核心技术的应用Discuz!在效率和运载能力上得到了突飞猛进的提升，Discuz! 2.0.0 版本在搭载了这些新技术后也以商业软件的方式发行。这一期间 Discuz!开发团队也开展了最起初的企业化运营方式的尝试，并且获得了宝贵的实践经验。尽管2.0.0版本的Discuz!搭载了了很多独特的新技术，但是由于宣传不到位以及经验上的缺失及商业软件在我国大陆范围内发展市场的巨大困难诸多原因，2.0.0 版本的Discuz!并没能够取得预料的市场发展，面对诸多从未经历过的困难与阻碍，Discuz!开发团队做出了再次进行产品转型的决定。又经历了半年多的精心开发，新的商业版本 Discuz!3.0.0问世了。3.0.0 版本的Discuz!发布后，在技术上和在市场上都得到用户的广泛好评，并且成为 Discuz!第一个成功了的商业版本，随这之后几次基于本版本的小规模小范围的升级，也使 Discuz!稳定 性、兼容性、速度、安全性等关键的软件指标都大大超过以往版本，得到了用户的广泛的可，Discuz!软件已经开始逐渐进入了佳境。1.2.3 Mysql 简介 MySQL是一款开放源码的数据库管理系统，由于它体积小、开源、速度快、成本低、兼容性好与支持多种操作系统等优势，许多中小型网站为了降低网站成本而选择了MySQL作为网站数据库。2可行性研究及需求分析2.1可行性研究2.1.1技术可行性本门户与论坛采用基于Discuz！的软件来设计的，需要PHP来完成此次设计。PHP具有开源免费，并且具有很好的跨平台性能与相对安全的优势。对于个人网站这一类型的项目来说， MySQL就是很好的选择，它是一款开源免费的数据库软件，并且在很多开源项目开发与实践中展现了不亚于大型商业数据库的性能，MySQL完全可以满足我们的需求。因为是基于Discuz！的，对于数据库表的设计并不需要我们担心，但是基本的引用还要涉及的。为了进一步降低总体费用，在web服务器的选择上，同样选择开源且免费软件阿帕奇（Apache），它具有出色的跨平台与兼容性。完全符合此次设计的运行环境。 2.1.2经济可行性Discuz作为一个著名的综合性门户论坛，其代码是开源的。它为一个综合性门户跟论坛所提供的资源耗费是很少的。无论是低端的服务器还是日常的家用机都可以完全满足，并且由于其是开源代码。无需另外付费，节省了关于版权费用的问题。可以通过此系统，节省广大艺考生的查询各大高校院校的信息，取代传统的到广大高校院校里面查询相关信息。并且有针对性的复习考试、除此之外还提供了论坛供广大家长和考生咨询艺考相关的信息2.1.3操作可行性随着信息化的快速发展，当代的学生都具备一定的计算机知识，能较熟练的应用计算机。本系统是基于Discuz！建立的广西艺术高考网，用户可以通过网页浏览器就可以访问到网站并进行对应的查询与进入论坛来交流，界面设计清晰，作为著名的门户论坛综合性系统，用户操作起来既简单又方便。2.2需求分析 需求分析是对用户需求的真正明确，是对要解决的问题的彻底理解。换言之，就是解决“做什么”的问题,就是要全面地理解用户的各项要求,并准确地表达所接受的用户需求，可以得出要设计一个具有良好信息分区，清新的门户界面与论坛界面。2.2.1功能需求本系统针对广西各大艺术高考生在查询广西各大高校院校的招生、录取线、合格线、录取情况、往届试卷、高考政策、高考指南、考点时间等等以及提供在线咨询、加入Q群等功能，总结出本系统的需求需要实现16个模块：最新信息、美考咨询、招生简章、考试考点、分数查询、合格线、录取线、美术统考、信息汇总、往届试卷、高考动态、美考知道、美考备战、报考指南、网站公告以及论坛。每个模块都具有增加、删除、查找、修改等基本功能外还要具备单独的列表页面与文章页面，每个模块的列表页面也还要调用最新信息跟热门文章。从用户角度出发，该系统应有以下用户组与权限，即管理员、超级版主、版主、禁止访问、艺考咨询生、游客。系统管理员可以修改密码、添加用户，删除用户，修改用户信息、增加、删除、修改文章、修改门户与论坛整体布局设置，具有最高权限；超级版主拥有各个论坛版块的删除加亮以及置顶等功能。版主拥有自己版块下的删除加亮以及置顶等功能；对于不欢迎的用户，可以分配禁止访问让其无法访问；对于考生和家长分配艺考咨询者，拥有对应的各大版块的发言与访问权限。游客可以正常访问门户和论坛的各大板块，但是无法在论坛上发帖与留言，只有注册了会员，才拥有在论坛版块发帖交流的权限。3制作网站的主要流程3.1环境搭建本次网站制作基于Discuz！的网站需要先搭建PHP环境和Mysql环境，为了方便管理还需安装一个Mysql管理软件phpmyadmin，下载好appserv安装包后 进行安装：图3.1 PHP环境安装界面PHP环境和Mysql环境安装好后,为了方便管理，我选择使用phpmyadmin进行安装，它是Mysql的一个管理工具，因为其方便操作与管理，被广大站长安装使用。然后就进行Discuz！X3.2的安装，下载Discuz！X3.2安装包后，解压文件夹upload到www文件夹下。然后打开浏览器输入http:/127.0.0.1，进入登入界面，图3.2 phpmyadmin登入页面图3.3登入成功界面至此已经安装完php环境和Mysql，以及Mysql管理软件phpmyadmin，本地机器输入http:/127.0.0.1/install， 数据库名跟账号密码用创建时设置的，自此完成Discuz！的安装。图3.4 Discuz!安装界面4详细设计与实现这首先要介绍Discuz的几个主要模板文件：header.htm 页面头部文件；index.htm是门户首页的文件；footer.htm为页面底部文件，主要作为友情链接；view_1.htm为主页文章页样式；common.css是公共样式CSS样式页面，style.css为自定义的css样式。首先在template下对应的模板下创建一个image文件存放Photoshop处理好的图片以备需要时使用，然后进入后台，先把门户需要的各个频道栏目建立起来，方便后期调用。4.1头部框架的建立本文头部我分为2个部分，第一个部分为粗略介绍性质的内容，主要包括有距离2015年全国普通高考还剩下多少天，介绍招生简章的超链接以及进入论坛的链接。第二部分为网站的各个栏目的介绍，以及logo等等。图4.1.1头部文件header.htm设计因为头部文件以及设计好了，门户跟论坛的首页需要调用此文件的话直接使用<!-template common/header->此功能即可直接调用此header文件。4.2门户框架的建立 图4.2.1 门户频道栏目建立 Discuz！X3.2版本拥有一个十分受欢迎的功能DIY功能，它主要是利用页面拖拽技术，在不编写代码的情况下实现快速布局页面、聚合调用站内数据的功能。下面我们来看如何使用DIY功能 以及如何美化DIY的数据模块。 以管理员身份登录网站前台，点击头部右上方“DIY”按钮，进入DIY模式：图4.2.2 Discuz！的DIY功能界面 进入DIY模式后，页面中内置的可DIY区域，将会以灰蓝色显示：图4.2.3 Discuz！的DIY功能界面首先，要选择合适的框架，点击框架来选择合适的框架拖拽到所需位置：图4.2.4 Discuz！的DIY功能界面然后，点击模块，来选择合适的模块，拖拽到框架中，拖拽进去后，页面便会弹出编辑模块属性窗口，如下图所示： 图4.2.5 Discuz！的DIY功能界面其对应的模板为对应的模板的文章，重复此步骤，并替换图片等操作。得到门户图如下：4.2门户文章发布以管理员权限登入后台，选择门户，找到对应的频道栏目后选发布，本次以在美术统考这个栏目下发布一篇文章为例子图4.2.1 对应栏目文章发布图4.2.2 对应栏目文章发布4.3门户首页调用频道栏目文章上文我们已经生产好文章了。但是在门户首页是找不到的，我们需要在门户首页通过DIY功能对应到相应的栏目。图4.3.1DIY高级模式演示先打开DIY高级模式，找到对应的模块，选择属性，然后在文章栏目哪选择对应的频道，最后更新即可显示刚才我们发布的文章以及此频道下的文章。图4.3.2 DIY美术统考调用美术统考栏目图4.3.3 门户调用对应栏目图4.3.4 门户调用对应栏目成功4.4门户列表页设计与实现首先调用头部文件header.htm，设计右边的调用最新发表与热门文章，此处以最新发表为范例调用文章。图4.4.1 diy调用最新发表与热门文章点属性，出现DIY页面，在其中的文章栏目列表框里，选择我们想让他显示的内容，如下图：图4.4.2 diy调用最新发表对应频道栏目点击确认后，刷新网页即可发现原本空着的框显示了我们所调用栏目的文章，下面热门文章以此为样板，如图：图4.4.3 热门文章与最新发表调用成功 4.5门户底部友情链接页面设计与实现DIY功能，选择好一个框架框架，在DIY列表处，选择添加友情链接模块，即可，如图：图4.5.1添加友情链接模块之后拖曳到框架里，并设置要添加的友情链接名字与网址，即可：图4.5.2友情链接功能设计与实现4.6门户文章页面设计与实现首先调用头部文件header.htm，修改view_1.htm，定义一个div，并调用 默认的搜索模板 <!-subtemplate common/pubsearchform->，调用默认搜索框，得出下列界面图4.6.1 文章页面效果设计与实现4.7论坛页面设计与实现 进入后台论坛版块管理。新建如下版块。并调用header.htm 即头部添加<!-template common/header->，跟footer.htm即尾部添加<!-template common/footer->，得到如下论坛页面。图4.7.1论坛后台版块设计与实现图4.7.1论坛总版块设计与实现图4.7.2论坛子版块设计与实现图4.7.2论坛文章版块设计与实现4.8百度公益404页面网站的404页面经常会被人忽略，本网站为了支持百度公益寻人事业，加入了404寻人代码，每当访问寻找不到网站时，会自动跳转到 百度公益404寻人页面。具体代码如下：<iframe scrolling='no' frameborder='0' src=' width='654' height='470' style='display:block;'></iframe>图4.8 百度404公益寻人项目4.9使用腾讯第三方应用来增加网站特色腾讯有第三方API可以调用来达到进入QQ群以及在线联系，本站也加入了这些特色。例如加入QQ群直接访问一个网址并且也上着QQ即可直接加入，代码示范如下： 打开出现QQ群加入申请。tencent:/message/?uin=446996089 即自动出现与网站管理员聊天页面。图4.9.1 调用腾讯应用来加入QQ群4.10 logo与所需图片设计为了满足简约与美观设计，本站logo设计如下图4.10.1 logo设计图4.10.2 底部网站介绍图片5、总结与展望本设计基于Discuz！综合门户论坛软件的基础上实现了广西艺术高考网的设计。通过此次设计，我总结了以下结论：5.1、此项设计有别于以往用织梦开发的网站，而且织梦也没有在线DIY这项如此方便的功能，可以快速的部署好DIV+CSS，而且可以实现在线编辑网页的功能模块等等功能，十分方便，这点是织梦没有的功能。5.2、文件修改或者生成以后，还要在后台里面配合静态化以便节省服务器资源，前期生成文章在主页不显示就是因为使用了默认60分钟的生成时间，必须在后台手工生成后才主页才显示，经过修改时间，可以快速显示，但是带来的缺点就是会造成一定程度的服务器资源浪费。当然在其中也遇到了许多的问题，首先，在生成文章后，可以在列表页看到，但是在主页等了很久才显示出来，搞了很久都不清楚问题所在，后面经过仔细研究发现是默认更新时间造成此项问题，经过修改默认更新时间，可以在主页上及时的显示出后台所生成的文章了。互联网已经得到了相当程度的普及，综合性的门户加论坛网站成为了我们信息交流的重要平台，我相信一个此项设计会给广大艺考生带来更多体验上的提升与查询信息的便利。致 谢本次毕业设计和毕业论文是在xxxx老师的热情关心和指导下完成的，十分感谢农老师。他渊博的知识和严谨的治学作风使我受益匪浅。在课程设计中他给予我们极大的发挥空间，帮助我们更快进入毕业设计的角色，在系统的设计和论文的修改方面，他也给了我们很多指导与建议。在我的设计、论文中，本人还得到了其他老师和许多同学的热心帮助，在此向他们表示深深的谢意！最后感谢各位评委老师对我的毕业论文进行审阅，祝你们工作顺利，桃李满天下！参考文献1 2刘佳,李军,钟志农 等.浅析基于ASP. NET 的Web 应用程序的特点J.科技信息（学术版），2007（31）:2.3冯泽涛,张勇 等.基于B/ S 结构的办公自动化系统J. 电脑知识与技术， 2007（14）：346-347.4张海藩. 软件工程导论（第5版）M.北京：清华大学出版社，2008.5王珊，萨师煊 等.数据库系统概论(第四版)M.高等教育出版社,2006.6余金山, 林慧, 王涛 等.ASP.NET 3.5网站开发全程推演与视频精讲M.北京:电子工业出版社,2009.7章立民. ASP.NET 3.5 开发范例精讲精析.基于C#M. 北京：科学出版社, 2009.8刘亮亮，刘惠萍 等.Visual C#2008+SQL Server 2005 数据库与网络开发M.电子工业出版社,2009.9 宋晓峰.SQL Server 2005基础培训教程M. 人民邮电出版社, 2007.10石磊,但正刚 等. ASP.NET数据库编程详解:C#版M.高等教育出版,2004.11盖江南、王勇、阎文丽 等. ASP.NET+SQL Server动态网站设计宝典M.电子工业出版社,2006.12孙明丽,王斌 ,刘莹 等.SQL Server 2005数据库系统开发完全手册M.人民邮电出版社,2007.13爱德华兹, J. (Edwards, James) ,亚当斯, C. (Adams, Cameron) 著,高铁军 译.JavaScript精粹M.北京:人民邮电出版社,2010.14周建春.网页制作实用教程M.北京:电子工业出版社,2006.15李烨.别具光芒DIV + CSS网页布局与美化M.北京:人民邮电出版社,2006.Based on the Discuz! The Guangxi art college entrance examination network design and ImplementationRong LiAbstract Today, the forum has become an important portal while we are browsing the internet. In this paper, the author would trying to building a website about the art school entrance examination in Guangxi province. The web site is based on an opening source software system which name is Discuz!, it will provide interactive communication and art examinations questions Q&A for the students.Its a comprehensive website for saving the arts candidates time. By acknowledging the functions and the design method in Discuz!, the author try his best to make a full functions website with affluent content and beautiful design. In this paper, the authors main work is to use the html and css and the customize function in Discuz! to proceeding the font side development. At the same time, he would try to arrange the column with anppropriate content, making sure that the website is convenient for the art candidates. Keywords Discuz!; Template;26