基于Web的高校社团管理系统的设计与实现

该文章记录的是我的毕业设计

该项目运用PHP动态网站开发技术,使用ThinkPHP5开源框架,HTML5、CSS、JavaScript等脚本语言,Web服务器使用Apache,数据库采用MySQL数据库,使用Ajax技术与后端建立连接,以Windows系统作为程序运行环境,实现基于Web的高校社团管理系统的开发。

在设计中,采用MVC(Model-View-Controller)模式,将程序的逻辑和页面分离,维护起来更加方便。数据库设计遵循数据库设计三范式。使用Layer和jQuery实现对页面的美化和后台的交互。

具体功能如下

基于Web的高校社团管理系统的设计与实现_第1张图片

                                                                               游客功能用例图

基于Web的高校社团管理系统的设计与实现_第2张图片

                                                                                             社长功能用例图

基于Web的高校社团管理系统的设计与实现_第3张图片

 

                                                                                         管理员功能用例图

 

根据需求可设计出该项目的数据库ER图如下

基于Web的高校社团管理系统的设计与实现_第4张图片

具体数据库中的表结构如下

                                                  表:student

基于Web的高校社团管理系统的设计与实现_第5张图片

                                                        表:admin

基于Web的高校社团管理系统的设计与实现_第6张图片

                                          表:club_application

基于Web的高校社团管理系统的设计与实现_第7张图片 

                                                                   表:club

基于Web的高校社团管理系统的设计与实现_第8张图片

                                                               表: club_event

基于Web的高校社团管理系统的设计与实现_第9张图片

                                                            表:club_finance 

基于Web的高校社团管理系统的设计与实现_第10张图片

                                                                 表:club_member

基于Web的高校社团管理系统的设计与实现_第11张图片 

                                                           表:club_news

基于Web的高校社团管理系统的设计与实现_第12张图片

                                                             表:event_member

基于Web的高校社团管理系统的设计与实现_第13张图片 

                                                           表:member_app

基于Web的高校社团管理系统的设计与实现_第14张图片

                                                               表:public_notice

基于Web的高校社团管理系统的设计与实现_第15张图片 

                                                               表:academy

 

                                                                 表:major

 

                                                                  表:classes 

                                                                   表:rules

基于Web的高校社团管理系统的设计与实现_第16张图片

                                                                    表:quit

基于Web的高校社团管理系统的设计与实现_第17张图片 

以上是所有表的表结构,具体的学院、专业、班级是根据河南科技学院的实际情况设计,社团结构是根据河南科技学院社团的不足设计

具体的页面是使用tp5框架 layer前端后台框架来写的,前后台通信是使用jq的ajax来实现的,因为代码太多,就不一一粘贴,发几张写完的效果图

前台游客页面效果图:

基于Web的高校社团管理系统的设计与实现_第18张图片

 

基于Web的高校社团管理系统的设计与实现_第19张图片

基于Web的高校社团管理系统的设计与实现_第20张图片

基于Web的高校社团管理系统的设计与实现_第21张图片

基于Web的高校社团管理系统的设计与实现_第22张图片

基于Web的高校社团管理系统的设计与实现_第23张图片

基于Web的高校社团管理系统的设计与实现_第24张图片

 学生端效果图:

基于Web的高校社团管理系统的设计与实现_第25张图片

基于Web的高校社团管理系统的设计与实现_第26张图片

基于Web的高校社团管理系统的设计与实现_第27张图片

基于Web的高校社团管理系统的设计与实现_第28张图片

基于Web的高校社团管理系统的设计与实现_第29张图片

基于Web的高校社团管理系统的设计与实现_第30张图片

基于Web的高校社团管理系统的设计与实现_第31张图片

基于Web的高校社团管理系统的设计与实现_第32张图片

基于Web的高校社团管理系统的设计与实现_第33张图片

基于Web的高校社团管理系统的设计与实现_第34张图片

超级管理员端效果图如下(普通管理员就不贴了): 

基于Web的高校社团管理系统的设计与实现_第35张图片

基于Web的高校社团管理系统的设计与实现_第36张图片

基于Web的高校社团管理系统的设计与实现_第37张图片

基于Web的高校社团管理系统的设计与实现_第38张图片

 

基于Web的高校社团管理系统的设计与实现_第39张图片

基于Web的高校社团管理系统的设计与实现_第40张图片

基于Web的高校社团管理系统的设计与实现_第41张图片

基于Web的高校社团管理系统的设计与实现_第42张图片

基于Web的高校社团管理系统的设计与实现_第43张图片

基于Web的高校社团管理系统的设计与实现_第44张图片

基于Web的高校社团管理系统的设计与实现_第45张图片

基于Web的高校社团管理系统的设计与实现_第46张图片

基于Web的高校社团管理系统的设计与实现_第47张图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(网页,mysql,框架)