毕业设计（论文）-土桥小学教育网页设计.docx

全日制本科生毕业论文题 目： 土桥小学教育网页设计 学 院： 计算机与信息科学学院 专业年级： 计算机科学与技术（师范）2010级 学生姓名： 学号： 指导教师： 职称： 副教授 2014 年 5 月 9 日土桥小学教育网页设计摘 要：本文结合小学教育的特点和当前校园网建设和应用的现状，经过完善的需求分析，系统总体设计，主要运用PHP脚本语言开发后台，MySQL数据库管理系统，CSS对网页进行排版美化等设计出了符合网络时代教育的交互式网页。关键词：校园网；PHP技术； MySQL全套设计加扣 3012250582Abstract：In this paper, according to the characteristics of the elementary education and the status quo of the current campus network construction and application, after completing the requirements analysis, the system overall design, mainly using PHP scripting language development background, MySQL database management system, the design such as CSS layout was carried out on the web page beautification the conform to the era of network education and interactive web pages.Key words：Campus Network;PHP;MySQL1 系统分析1.1 需求分析 该学校地处重庆市铜梁县城乡结合地区，是一所普通的小学，其地位和声誉都逊于该地主城学校。在此之前，该学校并没有自己的校园网站，学校对于各处室的工作多是采用的纸质办公，往往传达一些通知文件通过较为原始的方法进行，这样既浪费人力又浪费时间。现阶段学校所招收的学生对学习较缺乏兴趣、缺乏主动性，往往有厌学、学习困难等现象。学校网站可以调动学生学习的积极性和主动性，加大宣传，提升学校知名度，且该学校学生有很多位留守儿童，父母常年在外，但父母对孩子的学习关注却很少，主要是缺少关心孩子学习情况、生活情况的途径，学校的网站能够很好的帮助家长和学校进行交流和沟通，同时，让家长随时了解学生动态，关心学生，有利于达到良好的管理效果。针对以上情况的分析，通过校园网站的“学校简介”、“教师风采”、“学生园地”模块加大宣传，使社会公众对我校的了解不断加深，加大宣传，提高学校知名度，展示学校教师风采，让更多地人了解学校的师资力量，教育理念和教育方法，学生园地展现学生风采，宣传学生活动的丰富多彩，展示学生的优异成绩，同时增强学生的积极性，帮助家长了解学生动态，借助“留言板”模块加强学校与家长和学生的交流，不断搜集学生和家长的意见和建议，完善学校的教学管理系统。1.2 可行性分析该学校网页的设计主要采用了PHP、HTML、MySQL、Dreamweaver CS6、CSS、JavaScript、Flash、Photoshop CS5等技术和工具，经过需求分析、总体设计、文档和代码的编制、模块测试和系统实现几个阶段。下面对这几种技术分别进行介绍。PHP简述PHP是一种在服务器端执行的嵌入HTML文档的脚本语言。与客户端所执行的语言JavaScript或VBScript完全不同，PHP是在服务器端执行的语言，主要功能是在服务器上运算并将结果呈现在客户端上，所以它非常适合用来处理服务器及数据库之间的数据判断、运算与访问。MySQL简述 MySQL是一种SQL（Structured Query Language,结构化查询语言）标准格式的数据库服务器。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。我们可以利用SQL语句来创建表格（Table）、定义数据库结构、字段类型和长度，并且能够添加、查询、修改或删除数据，它的语句非常口语化，因此SQL已经成为关系型数据库的标准语言。Flash简述Flash又被称为闪客，是交互式矢量图和Web动画的标准。Flash可包含丰富的视频、声音、图形和动画，网页制作可运用Flash制作出美观而又个性的导航界面11。1.3 开发工具的选用及服务器的选择开发工具主要选用了Dreamweaver, Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首先工具8。服务器选用Apache,它是一种开放源代码的软件，允许任何人对其修改、扩充、更新，使其可以运行在几乎所有使用的计算机平台上。在所有的Web服务器软件中，Apache已占据绝对优势，远远领先排名第二的Microsoft IIS，是目前世界上使用最为广泛地WEB服务器2。2 网站总体设计2.1 系统功能设计系统设计是一个把软件需求转换成用软件系统表示的过程。通过对目标系统的分析和研究，做出了铜梁县土桥小学网站平台的总体规划，这是全面开发系统的重要基础。系统设计包括总体设计、系统详细设计、系统数据库设计、系统开发工具、开发技术等。从对土桥小学网站总体规划中，得出其前台功能模块图如图2-1所示：网站前台学 校 简 介教 师 风 采学 生 园 地留 言 板图2-1 前台功能模块图2.2 数据库设计本网站后台的数据库采用Navicat for MySQL6，它是以高级结构化查询语言(SQL)为基础的关系数据库，也是目前比较流行的数据库之一。根据对系统的需求分析和可行性分析，得到了留言板系统的E-R图，如图2-2所示：管理留言信息表管理员用户名密码留言id用户名qq号码电子邮箱个人主页头像留言内容留言主题留言时间idmn图2-2 留言板管理系统E-R图根据以上系统的E-R图的分析，可以得到本系统中的数据库中的表和其字段信息，如表2.1 为管理员信息表，主要有管理员登陆时的用户名和密码及编号等信息。表2.1 admin（管理员）表字段类型长度是否为空说明idusernamepasswordintvarcharvarchar113030否否否主键（编号）管理员姓名密码 表2.2 为留言信息表，它主要包含留言的基本信息等。表2.2 leavewords（留言）表字段类型长度是否为空说明idusernameqqemailhomepagefaceleave_titleleave_contentsleave_timeint varchar varchar varchar varchar varchar varchar text datetime1050303050505000否否是是是是否 否是主键（编号）用户名qq号码电子邮箱个人主页头像留言主题留言内容留言时间如表2.3 为管理员留言回复表，主要有管理员回复内容等信息。表2.3 reply（管理员回复）表字段类型长度是否为空说明idleaveidreply_contentsintvarchartext11300否否否主键（编号）留言id回复内容2.3 留言板使用流程图浏览者进入留言板的主界面后，可以进行查看留言和发表留言，如果为管理员，需要进行登陆，然后才可以进行留言的修改或者留言的删除。留言板使用流程图如图2-3所示：查看留言 回复留言留 言删除留言开始选择操作用户管理员选择操作选择操作结束是否结束 图2-3 留言板使用流程图3 界面描述及功能实现3.1 主页采用Flash技术制作动态导航，一段爽朗轻快的音乐引领我们进入主页，给人一种清新活泼的感觉，流动的云彩和盛开的非洲菊展示出了学校生机勃勃的状态。彩色跳动的按钮带领我们进入学校简介、教师风采、学生园地、留言板。（如图3-1所示）图3-1 导航图主页直接展示了学校简介、办学特色、学校动态、办学宗旨，让广大社会群众对学校进行一个初步的了解。学校简介主要介绍了学校的地理位置，学校校园的设计理念以及学校的设施设备。办学特色主要介绍了学校的课程设置，教育教学特点。学校动态主要展示了学校的一些工作、活动、成绩等，并且有图片进行切换展示，在技术上链接数据库，所有内容均从数据库中进行调用（如图3-2所示）。办学宗旨展示了学校的教学方针、办学理念。 图3-2 学校动态3.2 教师风采教师风采展示了学校的师资力量，让人们了解该校教师的教学理念和教学方法，教师对学生的要求和自身的要求，对教育教学的追求和理想。（如图3-3所示）图3-3 教师风采3.3 学生园地学生园地主要展示了在校学生的学习状况、生活状况。这里主要展示了优秀学生作文评选的情况以及上榜的优秀作文，不但向家长展示了学生在校的学习效果，同样也调动了广大在校学生的写作的积极性，力争上榜，力争夺冠，最终取得了良好的学习成绩和效果。（如图3-4所示） 图3-4 学生园地3.4 留言板留言板主要是提供给学校与家长、学生、社会大众的交流的平台。社会大众可以对留言板进行浏览，也可以发表自己的意见和看法。（如图3-5所示）图3-5 留言板浏览者可以设置昵称、QQ、邮箱、头像等信息进行注册留言，主要是留言标题和留言内容的发表，浏览者可发表自己对学校的建议和意见、向学校某些活动表示赞赏或者质疑等等，发挥出留言板的交流作用。（如图3-6所示）图3-6 添加留言系统管理员可以对后台进行管理，可以对浏览者的留言进行回复和删除。系统管理员首先需要用用户名和密码登陆后台（如图3-7所示），查看是否有恶意留言或者需要解决的留言问题，管理员可以对恶意留言进行删除，对需要解决的留言问题进行解答，用以发挥留言板的交流作用和保持留言板的纯洁性。（如图3-8所示）图3-7 管理员登陆图3-8 管理员回复和删除4 运行调试的乱码问题当截取字符串时，因为存在中文字符，中文字符占两个字节，可能从字符中间截取，从而出现乱码的问题，一般采用substr()函数将出现乱码，但采用mb_strcut()将解决乱码的问题。上传文件时，文件存储到临时文件夹时，文件的文件名如果存在中文字符时，将出现乱码，解决办法就是用这句iconv(utf-8,$filename)设置文件名7。5 结束语经过三个月的网页学习和制作，我觉得出色的界面能够引起人们的关注，再复杂的程序，对于外人来说，他们无法弄懂，但是界面好不好看，配色是否美观，他们有评价的权利，审美是网页制作者需要培养的一项技能。简单易用永远是第一要务，多数人更愿意使用简单易用的网页，简单的网页更加符合人们的要求，这样对程序员的要求会更高，但是程序员只要多花心思，就能解决这些问题。通过这段时间的页面设计、网页代码及网页论文的编写，锻炼了自己的相关能力的同时，也发现了自己的许多不足，自己知识存在的漏洞，看到了自己的实践经验相对比较缺乏，理论联系实际的能力相对比较弱。尤其是初次设计和制作网站所要拥有的知识和技能比较缺乏。网页做好以后，还需要经过进一步的调试和修改，同时由于时间和能力限制，有些功能还不是很完善。在即将完成论文写作的同时，感谢戴老师和同学在这段时间不遗余力的鼓励帮助以及提供的相关技术指导和建议等。总的来说，网页基本上能够满足要求，但还有一些地方需要改进，在今后应该加强实践的练习。参考文献:1 道尔. PHP5.3入门经典M. 北京：清华大学出版社，2010.10:124-156.2 威利，汤姆森. PHP和MySQL Web开发M. 北京：机械工业出版社，2009.4:193-217.3 谭贞军. 深入体验PHP项目开发M. 北京：清华大学出版社，2011.7：24-34.4 田建勇. 浅析学校网站的设计与建设J.2006.6:76-89.5 孔祥盛. PHP编程基础与实例教程M. 北京：人民邮电出版社，2011.8:47-60.6 赵增敏. PHP+MySQL+Dreamweaver8动态网站开发从基础到实践M. 北京：电子工业出版社，2007.7：111-120.7 杨帆,王大伟. 网页制作的经验与建议J. 科技风. 2012：21-29.8 聂庆鹏. PHP+MySQL动态网站开发与全程实例M. 北京：清华大学出版社，2007：81-90.9 尼春雨，胡广平，姬朝阳. Dreamweaver CS5.5网页动态设计与经典范例M. 北京：电子工业出版社，2012.8：175-180.10 鲍尔斯（Powers,D.）. PHP与Dreamweaver基础教程M. 北京：人民邮电出版社，2004.8：21-33.11 前沿电脑图像工作室巧学巧用 Dreamweaver、 Fire works、 Flash制作网页 M . 北京: 人民邮电出版社，2000：46-61.12 潘凯华，李慧，刘欣. PHP经典编程265例M. 北京：清华大学出版社，2012.1：37-45.第12页（共12 页）附录（本网页部分代码）首页代码：学校概览 学校简介      铜梁县土桥镇小学位于重庆市铜梁县土桥镇重庆市铜梁县土桥镇桃溪街号。 铜梁县土桥镇小学校园设计理念超前，具有极强的现代气息，宽敞明亮的教学楼，功能齐备的综合楼，标准规范的室内外风雨运动场，大容量的师生食堂和停车场布局科学合理，外观美丽新颖，她的成立将为渝北教育增添浓墨重彩的一页。图书馆、体育馆、塑胶标准运动场、游泳池、天文台、生态（植物）、公寓式学生宿舍、舞蹈室、多媒体网络教室、创新工作室、电脑机器人工作室等多个功能室。 学校动态 办学特色   铜梁县土桥镇小学突出英语、计算机、艺术教育的特色。将课程按基础性课程、拓展性课程、研究性课程开设。从小学一年级开始就设置英语和计算机课。在课外活动方面，既重视体现民族优秀文化传统的琴、棋、书、画的学习，又重视对外国优秀文化艺术的了解、学习和鉴赏。为了适应时代发展的需要，满足人民群众对优质教育的需求，学校还将与国外教育机构合作，开展形式多样、内容丰富的教育活动。 铜梁龙 自制风筝比赛   办学宗旨 铜梁县土桥镇小学坚持“全面贯彻教育方针，全面提高办学质量，全面增强师生素质，全面和谐自主发展”的办学宗旨，以高起点，人本化，有特色的办学理念。校领导队伍求真务实、开拓进取、远见卓识。教师群体综合素质好，工作经验丰富，教学能力强，富有工作激情，全体教师正为争创渝北一流学校而精诚团结，艰苦奋斗！办学理念：小主人成长的摇篮。专题讲座    为大力弘扬雷锋精神，促进社会主义核心价值体系建设，不断提升大学生道德素质和文明程度，促进校园志愿者活动深入开展，鼓励和带动学生“人人学雷锋、天天有雷锋、时时做雷锋”，4月12日下午，我校特邀县社会主义核心价值宣讲团雷开富老师，做了 “弘扬雷锋精神 争做四有新人”的主题讲座。由于下雨原因，讲座利用班级校园广播进行，讲座由李文仲副校长主持，全校共计六百余名师生聆听讲座。 联系地址：重庆市铜梁县 联系电话电子邮件：615559454 连接数据库代码：留言板首页代码：留言板           后台管理       ?php$_SESSIONuser=session_id();$sql=select * from leavewords;$rs=mysql_query($sql);$recordcount=mysql_nu