校园控烟主题网站的设计与开发.docx
《校园控烟主题网站的设计与开发.docx》由会员分享，可在线阅读，更多相关《校园控烟主题网站的设计与开发.docx（83页珍藏版）》请在冰豆网上搜索。
校园控烟主题网站的设计与开发
学士学位论文
BACHELORDISSERTATION
论文题目校园控烟主题网站的设计与开发
学生姓名
学 号
学 院
专 业
指导教师
指导单位
2015年05月27日
摘要
当前青少年吸烟的现象越来越严重，为了加大校园禁烟宣传，本项目实现了一个校园控烟网站，这个校园控烟网站开发是基于B/S结构,运用了MyEclipse工具和HTML、JavaScript、MySQL、数据库技术等Web前端与后台技术，成功的实现了控烟网站的登录、注册、资源下载、消息发布、用户管理、论坛互动、多媒体阅读等功能，达到了提高学生的兴趣，方便学校管理的效果。
关键词：
校园控烟；JavaScript；数据库设计
Abstract
Theadolescentsmokingphenomenonismoreandmoreserious,inordertoincreasethenosmokingcampuspublicity,theprojectachievedacampustobaccocontrolwebsite,thedevelopmentofthiscampustobaccocontrolwebsiteisbasedonB/Sstructure,usingtheMyEclipsetoolsandHTML,JavaScript,MySQLdatabasetechnologyandwebfront-endandback-endtechnology,thesuccessfulimplementationofthetobaccocontrolwebsitelogin,registration,downloadresources,saidinanewsrelease,usermanagement,interactiveforum,multimediareadingfunction,toimprovethestudents'interest,theeffectofschoolmanagementisconvenient.
Keywords：
Campustobaccocontrol,JavaScript,DatabaseDesign
第一章毕业设计（顶岗实习）概况
1.1实习单位与实习岗位概况，对企业所属行业的认识
1.1.1实习单位情况
公司以“诚信、敬业、高效、创新”为企业精神，以“惠灵服务，更快一步”为服务理念，凝聚了一批专业技术出众，敬业精神顶尖的经营管理，市场营销，工程施工和技术服务的专业人才，长期致力于为用户提供完善，全面的整体解决方案和优质的技术服务。
公司自成立以来，已经承接了1000余个系统集成项目。
承接范围有：
计算机网络工程、安防监控、多功能会议室、大屏幕液晶屏、视频会议、公共广播、歌厅灯光音响、门禁考勤、触摸屏、售饭一卡通等系统集成项目。
公司还经营电脑产品、数码产品、网络产品、办公设备、办公用品、办公耗材等，以及专业维修笔记本、台式机、显示器、主板、打印机、复印机、传真机、多功能一体机等；同时承接网络、监控、门禁、触摸屏、液晶屏等维护工程。
公司有强大的厂家支持，丰富的专业技能经验，规范的施工团队；地理位置优越，交通便利，是广大新老客户理想的选择对象。
1.1.2实习岗位职责
在本次毕业设计（顶岗实习）的过程中，本人作为一名开发工程师岗位的实习生，岗位的职责是负责前端的设计、开发与测试。
1.1.3企业所属行业认知
软件开发行业，因其在国民经济和社会进步中的重要作用，使之一直保持为长盛不衰的热门专业。
在越来越强调规模化经营的今天，众多软件企业小作坊式的软件开发模式使得国内软件过程管理成为公认的软肋，技术水平和管理水平之间的差异日益明显，人才结构中技术和管理方面复合型人才的紧缺，已经成为制约我国电子信息产业发展的一大障碍。
软件技术开发方向面向国民经济信息化建设和产业发展的需要，培养具有扎实的软件理论和软件工程技术基础，软件开发与工程实践能力、项目管理能力、嵌入式系统开发能力和信息产品设计能力，具有团队合作精神与优秀的职业素养，具有创新精神和国际竞争力的软件开发、软件质量工程与测试、系统管理和项目管理高级工程技术人才。
1.2实习项目课题背景、价值、意义以及国内外研究现状
当今社会，青少年吸烟的现象已经是屡见不鲜，而且情况是越来越严重，有调查数据显示，青少年学生有19.9%尝试过接触烟草制品，许多人表示自己身边青少年吸烟的人数越来越多，还有很多人认为许多的青少年吸烟是因为受到了自己周边同龄人的影响。
调查显示，大部分吸烟的人是从初中开始到大学的时候达到顶峰，让青少年学会抽烟的原因很多，比如好奇、尝试新鲜、学习压力大、青春期的叛逆、对偶像的模仿等，这些都是造成青少年吸烟的原因。
抽烟常常是有一个集聚效应，在一个环境里，一个人的行为常常会影响到公众的行为，特别是一些消极的行为，扩散开来是最为的迅速。
如今，烟草已经严重的危害到青少年的健康，比如吸烟会让脑神经受到影响，智力衰退、记忆力下降、影响到骨骼发育，甚至影响到青少年的心理健康，给社会带来严重的危害，所以控烟、禁烟已经是刻不容缓、势在必行。
控烟观念已经日渐深入人心，越来越多人加入到了控烟的行列，也有很多的人发生了转变，他们开始远离香烟。
另外随着校园控烟令的实施，很多学校都实现了无烟校园的突破，可是在实际了解和认识中，还有很多学校存在懈怠的情绪，虽然控烟的口号喊得很响亮，可是实际上却是另外一个样子。
使用校园控烟网站可以减轻学院管理人员的工作量，加大宣传的力度，使控烟变得更加的方便，快捷，提高学生的兴趣让他们更容易接受，能够极大的提高控烟效率。
校园控烟网站可以化被动为主动，引发大家的兴趣，让大家主动的参与到控烟、禁烟过程中来，自觉的监督、制止吸烟存在的安全隐患。
这样可以使学生有一个良好的习惯，健康的身体，有更多的精力投入到学习中去，也为学校的环境做出了贡献，减少了学校存在的安全隐患，营造了一个良好的学习、生活环境。
计算机互联网不但要运用在科技上，而且还需要广泛的运用到生活上。
现在不过是控烟还是其它教育性的活动的组织和管理都是用人工来进行操作的，这样就需要大量的人力、物力、财力。
不但如此，而且还效率低下，许多学生并不能理解，特别是有一点叛逆心理的，认为学校是在没事找事，所以最终效果是相当的不理想，更有可能适得其反，所以设计开发一个校园控烟网站是非常有必要的。
该校园控烟网站是对校园控烟的管理的合理安排以及统筹计划运用用jQuery和MySQL做出一个校园控烟网站对校园的控烟的管理，普通登录用户可以进行多媒体阅读、资源下载、控烟动态查看、论坛发帖和评论等，管理员登录后可以进行控烟动态发布、资源管理、多媒体管理、论坛管理等操作。
它将成为学校控烟管理的一个很好的帮手。
运用校园控烟网站可以减轻学校工作人员的工作量缩小开支提高工作效率，让学生自己加入到校园控烟行列中来。
1.3实习项目整体执行完成情况概述
实习课题的目标和任务已经全部完成，成功实现了校园控烟网站的前端的页面和后台的数据库，并且使前端后端建立了连接，实现了校园控烟网站的各个功能模，包括用户注册模块、登录模块、动态模块、资源模块、多媒体阅读模块、控烟论坛模块、后台管理模块、用户管理模块和注销模块，并且在完成校园控烟网站的设计与开发之后又对其进行了功能测试。
总之基本完成了实习课题的目标和任务，并且完成了相关文档的撰写，但是还有许多细节和不够严谨的地方需要改善。
第二章关键技术与知识
2.1系统开发技术基础
2.1.1jQuery技术
jQuery是一个优秀的开源的JavaScript库。
它的体积小，代码风格典雅独特，变化的JavaScript程序员写的程序和想法的方式。
jQuery库的设计是“写更少的代码，做更多的事情”（写的少，做的多）。
其独特的选择器，DOM的事件绑定机制链操作模式，在完善的AJAX的JavaScript库，许多优秀的包装脱颖而出，独树一帜，赢得了众多用户的信赖和支持。
jQuery语法简单易学，而且具有很强的跨平台，与各种内核的浏览器兼容。
目前，有超过一百的插件扩展，使jQueryjQuery功能可以满足几乎任何客户端脚本开发。
jQuery是原型和出色的JavaScript框架之后。
它的目的是少花钱，越写越少的代码，却可以做更多的事。
它是一个轻量级的JS库（仅21K压缩，这是其他的JS库不能办到的，这是兼容CSS3，还与各种浏览器（6.0以上版本的IE，FF1.5+，Safari浏览器2.0+，歌剧兼容，9.0或更高版本）。
jQuery是一个快速、简单的JavaScript库，让用户可以处理文档事件，HTML，更容易达成交易，实现动画效果，并促进该网站提供AJAX交互。
JQuery的也有比较大的优势是，它的文档很全，而且各种应用也非常详细，同时，还有许多成熟的插件可供用户选择。
JQuery的HTML页面的用户保持代码和HTML内容分离，也就是说，在HTML不再里面插入一堆JS来调用命令，只要用ID的定义就可以了，可以算得上难得一见客户端JavaScript技术的精品了。
2.1.2SpringMVC框架
Spring框架是由RodJohnson开发，2004年发布了Spring框架的第一个版本，经过十几年的发展，它已经发展成为了JavaEE开发中最重要的框架之一，对于一个Java开发人员来说，Spring已经成为必备技能之一，因为现在Spring就是一个“大路货”，现在每个搞Java的都会。
不但如此，围绕Spring，以Spring为核心还衍生出来了一系列框架，比如：
SpringWebFlow、SpringSecurity、SpringAndroid，随着Spring越来越强大，带给了开发人员越来越多的便利。
Spring是从实际开发中抽取出来的一个框架，因此它完成了大量开发中的通用步骤，留给开发者的仅仅是与特定应用相关联的部分，从而大大的提高了企业应用开发的效率。
Spring为企业应用的开发提供了一个轻量级的解决方案，该方案包括：
基于依赖注入的核心机制，基于AOP的声明式事务管理，与多种持久层技术整合，以及优秀的MVC框架等。
SpringMVC属于SpringFrameWork的后续产品，已经融合在SpringWebFlow里面。
Spring框架提供了构建Web应用程序的全功能MVC模块。
使用Spring可插入的 MVC 架构，从而在使用Spring进行WEB开发时，可以选择使用Spring的SpringMVC框架或集成其他MVC开发框架。
通过策略接口，Spring框架是高度可配置的，而且包含多种视图技术，例如 JavaServerPages（JSP）技术、Velocity、Tiles、iText和POI。
SpringMVC框架并不知道使用的视图，所以不会强迫您只使用JSP技术。
SpringMVC分离了控制器、模型对象、过滤器以及处理程序对象的角色，这种分离让它们更容易进行定制。
2.2数据库
2.2.1数据库系统概述
1．数据（Data）
存储在数据库中的对象称为数据库。
很多人认为数据库中的数据只是一个数字。
事实上，数字只不过是一种最为简单的数据，这种理解是对数据的传统和狭义的理解。
如果对各种数据、文字、图形、图像、声音等都进行广义的理解，那么它们都是是数据，所以可以做如下定义：
描述符号记录的东西称为数据。
2．数据库（DataBase）
在过去的许多年里，有很多定义“数据库”的术语。
数据库是一个有组织的数据收集，服务于一个核心目标。
在数据库中的数据是有组织的，在一个意义上，存储在数据库中的数据存储，格式化，访问，并显示在一个恒定的方式。
因为数据库不包含无关的或冗余的数据，它可以应用于一个核心目标。
电话簿是一个很好的数据库例子。
它包含有关（名称）的数据，以便人们可以找到电话号码；它不包含无关的数据，颜色，如某人的电话，它只存储与它的目标相关的信息。
最常见的是，数据库是业务应用的目标，但也有可能存储科学、军事或其他数据，这些数据往往不被视为业务数据。
因此，有商业数据库、科学数据库、军事数据库等数据库等。
此外，数据不仅可以根据其应用进行分类，还可根据其格式进行分类，现代数据库中包含了多种类型的数据。
例如，它是常见的存储图像，图形，音频，视频，或2个或更多类型的复合文档。
3．关系数据库系统（RDBMS）
关系是一个数学概念，描述了这两组元素是如何相互关联的。
因此，关系模型是建立在数学的基础上的。
但是，对于你来说关系只是一个表和一些特殊的属性，一个关系模型来组织数据到表中而只有在表。
客户、数据库设计、数据库系统管理员和用户都是以同样的方式——即从表查看数据。
因此，表是同关系模型的同义词。
关系表有一组命名的属性或列，以及一个元组或者行。
有时一个列称为域，一行称为记录，列和行的交集通常被称为一个单元。
关系表必须满足一定条件，成为关系模型的一部分：
存储在该单元中的数据必须是原子,每个单元只能存储一个数据，这也被称为信息原理（原则信息）。
虽然在过去的几年里已经建立了许多系统，有些是违反这条规则，这篇文章将不能使用好的设计原则。
当一个单元包含多个消息时，它被称为信息编码（编码信息）。
在这样的情况下，它是一个设计选择使用的理论相反的计划，虽然在大多数情况下，结果证明，数据的完整性是一个缺点。
存储在列中的数据必须具有相同的数据类型。
（1）每条线都是独一无二的（不完全一样）。
（2）列没有秩序。
（3）行没有秩序。
（4）列有一个独特的名称。
除了表和它们的属性，关系模型有它自己的特殊操作。
没有必要对关系数学进行深入的研究，只是为了表明这些操作可能包括一个子集，一个行的子集，一个连接表，和其他数学集合操作，如关联等等。
真正要知道的东西是这些操作都是以表格形式输入的，结果表是输出的。
2.2.2MySQL数据库
MySQL是一个真正的多用户，多线程的SQL数据库服务器。
SQL（结构化查询语言）是最流行的和标准化的数据库语言。
MySQL是基于客户端/服务器结构，它由一个服务器mysqld和很多不同的客户程序和库。
SQL是一种标准化的语言，使它更容易存储，更新和访问信息。
例如，您可以使用SQL语言为一个网站检索产品信息和存储信息，而MySQL是足够快，足够灵活，允许你存储的记录和图片。
MySQL的主要目标是快速、健壮、易用。
最初是因为需要这样一个SQL服务器，它能处理任何昂贵的硬件平台提供数据库厂家在一个数量级的大型数据库，但速度更快，MySQL是基于一套实用的例程，已经应用在许多年的高要求的生产环境。
虽然MySQL仍在发展中，它提供了一个丰富的和极其有用的功能集。
MySQL是一个开源产品，因为它需要一个许可证，用它在一定条件下。
然而，MySQL是愿意在开源社区可以传播，因为“认证”是不绑定的（除非通过MySQL或出售需要其服务赚钱。
否则，一般说，MySQL是免费的）。
MySQL的普及不仅限于开源社区。
尽管它在个人计算机上运行（实际上，MySQL开发一般在Linux系统中是不贵的），但它是便携式的，并在商业操作系统如Solaris运行IRIX和Windows）和所有的方式向各企业服务器硬件。
此外，它的性能足以匹配任何其他系统，它也可以处理大型数据库，数以百万计的记录。
2.3开发技术
2.3.1Java web技术
Javaweb技术最基础的是HTML和CSS，HTML就是超级文本标记语言，它是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：
文字如何处理，画面如何安排，图片如何显示等）。
CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言，是能够真正做到网页表现与内容分离的一种样式设计语言。
相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
JavaScript是Javaweb技术中相对较难的一种语言，它是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它最早是在HTML网页上使用，用来给HTML网页增加动态功能。
能够把所有的技术灵活使用才是最大的难题，万事开头难是必然的，因为刚刚起步没有经验，但是随着代码量的增加和处理能力经验的丰富，一切都会变的简单起来。
2.3.2MyEclipse工具
MyEclipse企业级工作平台（MyEclipseEnterpriseWorkbench，简称MyEclipse）是对EclipseIDE的扩展，利用它可以在数据库和J2EE的开发、发布，以及应用程序服务器的整合方面极大的提高工作效率。
它是功能丰富的J2EE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML,Struts,JSF,CSS,JavaScript,SQL,hibernate。
MyEclips中有非常多的快捷键，熟练之后运用起来就会非常的方便快捷，一件工具的使用没有多的诀窍，就是多用，熟能生巧。
2.4其它技能
当然做一个做一个项目的开发只有上面的一些技术是远远的不够的，比如开发都离不开也是必备的技能“软件工程”，软件工程是指导计算机软件开发的和维护的工程学科。
采用工程的概念、原理、技术和方法来开发与维护软件，把经过时间考验而证明的管理技术和当前能够得到的最好的技术方法结合起来，经济的开发出高质量的软件并且有效的维护它。
软件工程能够提高软件产品的质量与开发的效率，减少维护的困难。
还有软件测试，也是软件开发必备的知识，学校也有相关的课程。
第三章系统需求分析及可行性
3.1校园控烟系统目标与任务
3.1.1目标与任务
校园控烟是学校一件非常重要的工作，它直接关乎着学生的身体健康和生命财产的安全，可是我国大部分高校的校园控烟管理做得并不是和理想，或者说效果并不是很好。
如今各大高校都在不断的扩招，学生人数越来越多，所以为了大家的健康和安全设计开发一个校园控烟网站是非常有必要的。
传统的控烟管理浪费了很多的人力、物力，它已经满足不了时代的需求。
在今天这个信息技术发展迅猛的时代，普通的控烟管理方法已经落后，它必然会被信息网络管理所代替。
为了帮助大家提高控烟的效果，所以本人毕业设计基础课题选择了校园控烟网站的设计与开发。
随着各大高校的不断扩招，校园控烟是学校安全管理中非常重要的一个项目，作为一个优秀的学校不但要教书育人，还要关注和保证学生的身体健康和安全。
校园控烟是学校安全管理中非常重要的一部分，基于它重要的地位，校园控烟网站的设计与开发便慢慢的加入课程，而且它的分量在越来越重要。
现在信息技术飞速发展，电脑在人们的生活中是越来越普及，人们生活不可避免的受到非常大的影响，因为生活节奏加快，所以如何的提高工作效率，减少成本，提高大家的兴趣是一个关键的问题。
校园控烟是一个长期性繁琐的工作，如果一直进行下去需要投入大量的精力，所以设计并开发一个校园控烟网站是非常有必要的。
3.1.2运行环境
WindowsServer、OSX、IE浏览器、谷歌浏览器。
3.1.3用户特点
该校园控烟网站主要分为普通学生用户和超级管理员两类。
普通学生用户可以在该校园控烟网站上看到最新的控烟动态、多媒体阅读、资源下载、论坛讨论，超级管理员除了有普通学生用户的所有权限还可以进行资源管理和用户管理。
3.2需求分析
3.2.1业务流程分析
该校园控烟网站主要的操作流程是，先进行登录，然后进行身份验证进入校园控烟网站首页，便可以看到相关的页面和模块，可以进行操作。
该校园控烟网站的业务流程图如图3-1所示：
图3-1业务流程图
3.2.2功能分析
本校园控烟网站是根据实际情况分析，网站前端页面设计了9个页面，包括：
首页、主页、动态、多媒体阅读、论坛、资源下载、后台管理、用户管理、注销。
下面是对各个页面的功能进行介绍：
（1）网站首页：
普通用户和管理员进行登录和注册；
（2）网站主页：
校园风采展示和几个功能模块的展示；
（3）控烟动态页面：
登录用户可以查看控烟动态；
（4）多媒体阅读页面：
登录用户可以播放多媒体；
（5）控烟论坛页面：
登录用户可以进行发帖讨论，以及帖子的回复与评论；
（6）资源下载页面：
登录用户可以进行资源下载；
（7）后台管理页面：
管理用对控烟动态、多媒体、资源、帖子等管理；
（8）用户管理页面：
管理员对已注册用户进行管理；
（9）注销登录：
注销登录的用户，回到登录页面；
需求分析用例图如图3-2、图3-3所示：
图3-2管理员系统用例图
图3-3普通用户系统用例图
3.3可行性分析与研究
可行性分析是为了利用最小的代价在最短的时间内确定该问题是否能够解决。
但是并不是说可行性分析就是为了去解决问题，而是为了去确定这个问题是否值得去解决。
事实上并不是所有的问题都有简单明了的解决方法，许多的问题不可能都是在预定的系统内解决，如果遇到的问题不能够可行性的解决，那么在这个问题上所花费的所用的人力、物力、财力都属于浪费。
可行性分析是项目开发前的一个非常重要的阶段。
它可以避免盲目的开发，开发人员需要结合资金、时间和环境等各方面的因素制约条件，对该软件产品是否能够解决存在的问题，是否能够带来预期的效果和价值做出评估。
在实际的开发过程中，许多的因素可能造成开发中遇到一些不能够解决的问题，该问题是否在之前提出过合理的解决方案，如果有那么便可以尽早的解决，就能够避免人力、物力和财力的浪费。
该校园控烟网站采用Windows、OSX操作系统，IE、谷歌浏览器都可以浏览，前端开发语言使用了JavaScript、HTML、CSS等，使用了MySQL数据库。
本网站设计与开发完成大概需要两个月时间。
对校园控烟管理的情况进行分析，在同学之间调查，听取他们的意见，全面的分析校园控烟网站所需要的功能，进行可行性分析。
3.3.1技术可行性
首先，校园各大网站在国内外的各个学校都已经得到了非常广泛的应用，而且种类非常的多，所以在开发这个校园控烟网站的时候有许多可以参考的地方，这样一来就相对简单了许多。
其次，选用的开发工具有：
JavaScript和MySQL以及其它的开发工具，这些开发工具的技术都已经非常的成熟，而且在实际的项目开发中用得非常的多，并且容易上手，很适合该校园控烟网站的开发。
然后就是开发人员的问题，本人是信息与软件工程学院的学生，在校期间还是学习很多相关的技术，其次在公司实习也是在做Web前端的开发，周围有许多可以请教的技术人员以及其他的相关资源。
虽然数据库的设计与开发是第一次，但是经过一系列的学习，有了夯实的理论基础，根据需求分析设计出了所需数据库。
3.3.2经济可行性
当前，不管是老师还是学生，任务都非常的中重，所以要进行校园控烟的管理难度相当的大，老师没有时间去组织，学生没有精力去执行。
如果全靠人力去宣传、组织、管理那么成本是巨大的，而且效果并不理想，甚至让同学产生反感的心理，显然这不是学校所期望的。
该校园控烟网站的设计与开发对学校和学生都有非常深刻的影响，它不仅节约了
升级会员 