web系统毕业论文

w e b系统毕业论文 Revised by Jack on December 14,2020

毕业论文

毕业设计（论文）

设计（论文）题目：

指导教师：丁洁

学生专业：计算机网络技术

班级：网络1301

学生姓名：刘帅

教研室主任：

信息工程学院学院

指导教师评语：

指导教师签名：

毕业设计（论文）成绩：

毕业设计（论文）表现成绩：

毕业设计（论文）答辩：

1.答辩组成员签名：

2. 答辩日期：年月日

3．答辩评语：

4．答辩成绩：

毕业设计（论文）总成绩：

附件二

校园网站系统的设计与开发

摘要：现在有很多的政府、企业、学校都使用网络平台来展示自己的特色。网站的开发、维护也早已成为网络管理员主要的工作。网络管理人

员需要花费许多时间和精力来处理、更新信息。而CMS内容管理系统的出

现给管理员建站带来了很大的方便，减少了许多问题。它拥有许多优秀的

设计模版，可以加快网站开发的速度，还可以减少开发的成本，能够有效

地解决用户建设网站和发布信息中遇到的问题和需求。DedeCMS可以让你不用学会复杂的建站技术，也不用学会太多复杂的HTML编程语言，就能够利用CMS系统构建出一个界面好看，功能强大的专业网站。让我们不再通过修改程序来改变内容，完全通过CMS后台的简单操作更改，就可以使我们的页面产生巨大的变化。

本文用织梦DedeCMS完成了校园网站的设计与实现，以通俗易懂的方式介绍如何用织梦后台发布学校信息。本文的研究工作主要是运用软件工程原理，对这个网站进行需求分析、设计、代码实现。本文的前两部分介绍了相关技术和开发环境。在第三部分详细设计中，以用例图，描述了本系统。第四部分介绍了本系统的后台管理，是本文的重点，所有内容都是围绕这个主题来展开论述的。在这一部分中，详细介绍了运用WAMP集成服务器中MySQL设计数据库，用DedeCMS的后台发布信息，用Dreamweaver 完成界面设计，最终完成对校务信息网站的设计和功能的实现。

关键词：DedeCMS 校园网站内容管理系统

THE DESIGN AND DEVELOPMEBT OF ONLINE MEAL ORDERING SYSTEM

ABSTRACT：Now, a lot of governments, businesses, schools are using the network platform to show their features. The development and maintenance of Web site also has become a major network of administrators. It takes Network managers a lot of time and energy to deal with and update information. The appearance of CMS content management system brings the administrator station great convenience and can reduce a large number of has many excellent design templates, which can accelerate the speed of website development, reduce the cost of development , and effectively solve the problem and needs users encountered in constructing website and publishing information. DedeCMS can help you use the CMS to build professional website with good interface and great power without learning complex station technology , too complicated HTML programming language. It also can make our Let our page a huge difference through a simple operation of CMS without modifying the contents of the program.

In this paper, weaving dreams DedeCMS completed the design and implementation of school site , introduce how to use weaving dreams to publish school background information in a simple way. Research work of this paper is the needs analysis design and code of this site in software engineering principles. The first two parts of this article describes the relevant technologies and development the third part’s needs analysis , this paper analyze the functional

requirements and non-functional requirements of the system using case model as a tool. Being the focus of this article, the fourth part describes the design and implementation of this system and all the things discussed all around this theme. In this section, this paper introduce the database design in using MySQL of WAMP Integration Server, the information publication in using DedeCMS, the interface design with the Dreamweaver and the final design school information website and the realization of its function.

Keywords：DedeCMS School Information Website System

目录

第一章绪论

随着现代科学技术的快速发展、计算机与全球网络技术的普及，今天的社会已经进入了以计算机为核心的网络时代。网络的发展给我们带来了无限的便利。在校园，网络也同样能够发挥巨大的作用——网上信息发布。网络信息发展是社会和经济发展的必然结果，当今世界人们生活水平提高，生活节奏加快，信息的要求也日益提高。计算机网络技术的发展和普及也为我们获取信息开创了一个新契机，将信息服务行业与现代化、多样化、个性化的电子信息相结合，从而形成一个更加便捷、方便、个性、现代化的信息服务系统。本系统基于B/S结构的学校网站系统的设计与开发，采用织梦CMS框架与MYSQL数据库进行开发，特别适用于快速发开。

