基于Web的合肥学院大学生活动管理系统的设计与实现精品资料.doc

合肥学院2014届 毕 业 论 文（设 计）论文(设计)题目基于Web的合肥学院大学生活动管理系统的设计与实现院系名称计算机科学与技术系专业（班级）网络工程2010级本科1班姓名（学号）汪 青 松 （1004031010）指导教师邹 乐 系负责人袁 暋 56基于Web的合肥学院大学生活动管理系统的设计与实现中 文 摘 要合肥学院大学生活动管理系统基于B/S架构，依据合肥学院校内社团学生会开展活动实际需求和设计开发，主要功能为实现学校内活动海报的发布展示，同学参与活动的报名和交流，包含有的模块有用户中心，活动海报模块，文章模块，社团组织模块等。大学生活动管理系统又名为“爱活动”，英文标识ihuodong。用户中心主要实现学校同学注册登录和个人资料的维护以及为其他模块提供用户账号资料，活动海报模块主要实现了活动的发布管理对于海报的展示，文章模块中是活动开展过程中的新闻宣传、各大组织的公告通知等，社团组织模块是对于全院注册登记社团学生会组织进行管理。系统设计从学校社团组织开展活动的实际过程出发来设计功能，采用目前世界上最主流的轻量级网站架构方案，网站后端采用PHP语言编写，基于国际知名的CodeigniterPHP 开发框架，前端采用Jquery+Bootstrap设计完成，数据库采用开源数据库MySQL构建，方便稳定易用。关键词：管理平台；开源框架；大学活动 Design and Implementation of The Activities System of HFUUABSTRACTThe Activities Management System is based on B/S model, and the design and developing is according to the requirement of student associations work. The Activities Management System include member center module, activity module, article module and group module. The Activities Management Systems another name is ihuodong, Member center is used to realize member registering and member data management, Activity Poster module is used to realize posting and management of activities, article module is used to realize news and notice of activity ,group module is used to realize management of all student association in school.System design is from reality and use the most popular architecture in the world, the back of website is coded by PHP language and based on framework Codeigniter and UI is based on framework Bootstrap and JQuery , database is based on open database MySQL , all these ensure systems realization and stable.KEY WORDS: open framework; university activities; management platform目 录第1章 绪论11.1 背景介绍11.2 开发目的和意义11.3 相关技术简介11.3.1 PHP技术11.3.2 MySQL11.3.3 JavaScript21.3.4 Ajax21.3.5 Json21.3.6 Bootstrap框架21.3.7 Codeigniter框架21.3.8 Jquery21.4 论文的主要作用3第2章 系统分析42.1 需求分析42.1.1 功能需求42.1.2 性能需求42.2 可行性分析52.2.1 经济可行性52.2.2 技术可行性52.3 开发环境简介5第3章 系统设计63.1 概要设计63.1.1 总体设计63.1.2 系统运行设计63.1.3 数据库结构设计63.2 详细设计123.2.1 注册123.2.2 登录133.2.3 报名活动133.2.4 加入社团143.2.5 发布文章143.2.6 发布活动143.2.7 添加社团143.2.8 微信大屏幕14第4章 系统实现154.1 用户中心模块154.1.1 用户注册154.1.2 用户登录154.1.3 用户资料编辑164.2 活动海报模块164.2.1 活动展示164.2.2 活动报名164.2.3 报名审核174.3 社团管理模块184.3.1 社团展示184.3.2 查看社团详细信息184.3.3 加入社团194.3.4 社团审核194.4 文章管理模块194.4.1 目录管理194.4.2 添加文章194.4.3 编辑、查看和删除文章204.5 权限控制214.5.1 用户组分类214.5.2 节点权限控制214.6 微信大屏幕234.6.1 配置平台234.6.2 微信消息上墙234.7 事务处理234.7.1 新闻公告234.7.2 表格文档下载23第5章 系统调试与运行系统实现245.1 系统调试、测试245.1.1 测试方法245.1.2 测试结果245.2 运行环境搭建265.3 系统运行测试26第6章 结论27参考文献28致 谢29附 录30合肥学院计算机科学与技术系毕业论文第1章 绪论1.1 背景介绍合肥学院共有56个社团组织，14个系部学生会等，每年在校园内开展各类形式的活动，其中包括社团自身的特色活动、创新实践和志愿服务类活动和科技文化节等。各大社团、系学生会等组织是开展活动的主要组织力量，每当校园内活动开展时，传统基本都是采用线下海报展板等方式进行宣传，现场发放报名表后填写再回收进行统计，宣传范围的局限性以及处理统计报名的繁琐性使得活动开展的效率降低，大学生活动平台正是开展过程中一个很好的补充。1.2 开发目的和意义每年学院当中各大社团学生组织需要开展大量的活动，前期的宣传到报名组织以及后期的统计都需要投入大量的工作，并且效率低消耗人力物力，利用大学生活动平台可以方便的进行社团组织管理，活动发布和报名工作，后期可以很方便的进行相关数据的统计，宣传互动等功能。1.3 相关技术简介1.3.1 PHP技术通俗来说PHP是一种网页开发语言，它可以用来创建交互性强的网站并且它是在服务端运行的一种脚本语言，PHP融合了其他常用语言的特性，简单易学，并且具有自己的强大的特性和优势1。PHP技术能够实现所有基于Web浏览器的功能，与其他的编程语言相比，PHP是将代码嵌入到前端代码中，执行效率能够大大提高，并且它能够支持目前主流的各种数据库。PHP的优势：开放所有源代码、无偿地使用、可有轻易地进行跨平台移植、PHP的执行效率高、相关学习开发的资料和工具多、方便易用。1.3.2 MySQLMySQL是类似于SQL Server的一种关系型数据库，不同的是它是开发源码的，并且拥有体积小、速度快等特点。相比于其他大型的数据库，它更受到很多中小企业的欢迎，因为开源的特性降低了很多的成本2。另外MySQL采用的是C和C+语言进行编写，这样可以很好的保证在多平台上的移植性，并且MySQL拥有众多的接口，适合各类编程语言来使用。1.3.3 JavaScriptJavascript常被使用在HTML页面当中，这使得网页拥有了多样化的效果，Javascript可以对于浏览器的动作事件产生响应3，可以利用这样的特性来在数据库被提交之前完成很多功能。1.3.4 AjaxAjax即异步的JavaScript加上Xml技术，也用于创建动态的网页，利用Ajax的这种技术可以能够实现用户浏览器和远程的服务器之间进行小数据的交互传输4，从而不需要重载整个网页就可以对于网页上的部分内容进行更新。1.3.5 JsonJson它是一种简易方便的数据交换格式，使用它来进行文本的交换，类似于Xml。因为Json是基于Javascript语言，所以再处理的时候不需要依赖于其他任何的工具包或API。1.3.6 Bootstrap框架Bootstrap是著名社交网站Twitter推出的开源前段开发框架，利用CSS/HTML可以轻松快捷的构建出理想的前端界面，同时Bootstrap提供了大量的样式素材，适用于各种环境场合下5。1.3.7 Codeigniter框架Codeigniter（简称CI）是一个方便容易上手的PHP开发框架，它分为模型Model、视图View和逻辑控制Control三层6，使得结构更加清晰明了；同时可以自由命名数据表名称，不必依据表来命名模型；同时框架提供了一个强大的标准库，这使得开发效率大大的提高。1.3.8 JqueryJquery是一个JavaScript库，它设计的目的就是简化JS的操作，使得开发者能够更轻易地操作文档对象，选择元素，制作动画效果，进行事件处理等7。1.4 论文的主要作用本文主要实现的是基于Web方式的大学生活动管理平台，全文总共9个章节，其中主要部分是前5个章节，第一章绪论是对于设计的背景、目的和用到的相关技术进行介绍；第二章内容是对系统进行整体的分析，包括开发前的用户需求和项目的可行性进行分析；第三章部分是在第二章内容的基础上对于系统的一个整体设计；第四章按照功能模块分类介绍了每个功能的具体实现；第五章为系统后期的调试和运行。第2章 系统分析2.1 需求分析2.1.1 功能需求(1) 基本功能：本设计需要完成大学生活动管理系统的设计实行，该设计立足于合肥学院社团学生组织，为方便补充学生开展参与活动形式，应该具备活动开展中涉及到的基本功能：基本的会员注册，活动发布、报名，社团组织的添加和展现，基本新闻功能。其中会员注册设有会员中心，能够进行快速注册；在进行活动发布时能够上传活动的海报，并能进行活动开始和结束时间的设置以及活动名称和组织方等信息；在后台能够添加社团组织信息，除了填写社团学生组织的基本信息以外，同样可以长传社团组织的LOGO；社团组织和活动海报的信息可以在前端页面向访客进行展示，同时登陆用户可以浏览活动和社团进行报名和加入。(2) 统计报表：大学生活动管理系统方便同学查看全院活动开展情况的同时，也为活动的组织者给予相应的数据反馈来帮助更好的进行活动的改进和创新，对于活动的参与情况、喜爱程度，社团的参加互动情况进行统计生成报表等。利用统计报表能及时对活动开展提供指导性建议。(3) 外观及其扩展：大学生管理系统面对的用户大部分是学生，界面功能整体一定得简单美观大气。系统分为前台和后台，前后台的整体风格保持一致，前台更为简洁展现图片，方便明了进行活动报名和加入社团组织，后台则重于实用的信息管理，方便对于各种信息进行查看操作。同时系统应该容易进行扩展和添加功能。2.1.2 性能需求大学生活动管理系统是服务于全院师生而设计实现，合肥学院共约师生1万5千人，系统需要满足14个系部学生会组织和50多社团进行正常的活动开展，以及对于大量海报图片的存储和显示。2.2 可行性分析2.2.1 经济可行性(1) 开发：系统平台使用PHP作为首选开发语言，服务器端利用MySQL和Apache进行构建，这些都是开源项目，也就是说这些都是免费使用的。系统的开发使用了框架作为支撑并使用了相关的插件，这很大的提高了开发的速度和质量。(2) 使用：平台的界面简易美观大方，可以很轻易学会使用，培训成本低。(3) 维护：该系统程序定位使用群为全校社团等学生组织，并发流量不大，能够完成日常活动开展即可，系统可以托管在院网络中心机房，用户群比较固定，服务功能容易升级，维护成本低。2.2.2 技术可行性软件层面：开发语言采用的全球最流行的语言之一PHP，并采用Codeigniter作为开发框架，从而提高了开发的效率和安全实用性；数据库利用的是轻量级数据库系统MySQL，拥有占用资源少，高效率等优点，PHP与MySQL的搭配目前也有很多成熟的例子来借鉴；硬件层面：服务器系统采用Linux+Apache服务器，Linux+Apache的服务器搭配方式也是目前大公司经常选择的方案，稳定安全易实现。2.3 开发环境简介软件系统是基于Codeigniter2.1版本编写，主要编程语言PHP的版本为5.5.13，系统数据库采用的是MySQL 5.5.24版本，在微软视窗操作系统Windows下使用Nodepad+和Sublime Text编辑器完成开发，利用服务器端Apache2.2.22+Chrome 33.0.17 进行调试。系统开发过程中还依赖的第三方包有：Jquery1.11 ,BootstrapV2等。第3章 系统设计3.1 概要设计3.1.1 总体设计大学活动平台要实现正常的会员注册登录，发布管理活动，对于注册人数、活动开展、社团报名等情况的统计。大学生活动管理系统的设计遵循软件工程中有关原理和方法，将整个管理系统分为前后台，将功能模块化成组，将注册会员集成中用户中心，并对其进行权限控制。系统组成如图3-1所示。图3-1 系统组成3.1.2 系统运行设计管理系统设计在用户不登录状态下只有社团列表信息和开展的活动信息以及查看自己的个人信息，其他操作需要用户登录才能够完成；后台操作需要用户在相应的用户组下且拥有对应的权限登录后可操作。3.1.3 数据库结构设计通过向在社团组织工作同学的调研学生组织在开展活动时可能会出现的需求和期望的结果，分析各种活动之间的联系，确定数据表中字段和表中间的联系，将其转化成功能所需要用到的具体数据表。数据表依据模块化功能主要分为几大部分：保存注册会员的users表，开展活动activities表，存储社团信息的groups表，存放文章的articles表；Rbac权限控制采用了rbac_acess，rbac_action，rbac_role，rbac_node表；会员与活动之间是多对多关系，使用user_activity_relation表来表现其中的关联性，会员与社团之间使用user_group_relation来将会员和社团进行关联。数据表设计：用户users表8设计如表3-1所示：表3-1 用户user数据表序号字段名数值类型长度备注1tb_users_idint11用户id2tb_users_namevarchar128用户姓名3tb_users_stuIdvarchar10学号4tb_users_passwordchar32密码5tb_users_sexenumM,F性别6tb_users_provincevarchar30省份7tb_users_birthdatetimestamp生日8tb_users_ageint4年龄9tb_users_idcardvarchar128身份证10tb_users_photoUrlvarchar128图片地址11tb_users_politicStatusvarchar32政治面貌12tb_users_telphonevarchar32电话13tb_users_emailvarchar32电子邮件14tb_users_departmentvarchar32系部15tb_users_classvarchar32班级16tb_users_addressvarchar32邮寄地址17tb_users_skillsvarchar32特长18tb_users_signaturevarchar32个人签名19tb_users_createTimetimestamp加入时间20tb_users_updateTimetimestamp更新时间21tb_users_checktinyint422role_idmediumint9用户组id23gidmediumint9属于哪个组织id活动activities表设计如表3-2所示：表3-2 活动activities数据表序号字段名数值类型长度备注1idint11活动id2namevarchar255活动名称3placevarchar255地点4introducetext活动简介5contactvarchar128联系方式6startTimedatetime开始时间7endTimedatetime结束时间8organizervarchar128组织方9gidmediumint9标记组织id10postervarchar255海报图片名11hotPointint11热度12memberCountint11参与人数13createTimetimestamp14isEndint11标记是否结束社团groups表设计如表3-3所示：表3-3 社团groups数据表序号字段名数值类型长度备注1gidint11社团id2namevarchar255社团名称3logovarchar255头像4chairmanvarchar255负责人5qqGroupvarchar255QQ群6contactvarchar255联系方式7introducetext社团介绍8memberCountint10网上已注册人数9createTimedatetime创建时间Rbac权限控制：用户角色rbac_role表设计如表3-4所示：表3-4 用户角色rbac_role数据表序号字段名数值类型长度备注1role_idint11社团id2role_namevarchar25社团名称3role_shortnamevarchar25头像4remarkvarcahr128节点rbac_role表设计如表3-5所示：表3-5 节点rbac_role数据表序号字段名数值类型长度备注1node_idint11节点id2node_namevarchar25节点名称3node_titlevarchar25简写4node_urlvarchar50路径5pidint11父节点6node_leveltinyint1层级访问控制rbac_access表设计如表3-6所示：表3-6 访问控制rbac_access数据表序号字段名数值类型长度备注1role_idint11角色id2node_idint11节点id3pidint11父节点4actionvarchar25方法名rbac_action表设计如表3-7所示：表3-7 方法名rbac_action数据表序号字段名数值类型长度备注1node_idint11节点id2actionvarchar64方法名数据库整体设计如图3-2所示：图3-2 数据库设计E-R图3.2 详细设计3.2.1 注册活动系统注册功能需要简洁易用，能够实现用户快速注册，所以设定邮箱作为登陆主账号，密码，学号，姓名和手机，这样在注册开始基本能够确定用户的身份，以便后面报名活动、加入社团能够核实身份。系统注册流程如图3-1所示。图3-3 注册过程数据流图3.2.2 登录大学生活动管理系统是针对多用户来设计的，所以采用了用户中心，在完成部分功能时需要进行用户身份的认证，即要求用户使用注册邮箱和密码进行登陆系统。用户通过登陆窗口提交注册的邮箱和对应的账号，通过提交根据邮箱获取密码返回与提交的密码进行比较，通过的话说明是账号本人同时将uid和邮箱存入session中以便记录登陆状态，同时返回网站首页。系统登录流程如图3-4所示。图3-4 登录过程数据流图3.2.3 报名活动系统允许访客对于海报活动页面进行浏览，并查看具体的活动开展时间和地点，可以选择进行报名，如果是已登录用户则直接进行判断该id用户是否已经在该活动下有报名记录，如果有报名记录则返回已报名信息，没有则返回报名成功信息；对于未登录的用户选择报名时则提示需要登录后才能完成功能。报名活动流程如图3-5所示。图3-5 活动报名数据流图3.2.4 加入社团加入社团和报名活动类似，报名活动是维护用户和活动间的关系，加入社团则是维护用户和社团间的关系。当用户在浏览社团信息时，可以查看到该社团的logo、负责人、联系方式等信息，登录用户可以直接提交加入社团的申请，同时访客用户选择加入时反馈需要登录的消息。加入社团流程如图3-6所示。图3-6 加入社团数据流图3.2.5 发布文章发布文章需要具有权限的用户登录后台才能完成操作，设计发布文章时所需要的表单，其中有文章名称，文章分类，作者和正文内容部分，对于文章分类直接采用数据库中存储的分类的信息，确认提交之前对于必要的字段进行验证。3.2.6 发布活动发布活动和发布文章类似，根据数据库设计的活动表中的字段，需要用户添加的内容有活动名称、发起人、活动的联系方式、活动地点和内容介绍以及活动的开始时间和结束时间，在最后需要上传一张活动的海报，完成所有表单填写后确认提交将填写的数据保存入数据库活动activities表中。3.2.7 添加社团增加社团需要超级管理员权限才能完成，在后台管理页面中设计表单，需要用户添加社团名称、负责人、QQ群、联系方式和社团介绍以及上传社团的logo等，完成所有的信息填写校验后写入groups数据库当中。3.2.8 微信大屏幕利用腾讯微信公众帐号接口能够获取到用户的消息，存储到数据库中后经过处理在前端页面进行展示。第4章 系统实现4.1 用户中心模块4.1.1 用户注册大学生活动管理系统使用相关功能时需要注册，注册入口为member/reg，注册时必须填写的字段有用户的邮箱、密码、学号、姓名和手机号，在填写邮箱完后利用Ajax的方式进行请求验证邮箱是否已经被使用，当全部的字段符合要求验证通过后写入数据库。注册界面如图4-1所示。图4-1 注册界面4.1.2 用户登录部分功能因为权限的设置需要进行登录，登录入口为member/login登录功能采用提交注册时的邮箱和密码，同样采用Ajax方式进行帐号和密码的验证并反馈给用户，登陆成功跳转到网站首页。图4-2 登陆界面4.1.3 用户资料编辑用户登录完成后允许对自己的资料进行编辑，入口为member/edit_user，在进行编辑资料后可进行保存，提交表单后更新数据库完成用户资料编辑。4.2 活动海报模块4.2.1 活动展示前端活动海报展示页面默认是不需要登录可以浏览全部活动海报，入口为activity/hd，获取活动的总数目后再按照瀑布流的形式在页面显示海报图片，当页面往下滚动时触发事件，继续进行Ajax请求获取剩下的活动；后台活动列表须要账号权限进行操作，实现原理类似，对于海报展示页面进行倒序列表分页展示。4.2.2 活动报名在前台活动展示页用户可以浏览到最近正在开展的活动，正在进行的活动允许用户进行报名参加，报名活动需要用户是已登陆状态，在浏览活动海报时登陆用户可以选择是否进行活动报名。图4-3 活动报名界面前端海报展示具体的活动，点击确认报名后通过ajax进行提交9，代码如下：/报名活动function do_applyActivity()if($this->user->session_check()$aid = trim($_POST'id'); /活动aid$this->load->model('Mmember');$data'uid' = $this->session->userdata('uid'); /从session中获取uid$row = $this->Mmember->get_user_info($data'uid'); $data'name' = $row'tb_users_name'$this->load->model('Mactivity');$result = $this->Mactivity->apply_activity($data'uid',$aid); /写入数据库if($result = 1)/成功elseif($result = '0') /已经报名啦echo '<div class="alert alert-error">该活动你已经报名过啦！</div><a class="btn" href="refresh">好的，我知道了！</a>'elseecho '<div class="alert alert-error">很抱歉，报名失败</div>'elseecho '你必须得登录后操作<a href="http:/127.0.0.1/Activites/index.php/member/login">去登录</a>' /链接有问题4.2.3 报名审核用户在进行完报名后，具有管理权限的账号能够在后台中查看到各个活动报名未审核的用户，其中超级管理员可以查看所有；社团的管理员账号根据users表中的gid字段来判定具有哪个社团的操作权限。图4-4 活动报名审核界面4.2.4 导出会员用户在进行完报名后，数据库中会有相应的记录，通过活动序号作为条件查询报名该活动的会员然后作为xls表格导出。导出表格如图4-5所示：图4-5 活动报名审核界面4.3 社团管理模块4.3.1 社团展示和海报类似，前端界面两大部分其中有一部分就是各大社团的展示，入口为activity/group，从数据库中groups表中读取社团的各类信息通过瀑布流的形式展示在前端页面，用户浏览社团信息无需登录。4.3.2 查看社团详细信息前端activity/group通过瀑布流的形式对于社团的logo和名称等信息进行展示，在每个社团页面下设置“查看社团”字样的按钮，并且通过按钮链接到新的页面，新的页面将通过获取的社团id来从数据库中调取详细的社团信息展示；在活动表activities中每个活动都有一个对应的负责社团id，可以利用社团的id来检索出该社团正则开展的活动，从而将其一起输出在详细的社团展示页上。4.3.3 加入社团在查看社团详细信息时，设置“加入社团”字样按钮，点击按钮执行加入社团的方法，将社团id和当前登录用户的id存入user_group_relation表中，对于已经存在的记录则返回“已经加入过字样”，默认user_group_relation表中isCheck字样是0，即为未通过审核。4.3.4 社团审核用户在加入社团后，将用户id和社团id的关系存入数据库，具有审核权限的账号登陆后台管理界面时可以对于申请加入的用户进行审核，通过对于isCheck赋值为1，表明该用户属于该社团有效。4.3.5 社团会员统计用户申请加入社团后拥有相应的关系记录，对于每个社团中申请加入的人员进行统计，在后台页面展示加入社团的人员情况。4.4 文章管理模块4.4.1 目录管理系统可以对文章分类进行添加、编辑和删除，通过手动录入分类名称等相关数据将其写入数据库article_category，然后将其的序号作为外键使用在文章表中。4.4.2 添加文章设计文章需要相应的字段表单，其中正文部分编辑器采用了js插件summernote，同时通过遍历存储的目录内容，从而可以在文章发布时选择要放入对应的目录，从而达到分类的效果，也方便后面进行新闻、通知等不同类型的文本展示。确认文章发布所有字段数据将会存入articles表中。添加文章表单如图4-6所示：图4-6 新增文章界面Ajax方式提交确认发布文章：/确认提交function submitAdd()var title = $("#title").val();var author = $("#author").val(); var category = $("#category").val();var content = $('.summernote').code();/$('#msg').html(content); /$.ajax(url:'do_article_add', type:'post', /数据发送方式dataType:'text', /接受数据格式data:'title='+title+'&author='+author+'&category='+category+'&content='+content, success:function(data) /回传函数(这里是函数名)if(data = 0)$("#writor").html('<div class="alert alert-success"><p>发布成功！</p></div><a href="articleAdd" class="btn btn-primary">再写一篇？</a>'); else$("#writor").html('<p style="color:red">发布失败！</p><a href="articleAdd" class="btn btn-primary">再试试？</a>'); ,);4.4.3 编辑、查看和删除文章系统对于数据库中的全部文章进行分页按已发布的文本进行编辑操作，修改其中的内容后可再次提交保存，同时可以对于发布的文章进行删除操作。其中分页思路是先获取文章总数目，再根据每页的树木进行查询结果显示文章分页实现代码：function article_list()$this->load->model('Marticle'); $config'total_rows'=$this->Marticle->get_article_num();/分类文章总数$config'per_page'=4; /一页显示的文章数$config'page' = $this->uri->segment(3,0);$pre = $config'page' - $config'per_page'if($pre < 0) /如果小于0，则到头$pre = 0;$next = $config'page' + $config'per_page'if($next > $config'total_rows')$next = $next - $config'per_page'$data'pre' = base_url().'index.php/manage/articleList/'.$pre;$data'next' = base_url().'index.php/manage/articleList/'.$next;$data'article_list'=$this->Marticle->get_page($config'page',$config'per_page');$this->load->view('/Manage/Article/article_list',$data);4.5 权限控制使用权限控制可以帮助更好地进行功能访问，使不同用户组中的成员具有不同的访问权限。4.5.1 用户组分类系统设计有rbac_role表，对用户组进行存储管理，与uses表中的role_id进行关联，加上rbac_access对于各个节点进行访问控制。4.5.2 节点权限控制系统设置有不同的角色