【PHP开源代码栏目提醒】:网学会员PHP开源代码为您提供校园网站建设的毕业设计说明书 - 学士论文参考,解决您在校园网站建设的毕业设计说明书 - 学士论文学习中工作中的难题,参考学习。
苏工院校园网站设计 ——
毕业设计说明书系 部: 信息工程系学生: 信息 08E1学 号: 083412120指导教师: 陈华 2010 年 11 月 3 日 目录一、校园网站开发.......................................................... 1 (一)网站开发意义 .................................................... 1 (二)网站开发环境 .................................................... 1 (三)网站开发工具 .................................................... 2二、网站内容规划.......................................................... 4 (一)网站定位 ........................................................ 4三、网站系统开发.......................................................... 5 (一)系统安装 ........................................................ 5 (二)系统基本配置信息 ................................................ 8四、页面设计与实现........................................................ 9 (一)网站的主要功能 .................................................. 9 (二)网站首页的设计 .................................................. 9 (三)校园快讯页面设计 ............................................... 11 (四)师生风采页面设计 ............................................... 11 (五)教学资源页面设计 ............................................... 12 (六)招生信息页面设计 ............................................... 12 (七)校园论坛页面设计 ............................................... 13 (八)关于我们页面设计 ............................................... 13 (九)帮助中心页面设计 ............................................... 14五、校园网站建设特色设计................................................. 15 (一)用户登录功能设计 ............................................... 15 (二)首页日历设计 ................................................... 15 (三)首页滚动新闻设计 ............................................... 17六、总结................................................................. 18七、致谢................................................................. 18参考文献................................................................. 19摘要:本次毕业综合实践的主要内容是完成一个校园网站的设计此次设计使用的技术为
PHP168 V6.5 版是
PHP 领域当前功能最强大的建站系统,
代码全部
开源,可极其方便的进行二次开发,所有功能模块可以自由安装与卸载。
此次,我设计的网站主要是一个媒体网站,是想通过该网站来达到宣传学校的目的,因此,本网站与传统意义上的校园网站又有了很大的区别。
学院网站由首页、校园快讯、师生风彩、教学资源、招生信息、校园论坛、关于我们、帮助中心等组成。
其中教学资源和校园论坛是我网站的一大亮点,浏览教学资源网页,会发现上面有很多学习资料,只要你点击一下该学习资料就可以实现对该资料的下载。
校园论坛是平时老师学生放松娱乐的地方,在这上面给任何人留言,也可以就自己感兴趣的话题进行跟帖。
关键字:校园网站,
PHP168一、校园网站开发 在 Internet 飞速发展的今天,互联网早已成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、
经济、生活等各个方面发挥着重要作用。
Internet 上发布信息主要是通过网站来实现的,这样就有了建设网站的客观条件。
在制作过程中应用了
php168 整站建设系统,理论与实践相结合、灵活的取材、灵活的应用、创造性的想象。
在信息高速发达的今天,把科技与教育结合在一起。
让学校信息的传递更加快捷、广泛。
整个网站设计主要是达到了解学校重要信息与交流的目的。
(一)网站开发意义 校园网站是一个学校的“商标”,每一所学校都有自己的特色,每一所学校都有自己的个性。
在这个高度信息化的社会里,建立自己学校网站是最直接的宣传手段。
网站的超时空特性,不仅能让地区内的人们了解学校,更可让世界了解你的学校。
凭藉校园网站,学校就可成为教育百花园中一朵鲜艳的花朵。
校园网站是实现教育资源分配的桥梁网络有巨大的教育资源库,它集全社会的力量,使教育资源无限增长。
这对于发达地区和欠发达地区,高投入学校和条件差的学校在获取教育资源的权力上达成平等,使每一位教师和学生都能均等的得到培训和受教育的机会,不再会受到学校水平、教材、教师能力的限制。
不仅能极大的提高教学效率,而且能实现教育公平的社会理想。
校园网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式,它不再受到传统课堂的制约。
它可以使广州与北京、城市与乡村的学校同处一室,共同讨论,共同共享。
地理上的界限在这里模糊和消失了,校园网站是真正没有围墙的学校。
校园网站能够提供个性化学习的平台,不同的学生理解世界的方式各不相同,认知世界有诸多方式。
网络提供的丰富资源可以使学生寻觅不同的教育方式,各取所需。
校园网站允许不同的学生沿着自己的途径,按自己的速度接受教育与学习,学生将有机会享受最佳的教育机会,充分发掘自己的内在潜力,培植独特的个性和人格。
本网站是所有想再次走进学校学习技能的人的希望,让所有有着美好梦想、想学得一技之长的人相聚在这里,可以一起交流沟通、一起来创造更加美好的未来。
在这里更加支持任何人提出积极向上的意见和建议。
使得学校网站的深刻意义得到体现。
(二)网站开发环境 关于网站的
设计,是根据网站所提供的功能来确定。
包含着整个主页的设计、各种的连接的设计、实现、数据库的应用等。
这里的开发工具主要就是
PHP168 整站建设,结合 MySQL Apache CSS 样式,Dreamweaver 等。
建设网站前,首先我对学校网站的各个组成部分的功能及它的可行性和可实现性进行了全方位的思考。
之后进入了设计阶段,在制作过程中灵活的应用
PHP 模板很好的协 1调和组织所有网站的网页的颜色及内容,一个网站给人的第一印象就是主页,但是绝不是说,只要主页做好了,网站的整体形象就好,因为在每个
登陆到网站的人浏览的过程中,会自然而然的形成一种对网站的看法。
这就是整体形象的体现,这是靠主页和其它的页面相配合来完成的。
(三)网站开发工具1.
PHP168
PHP 是一种服务器端、跨平台的
HTML 嵌入式脚本描述语言,最初的
PHP 是运行在 UNIX系统上的,后来由于适用于 PC 的 Linux 系统的崛起,
PHP 的发展更为迅速。
现在,
PHP已经可以在几乎所有的服务器上运行。
PHP 最大的优点是免费,任何人都可以访问 PHPWEB 站点,下载完整的源
代码。
PHP168 整站系统是
PHP 领域当前功能最强大的建站系统,
代码全部
开源,可极其方便的进行二次开发,所有功能模块可以自由安装与删除,个人用户完全
免费使用。
此外,它还具有独创的模板标签技术,制作风格非常简单。
自定义字段,自由添加模型,可以任意创建图片、下载等系统。
强大的自定义表单功能,可以任意添加需要的表单。
强大的考试系统,试题入库,自由组合成
试卷,进行企业员工考评。
集成多种在线充值,在线支付接口,实现完美的电子商务平台。
强大的投票系统,可以自由定义投票功能,如:PK 功能/人物投票/问卷调查。
2.Photoshop Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。
多数人对于 PHOTOSHOP 的了解仅限于“一个很好的图像编辑软件”,并不知道它的诸多应用方面,实际上,PHOTOSHOP 的应用领域很广泛的,在图像、
图形、文字、视频、出版各方面都有涉及。
Photoshop 应用介绍: 平面设计 修复照片 广告摄影 影像创意 艺术文字 网页制作 建筑效果图后期修饰 绘画 绘制或处理三维帖图 2 婚纱照片设计 视觉创意 图标制作 界面设计3.Apache Apache 是世界使用排名第一的 Web 服务器软件。
它可以运行在几乎所有广泛使用的
计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的 Web 服务器端
软件之一。
Apache 源于 N
CSAhttpd 服务器,经过多次修改,成为世界上最流行的 Web 服务器软件之一。
Apache 取自“a patchy server”的读音,意思是充满补丁的服务器,因为它是自由软件,所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。
Apache 的特点是简单、速度快、性能稳定,并可做代理服务器来使用。
Apache
web 服务器软件拥有以下特性: 支持最新的 HTTP/1.1
通信协议 拥有简单而强有力的基于文件的配置过程 支持通用网关接口 支持基于 IP 和基于域名的虚拟主机 支持多种方式的 HTTP 认证 集成 Perl 处理模块 集成
代理服务器模块 支持实时监视服务器状态和定制服务器日志 支持服器端包含指令SSI 支持安全 Socket 层SSL 提供用户会话过程的跟踪 支持 FastCGI 通过第三方模块可以支持 Java Servlets4. MySQL MySQL 是一个小型关系型数据库
管理系统,开发者为瑞典 MySQLAB 公司,在 2008 年1 月 16 号被 Sun 公司收购。
MySQL 被广泛地应用在 Internet 上的中小型网站中。
由于其体积小、速度快、总体拥有成本低,尤其是开放
源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了 MySQL 作为网站数据库。
MySQL 的特性: 使用 C 和 C编写,并使用了多种编译器进行测试,保证源
代码的可移植性 支持 AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、Open
BSD、OS/2 Wrap、 Solaris、Windows 等多种操作系统 为多种编程语言提供了 API。
这些编程语言包括 C、C、Python、
Java、Perl、
PHP、 3 Eiffel、Ruby 和 Tcl 等。
支持多线程,充分利用 CPU 资源 优化的 SQL 查询算法,有效地提高
查询速度 既能够作为一个单独的应用
程序应用在客户端服务器网络环境中,也能够作为一个 库而嵌入到其他的软件中提供多语言支持,常见的编码如中文的 GB 2312、BIG5, 日文的 Shift_JIS 等都可以用作数据表名和数据列名 提供
TCP/IP、ODBC 和 JDBC 等多种数据库连接途径 提供用于管理、检查、优化数据库操作的管理工具 可以处理拥有上千万条记录的大型数据库二、网站内容规划(一)网站定位1.网站的主题 这是个以宣传、交流和发布信息为中心目的的学校网站。
在网站里注册的人最好都是学校的学生、老师或者有意向的人加入,这样大家能更加真诚的对待。
所有提供的资料最好是真实有效的,希望大家都能够提供真实有效的信息。
2.网站的名称 苏州工业职业技术学院3.网站的 Logo 与 Banner 本网站的 Logo 左半部分像一展飘扬的旗帜,Logo 的主体颜色是红色,代表着青春的昭气与激情,下面的英文是学院的链接网址。
如图 1 所示: 图 1:Logo 本网站的 Banner 是深蓝色为主,透着一股大气,其中包含 8 个导航按钮。
如图 2所示: 图 2:Banner 4.网站色彩 本网站的主要色彩是蓝色与白色为主,白色代表朴素、明快、简单、洁净。
蓝色代表深远、永恒、沉静、理智、清爽、科技。
与学院的严谨、自律的教学风气相结合,给人感觉很专业。
45.版块构思学院首页 校园快讯 师生风采 教学资源 招生信息 关于我们 校园论坛 帮助中心可以注册 校园最新 教师与学 提供一些 简介各系 学院概况 会员交流 校园周边情为会员 活动信息 生参加活 课件
文档 部专业情 介绍 分享平台 况的解答 与视频 动照片 况 表 1:模块分析表三、网站
系统开发(一)系统安装第一步:在 D:p8_serverwww 下新建一个文件夹“qiye”,如图 3 所示: 图 3:“qiye”文件夹第二步:将
PHP168 系统拷贝至“qiye”文件夹,如图 4: 图 4:根目录第三步:开始安装由于前面建立的文件夹为“qiye”,系统安装路径为:http://127.0.0.1/qiye/install.
php在浏览器中输入系统安装路径,按回车后开始安装。
“点击开始全新安装”按钮如图 5 所示: 5 图 5:开始全新安装第四步:根据界面提示直接点击下一步即可,如图 6 所示: 图 6:环境探测第五步:输入“数据库用户名、密码、数据库”,如图 7 所示: 6 图 7:数据库设置第六步:根据提示,均点击“下一步”或“是”完成安装,如图 8、9 所示: 图 8:数据覆盖 7 图 9:安装模块选择第七步:网站安装完成,进入网站前台与后台查看进入网站前台:http://127.0.0.1/qiye。
进入网站后台:http://127.0.0.1/qiye/admin.
php。
后台默认账号:root,密码:
php168.com ,安全码:
PHP168。
(二)系统基本配置信息1.用户管理 进入系统后台,选择系统核心,在系统核心中有用户管理模块,首先确定可以添加、删除
会员用户,可以设置会员用户的权限。
系统已有一个 root 管理员用户,首先将此root 用户的权限设置为最高权限,可以对任何数据或模块添加、修改、删除。
2.模板管理 进入系统后台,选择系统核心,在系统核心中有模板管理模块,选择系统模板,里面会包含 2 种模板,都是系统自带的网站模板。
此时你可以上传自己所做网站形式的模板。
首先,将你的模板放在模板文件夹下,然后进入后台模板管理中,单击图中的编辑模板按钮找出自己的模板选择此模板作为网站的模板。
如图 10 所示: 8 图 10:编辑模板此时,可以将校园网的模板直接放入。
其余,就是采用后台和前台相结合的方式来修改整个网站。
四、页面设计与实现(一)网站的主要功能 网站主要的功能分为七大部分,每一个部分都有自己的特色。
有八个菜单栏:首页、校园快讯、师生风采、教学资源、招生信息、校园论坛、关于我们、帮助中心。
进入网站您就可以了解本学校的总体情况。
下面就请大家浏览一下学校的首页。
(二)网站首页的设计 在首页中包括导航功能以及提供了用户登录和注册功能,选择相应的按钮后,可以进入相应的页面进行其他操作。
在此页面中还有校园动态功能,用于显示学校的最新信息,用户可以有此浏览到有关的校园新闻。
其余部分为校园各院系
导航,可以在首页里对各系进行切换浏览。
如图 11 所示: 9 图 11:首页主页上的相关内容以及其他页面上的前台修改都是通过右上角的 “显示标签”按钮,如图 12 所示: 图 12:首页显示标签可通过双击图中的蓝色标签来修改如图 13 所示:可以添加图片、动画、视频、文章等。
也可以通过其完成对数据库的修改。
10 图 13:标签设置(三)校园快讯页面设计 此页面主要是用来宣传一些学校活动的视频,其中有校园文化艺术节舞蹈大赛的活动视频、第四届田径运动会、志愿者活动、义务劳动、学院介绍的宣传短片等。
通过这些视频,可以让更多的学生及家长对校园生活有了更多感性的认识。
也能达到更好的宣传学校的目的。
如图 14 所示: 图 14:校园快讯(四)师生风采页面设计 此页面主要是用来展示老师与学生的风彩,记录了学校的各类型的活动。
这些活动丰富了学生们的课余生活。
例如“军训生活”展示了同学们在军训时期的挥汗如雨的艰辛、展示了同学们做志愿者时的认真负责、展示了同学们在田径运动会上的顽强拼搏的精神。
每一个身影都值得我们铭记! 11如图 15 所示: 图 15:师生风彩(五)教学资源页面设计 此页面主要放置的是一些教学使用的 PPT 和
文档材料,方便全校师生间的资源共享。
在这里学生可以得到更多更新的学习资料,老师也可以在这里分享学习资源。
让老师同学们都可以在课余时间得到更多的学习机会。
如图 16 所示: 图 16:教学资源(六)招生信息页面设计 此页面里有学校今年的招生计划,学院的招生
代码,招生简章等。
主要是院系内各 12专业的介绍,以及各个专业所招学生的人数及要求。
学生可根据自己的成绩及兴趣选择相应的专业 。
如图 17 所示: 图 17:招生信息(七)校园论坛页面设计 此页面主要是学生与老师课余时,交流娱乐的地方,老师学生们经过一天的
工作学习,可以在这里释放掉学习工作的压力。
在这里新生还可以和学长学姐们就学校的方方面面进行讨论。
此外,还可以和老师在课下进行生活上的沟通交流。
如图 18 所示: 图 18:校园论坛(八)关于我们页面设计 主要是学院概况介绍,侧导航栏还包括学院的各系介绍,学院概况介绍,学院的组 13织机构介绍。
通过此页面的介绍可以使更多人在更高的层次上了解我们的学校,进而选择我们的学校。
如图 19 所示: 图 19:关于我们(九)帮助中心页面设计 此页面是一个小型的问答中心,在这里我们可以就任何事情进行提问,也可以就别人的提问给出回答。
这里收录了很多精典的
案例,都是同学们日常生活中会遇到的难题。
在这里,这些难题会有很多会员集思广益的回答。
如图 20 所示: 图 20:帮助中心 14五、校园网站建设特色设计(一)用户登录功能设计主页的左上方有一个会员中心,可以进行登录和
注册用户。
如图 21 所示: 图 21:注册登录用户可以通过注册按钮来进入注册页面登录成功!如图 22 所示: 图 22:登录页面(二)首页日历设计 首页是一个网站的门面,所以首页的设计至关重要,我想在首页上加一个日历,一进入网站就有一个小的日期提示栏,提示您日期,时间等让您在使用本网站的同时体验到小小的便利。
此日历我是用脚本语言编写的, function 其中包含了五个 function 函数,Year_Month定义的是年份月份的函数,通过它能够获取年份月份信息。
functionDate_of_Today是日期函数,用来获取日期。
function Day_of_Today定义的是星期函数,通过它来获取每一天是星期几,function CurentTime是获取当前时间的函数,而 function refreshCalendarClock是调用前面几个函数,来达到实现日历功能的目的。
具体
代码如下:ltscriptgtfunction Year_Month var now new Date var yy now.getYear var mm now.getMonth1 var cl ltfont colorquot0000dfquotgt 15 ifnow.getDay 0 cl ltfont colorquotc00000quotgt ifnow.getDay 6 cl ltfont colorquot00c000quotgt returncl yy 年 mm 月lt/fontgtfunction Date_of_Today var now new Date var cl ltfont colorquot0000dfquotgt ifnow.getDay 0 cl ltfont colorquotc00000quotgt ifnow.getDay 6 cl ltfont colorquot00c000quotgt returncl now.getDate lt/fontgtfunction Day_of_Today var day new Array day0 quot星期日quot day1 quot星期一quot day2 quot星期二quot day3 quot星期三quot day4 quot星期四quot day5 quot星期五quot day6 quot星期六quot var now new Date var cl ltfont colorquot0000dfquotgt ifnow.ge.