本次设计是一个基于CMS的校园网站。打开主页后顶部有快速菜单栏和主导航栏等。显示学校新闻，展示校园风采。网站具有学校概况、校园文化、招生就业等栏目，分别显示其发布的文章，主要模块信息和功能如下：

①主页：学校相关信息简单的介绍。点击相关标题或图片可以进入到详细页面介

绍。

②学校概括：包含了学校历史等。

③新闻资讯：包括了校园文化和校园新闻多个栏目组成，能够点击详情，查看详细

内容。

④后台管理：后台是整个网页内容的管理，它可以对网页的内容随意的增加，删除

和更改。它需要管理员登陆后才可以操作，网站所有内容都是通过后台发布的。

网站需求分析

前台功能需求

前台是面向访客，最直接接触的信息，包括是否能够让客户很轻松、方便的登录和注册，搜索，查看管理员最新发布的图片、文章等。

后台功能需求；后台的作用是为前台操作提供必要的数据支持和网站管理；一、权限设置；对栏目、发布的文章，图片权限设定，对有些信息设置；二、文件管理；管理员操作栏目管理，文件，图片等信息的发布；管理员可以通过删除文章功能，实现对用户发表的图片。

后台功能需求

后台的作用是为前台操作提供必要的数据支持和网站管理员对网站内容管理。通过后台可以管理前台注册会员信息，管理栏目及栏目内文章和对前台显示的内容设置访问控制。

1、权限设置

对栏目、发布的文章，图片权限设定，对有些信息设置注册会员、中级会员的用户才能够查看。

2、文件管理

管理员操作栏目管理，文件，图片等信息的发布。还可以在发布信息的时候设置权限。可以在用户在浏览网站时候，有些信息只有注册会员才能够浏览，查看。添加文章，可以进入添加文章页面，进行添加文章具体的操作。添加文章的内容包括文章标题、文章作者、文章类别、文章内容、上传图片等。输入完成后，点击确定按钮后，文章便添加成功；如对输入内容不满意，可以点击查看更改按钮，重新更改信息。

管理员可以通过删除文章功能，实现对用户发表的图片、文章进行删除。点击文章管理中删除文章，就显示出已经发表的文章，然后点击需要删除文章后的删除按钮进行删除文章操作。文章删除后，发表的网站文章数据自动从数据库中删除。管理员可以任意的对栏目、文章图片进行删除，添加和修改。

角色设计

本次网站设计有二个不同的角色，他们分别是：

管理员：不仅能够管理会员的基本信息，还能够对网站上已经发布的信息分类，还有对已经发布内容的添加、修改和删除等功能，方便了管理员对网站的维护和管理。

访客：可以浏览网站上的信息、图片。

网站数据需求分析

数据流图（Data Flow Diagram）：简称DFD，它从数据传递和加工角度，以图形方式来表达系统的逻辑功能、数据在系统内部的逻辑流向和逻辑变换过程，是结构化系统分析方法的主要表达工具及用于表示软件模型的一种图示方法。数据流图从数据传递和加工的角度，以图形的方式刻画数据流从输入到输出的移动变换过程。

网站表层数据流图

表层数据流图只有网站基本功能的数据处理流程，也就是代表要网站开发的主要实现功能，但是此功能还需要其他很多的操作处理，表层数据流图主要是确定系统的输入与外部实体的关系而确定其边界。网站基本实现的内容的发布查看功能。学校网站表层的数据流图如图1-5所示。

图1-5 学校网站表层数据流图

网站非功能性需求

界面设计需求，校园信息网站设计界面要求布局合理，简约，颜色舒适，控制按钮或超链接清晰，能让用户操作简易。能实现要求的功能，但又不重复，增加可用性，方便用户使用。

通用性，用户通过不同的浏览器都应该访问到本网站，如果遇到特殊情况应该给用户一个友好的提示，在程序设计方面，统一编程规范，留下可以扩展的程序接口，以便日后扩展功能。

第二章关键技术介绍

开发环境

浏览器与服务器结构

B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器（Browser），如Netscape Navigator或Internet Explorer，服务器安装MYSQL 或 SQLLite等数据库。浏览器通过Web Server 同数据库进行数据交互。

B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零维护。系统的扩展非常容易。B/S结构的使用越来越多，特别是由需求推动了AJAX技术的发展，它的程序也能在客户端电脑上进行部分处理，从而大大的减轻了服务器的负担；并增加了交互性，能进行局部实时刷新。

WAMP运行环境

Windows下的Apache+MySQL+Perl/PHP/Python，一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序。但是因为常被放在一起使用，拥有了越来越高的兼容度，为了方便安装配置，我们可以安装集成软件WampServer，来组成了一个强大的Web应用程序平台。

WAMP是基于Windows，Apache，MySQL和PHP的开放资源网络开发平台，每个程序在所有权里都符合开放源代码标准：Windows是开放系统；Apache是最通用的网络服务器；MySQL是带有基于网络管理附加工具的关系数据库；PHP是流行的对象脚本语言，它包含了多数其它语言的优秀特征来使得它的网络开发更加有效。

WAMP集成软件的优点如下

①可避免由于缺乏WAMP的知识，而无法正确设置环境。

②可快速安装并设置好WAMP环境，让我们直接开始真正感兴趣的软件。

③可方便的搭建测试环境，对于测试“是WAMP环境问题，还是XOOPS造成的问题”很有帮助，采用排除法即可。

主要的WAMP集成环境

Dreamweaver CS

Adobe Dreamweaver，简称“DW”，中文名称“梦想编织者”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。被认为是目前网站设计、开发、制作的首选工具。

Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Micromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎“Prest”作为网页预览。

1、Adobe Dreamweaver CS简介

Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Dreamweaver CS5 的新增功能

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成，您可以使用 CSS 检查工具进行设计，使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

集成CMS支持新增功能，尽享对WordPress、Joomla和Drupal等内容管理系统框架的创作和测试支持。CSS检查新增功能，以可视方式显示详细的CSS框模型，轻松切换CSS属性并且无需读取代码或使用其他实用程序。与Adobe BrowserLab集成新增功能，使用多个查看、诊断和比较工具预览动态，网页和本地内容。PHP 自定义类代码提示新增功能，为自定义PHP函数显示适当的语法，帮助您更准确地编写代码。

PHP开发语言

PHP（PHP: Hypertext Preprocessor的缩写，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java的特点，入门门槛较低，易于学习，使用广泛，主要适用于Web开发领域。PHP的文件后缀名为php。

PHP语言的优点有：

①开放源代码，所有的PHP源代码事实上都可以得到。

②免费性，和其它技术相比，PHP本身免费且是开源代码。

③快捷性，程序开发快，运行快，技术本身学习快。嵌入于HTML：因为PHP可以被嵌入于HTML语言，它相对于其他语言。编辑简单，实用性强，更适合初学者。

④跨平台性强，由于PHP是运行在服务器端的脚本，可以运行在UNIX、LINUX、WINDOWS、Mac OS下。

⑤效率高，PHP消耗相当少的系统资源。

⑥图像处理，用PHP动态创建图像，PHP图像处理默认使用GD2。且也可以配置为使用image magick进行图像处理。

⑦面向对象，在php4和php5中，面向对象方面都有了很大的改进，PHP完全可以用来开发大型商业程序。

织梦内容管理系统

DedeCMS的简介

织梦内容管理系统（DedeCMS）以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统，目前的版本无论在功能，还是在易用性方面，都有了快速的发展和进步，DedeCMS免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。织梦内容管理系统（DedeCMS）基于PHP+MySQL的技术架构，完全开源加上强大后台管理系统，稳定的技术架构，使你无论是做小型网站，还是想让网站在不断壮大，都能够方便灵活的运用。

DedeCMS的运行环境

DedeCMS 基于PHP和MySQL技术开发，可同时使用于Windows、Linux、Unix平台，环境需求如下：

1、Windows 平台

IIS/Apache + PHP4/PHP5 + MySQL3/4/5 如果在Windowss环境中使用，建议用DedeCMS提供的DedeAMPZ套件以达到最佳使用性能。 [4]

2、Linux/Unix 平台

Apache + PHP4/PHP5 + MySQL3/4/5 （PHP必须在非安全模式下运行）建议使用平台：Linux+ + + 。

3、PHP必须环境或启用的系统函数

allow_url_fopen GD扩展库 MySQL扩展库系统函数—— phpinfo、dir。

4、基本目录结构

/ 根目录在安装可选模块时需设定可写入文件和创建目录的权限：..../install 安装程序目录，安装完后可删除（安装时必须有可写入权限）

..../dede 默认后台管理目录（建站后建议修改）

..../include 类库文件目录

..../plus 附助程序目录

..../member 会员目录

..../images 系统默认模板图片存放目录

..../uploads 默认上传目录（必须可写入）

..../a默认HTML文件存放目录（必须可写入）

..../templets 系统默认内核模板目录

..../data 系统缓存或其它可写入数据存放目录（必须可写入）

..../special 专题目录生成一次专题后可以删除special/（必须可写入）

DedeCMS的应用领域

1、企业网站

无论大型企业还是中小型企业，运用网络传递信息都能够在一定程度上提高办事效率，提高企业间竞争力。用DedeCMS系统建设网站是一个自由和开放源码的内容管理系统，并且可以独立使用内容发布系统CMS。在中国，DedeCMS被称为最受人们喜爱的CMS 系统。

2、政府机关

通过建立政府门户，有助于各种信息和资源的整合，为政府和社会公众之间联系和沟通提供了很大的帮助，从而使政府可以更快、更便捷、更有效地了解群众，进一步展开工作。

3、教育机构

随着网络信息的发展，使得教育机构之间及教育机构内部和教育工作者之间更方便快速的传递信息，资源共享，全面提升教育类网站的层面。

4、媒体机构

如今的互联网新媒体早已经强而有力的冲击了传统的媒体，在这个过程中，各类媒体机构已经对自己核心有一个重新认识和重新发展计划，线上服务，运作。建立一个数字化平台来适应数字化时代的需求。

5、个人站长

根据自己的兴趣爱好，建立各种题材新颖，内容丰富的网站，通过共同兴趣的信息交流，可以让我们形成自己具有特色的用户圈，产生个人需求，并为其服务，个人用户完全免费使用。

DedeCMS的优缺点

织梦建站的优点有：

①简易运用：使用织梦你可以用十分钟来搭建一个简单的网站。完全开放源码，简洁、稳定的内核为高级用户进行二次开发提供了一个更实用强大的平台。

②功能的完善：织梦基本包含了一个常规网站需要的所以功能。

③丰富的资料：作为一个国内CMS，织梦拥有完善的中文学习资料。

④强大的模版：织梦拥有大量免费的漂亮模版，不需要编辑大量的代码，你就可以自由的使用它们完成网站的设计。强大的模块安装功能，使用户开发的模块、插件都能更简单的安装到你的系统上，并且可以轻松的卸载，不影响主系统的使用。

织梦建站的缺点有：

①缺乏灵活性：太过于模块化，高度的功能集成造成了织梦灵活性的缺失，所以织梦扩展性并不是很好。

②安全性：织梦作为一个国内开源CMS，社区缺乏更好技术支持和环境，所以漏洞频发。

③社区：织梦的官方社区是收费的，许多好的模版也是收费的，这对于一个开源项目来说本身就是一个问题。

DedeCMS的标签

织梦前台是通过标签来调用后台内容的，下面介绍的是查看网站栏目，内容主要涉及以下标签：

①adminname标签是获得责任编辑名称，就是可以看到发布文章责任编辑那都显示管理

员admin。

基本语法：{dede:adminname /}

②channel标签通常用于网站顶部以获取站点栏目信息，方便网站会员分类浏览

③基本语法：{dede:channel type='top' row='8' currentstyle="

href='~typelink~'class='thisclass'>~typename~

"}

[field:typename/]

{/dede:channel}。

④channelartlist标签，获取当前频道的下级栏目的内容列表标签的功能。

⑤Sonchannel标签，是对子栏目调用。

基本语法：{dede:sonchannel} [field:typename/] {/dede:sonchannel}。

⑥arclist标签，可以对文档列表调用。

⑦基本语法：{dede:arclist flag='h' typeid='' row='' col='' titlelen=''

infolen='' imgwidth='' imgheight='' listtype='' orderby='' keyword='' limit='0,1'}[field:title/]{/dede:arclist}⑧sql标签，用于从模板中用一个SQL查询获得其返回内容。

基本语法：{dede:sql sql=''}[field:title/]{/dede}

参数说明：sql='' 完整的SQL语句。整站信息。功能用于获取栏目列表。

第三章系统详细设计

网站的首页是给访问者查看网站的第一印象，一般在网站的首页中呈现的信息较大，还要体现出网站的特色，来吸引访客。通过织梦CMS模板功能将校园网站划分为上中下结构从而制定模板，为页面头部区域包含11个主要的导航栏目：主页、学校概况（学校简介、发展）、新闻资讯（学校新闻）、招生就业，信息服务等。页面底部版权区域，包含备案号联系方式等信息，便于重复利用。主页面需要进一步分析每个区块的内容。进行模板制定，校园网站主页如下图3-0所示。

图3-0 校园网站主页