毕业论文-合唱团官网设计.pdf

大连工业大学 2018 届本科生毕业设计（论文） - I - 摘 要 截止到目前，互联网的发展提升到了一个新的高度。大部分的机关单位、 企业、都拥有属于自己的网站，用来对自己进行宣传。大学作为高等教育的基 地，同样拥有属于自己的官方网站。众所周知，每个大学都有许许多多的学生 社团组织， 例如合唱团。 由于用户基数小， 所以大都没有属于自己的官方网站。 但是人员的管理， 信息资料的收集以及发布又给社团管理人员带来了不小的麻 烦。为此，在考察了各高校的现状和对社团成员的调查之后，确定课题大 连工业大学合唱团官网。 在前后台页面的技术选择上，我选择使用 JSP 技术，架构方面应用 B/S 架构， 数据库则使用了 MySQL 数据库。 这样可以使我更加方便的对大连工业大 学合唱团官网的开发过程和关键技术进行合理的描述。 高校社团网站毕竟还是小众， 国内很少有比较正式的高校社团网站， 有些 网站只是对社团进行了简单的描述， 或者是发布一些简单的信息， 没有体现一 个高校社团官网全部的风采。 本网站的学生用户可以浏览站内的所有内容， 同时可以通过申请社团成为 选课选团用户。 教师用户可以下载来自于管理员用户提交的学生选择合唱课的 入课名单， 及时了解入课学生信息。 选课选团用户则可以对网站上的一些音视 频进行下载使用。 社团的管理员则可以审核用户上传的音视频， 对选课选团的 用户进行审核，同时提交文件给教师用户。 关键词：合唱团； JSP； MySQL；B/S 大连工业大学 2018 届本科生毕业设计（论文） - II - Abstract Up to now, the development of the Internet has reached a new height.Most government agencies, enterprises and enterprises have their own websites to promote themselves. As the base of higher education, the university also has its own official website. It is well known that every university has many student societies, such as the choir.Because user base is small, so do not belong to own official website mostly.However, the management of personnel, the collection and release of information materials have brought a lot of trouble to the club management.Therefore, after investigating the current situation of colleges and universities and investigating the club members, the topic was determined - the official website of the choir of dalian university of technology. On the technical selection of the front and back pages, I chose JSP technology, applied the B/S architecture, and used MySQL database for the database. This will make it more convenient for me to give a reasonable description of the development process and key technologies of the official website of the choir of dalian university of technology. University community website is still small, the domestic few more formal university community website, some sites only has carried on the simple description, to community or release information of some simple, did not reflect a university all the clubs official website. The student user of this website can browse all the content in the website, and can become the user of the course selection by applying for the club. The teacher user can download the list of students from the administrator user to know the information of students.Course selection group users can download some audio and video on the website. The administrator of the club can review the audio and video uploaded by the user, review the users who select the course group, and submit the documents to the teachers. Key Words： choir； JSP； MySQL；B/S 大连工业大学 2018 届本科生毕业设计（论文） - III - 目 录 摘 要 . I Abstract . II 第一章 概述 . 1 1.1 课题背景及意义 . 1 1.2 国内外研究现状 . 2 1.3 本课题主要工作 . 2 第二章 网站开发环境 . 3 2.1 JSP 技术 . 3 2.2 HTML 技术 . 3 2.3 B/S 结构 . 3 2.4 JavaScript 技术 . 3 2.5 MySQL 数据库 . 3 第三章 网站分析 . 4 3.1 可行性分析 . 4 3.1.1 技术可行性 . 4 3.1.2 操作可行性 . 4 3.1.3 经济可行性 . 4 3.1.4 法律可行性 . 4 3.2 网站流程设计 . 5 3.2.1 网站开发流程 . 5 3.2.2 用户登录 . 6 3.3 系统功能设计 . 6 3.3.1 功能概述 . 6 3.3.2 系统功能结构 . 7 3.4 系统用例图 . 8 3.5 界面需求 . 10 3.5.1 输入输出要求 . 10 3.6 系统设计规则 . 10 大连工业大学 2018 届本科生毕业设计（论文） - IV - 第四章 数据库设计 . 12 4.1 数据库概念设计 . 12 4.2 数据库 E-R 图设计 . 13 4.3 数据库表设计 . 15 4.4 数据库总 E-R 图 . 20 图 4.5 数据库总 E-R 图第五章 系统界面设计 . 20 5.1 社团管理员功能模块的实现 . 21 5.1.1 系统登录界面 . 21 5.1.2 社团管理员主界面 . 23 5.1.3 社团管理员用户界面 . 23 5.1.4 注册学生管理界面 . 26 5.1.5 注册教师管理界面 . 29 5.1.6 社团快讯管理界面 . 30 5.1.7 社团风采管理界面 . 33 5.1.8 下载中心管理界面 . 36 5.1.9 申请社团管理界面 . 39 5.1.10 站内信管理界面 . 42 5.1.11 系统管理界面 . 44 5.2 学生功能模块的实现 . 47 5.2.1 学生后台管理界面 . 47 5.2.2 个人资料管理界面 . 47 5.2.3 视频管理界面 . 48 5.3 教师功能模块的实现 . 49 5.3.1 教师登录主界面 . 49 5.3.2 入课名单下载界面 . 50 5.4 选团选课用户功能模块的实现 . 51 5.4.1 选团选课用户登录主界面 . 51 5.4.2 下载中心界面 . 51 5.4.3 选课选团查询界面 . 52 5.5 网站前台的实现 . 53 大连工业大学 2018 届本科生毕业设计（论文） - V - 5.5.1 前台主界面 . 53 5.5.2 社团快讯界面 . 53 第六章 系统测试 . 55 6.1 测试用例 . 55 结 论 . 60 致 谢 . 61 参考文献 . 62 大连工业大学 2018 届本科生毕业设计（论文） - 1 - 第一章 概述 1.1 课题背景及意义 随着互联网的发展速度日趋上升， 各高校都有自己的官方网站， 但社团网 站却少之又少。原因是社团受众基数较小，消息内容较少，而且学生组织的维 护更新较为不方便。 所以我有必要开发一个用来处理大连工业大学合唱团信息 数据的网站。大连工业大学合唱团官网对学生，教师，社团管理者，都有很大 帮助，大连工业大学合唱团官网通过和数据库管理网站软件协作来实现教师， 学生以及社团管理者对学生信息的管理 。 我曾是工业大学合唱团的一员， 在社团期间我发现有些问题对学生， 老师 和社团管理者不太方便。 问题一是在选修课上有一门合唱课，是同时与合唱团挂钩的一门选修课， 选修这门课的同学无法通过教务处直接选课， 需要进行合唱团的面试， 通过合 唱团的面试后才能选课， 而且选课是社团的负责人把名单交给老师， 老师再上 报教务处。非常繁琐 问题二是社团管理者在通知报名入团的人员参加面试时， 需要手动发送短 信，费时费力且浪费金钱。 问题三是社团管理者们在进行面试时， 对学生信息的获取较混乱， 极易错 录。 以上的问题给合唱团的师生造成了诸多不便， 所以我赶紧去图书馆和网上 查询资料，同时与合唱团管理者以及成员联系，询问相关问题，并进行讨论。 整理出了现阶段合唱团的需求。 通过这些调查我发现， 目前为止社团的管理过 于繁琐，从新生申请社团到最后成为社团一员，其中涉及的程序多而杂，运用 人工手动进行信息存储的方式已经不太可行了。所以我希望制作这样一个网 站，既可以展示工大合唱团的风采，又可以简化申请社团和审核团员的程序， 为社团师生之间沟通和交流提供一个更加便捷的平台。 大连工业大学 2018 届本科生毕业设计（论文） - 2 - 1.2 国内外研究现状 由于我国的国情， 国内整体高校的信息化建设较国外相比还比较落后。 随 着我国互联网技术的进步，各高校在激烈的竞争中不仅在师资力量上苦下功 夫，同时也更加重视自身信息化的建设。积极地开发一些利于学生、教师等在 校人员的应用网站，逐渐的形成了一定规模的信息化建设体系。但是，虽然各 高校在计算机技术部分做了很大的建设，学生社团等学生组织由于规模较小， 经费不足， 对计算机知识的不熟悉等原因， 国内大学的社团网站在大部分方面 上与国外社团网站相比存在着一定的差距。国外高校因为信息化建设起步早， 而且还拥有较为成熟的技术团队来为社团的网站提供服务与技术支持。 因此本 设计以处理社团成员的信息为例，开发一个实用的大学合唱团官网。 1.3 本课题主要工作 本文首先分析设计原因，并在此基础上进行需求分析。需求分析是网站开 发过程中的重中之重。为了能够使本网站更好、更完善的设计出来，我需要深 入社团中间进行调查。根据调查，仔细思考网站的需求，才能够开发出更加合 适于大连工业大学合唱团的网站。 本网站利用了近年来使用比较广泛， 适应性 更加好的 JSP+MySQL 数据库的形式实现。 由于考虑到网站是否可以进行开发，我选择了 JSP 技术来进行前后台页面 的设计，使用 JSP+Servlet 进行后台功能的实现，使用 MySQL 数据库存储数 据。由于 JSP 和 MySQL 是非常成熟的开发技术，具有多种优点，所以完全不用 担心适用性的问题。 大连工业大学 2018 届本科生毕业设计（论文） - 3 - 第二章 网站开发环境 2.1 JSP 技术 本网站的前台后台页面均使用了 JSP 12技术。 使用 JSP 技术的原因首先是因为 JSP 1功能很强大，可以完全满足本网站 的需要。 同时 JSP 技术现在正普遍适用于各种大型网站上， 有多样的工具支持， 使用起来方便可靠，成本需求不高，对于非营利性社团来说更加经济实惠。 2.2 HTML 技术 本网站的前后台页面同时使用了 HTML 2技术，用来制作页面表格，处理文 本。显示播放音视频，显示图片等。 2.3 B/S 结构 本网站使用 B/S 111216架构，极大地简化了客户机的工作量，并节约了开 发成本。 2.4 JavaScript 技术 在本网站中不少设计都采用了 JavaScript 17技术， 使我的网站功能更加全 面。 2.5 MySQL 数据库 本网站的数据库选择了 MySQL 11131614数据库，首先对于大连工业大学合 唱团来说，每年的社团成员在 200 人左右，信息相对较少，人员流动不频繁。 如果使用 Oracle 就会导致性能过剩，MySQL 就相对合适。因为社团管理者大 多为学生，MySQL 体积小，速度快，需要的环境就相对简单，而且因为开源， 成本低，便于学生使用。 大连工业大学 2018 届本科生毕业设计（论文） - 4 - 第三章 网站分析 3.1 可行性分析 我开发大连工业大学合唱团官网的目的是为了方便社团成员， 提供一个学 生选课入团网站， 方便管理者进行审核通知， 方便社团成员和非社团成员获取 社团的各方面信息。下面我将对本网站的开发可行性进行系统全面的分析。 3.1.1 技术可行性 大连工业大学合唱团官网使用了目前开发网站普遍使用的新技术， 可以很 好地完成网站的开发。我认为本网站的开发是非常可行的。 3.1.2 操作可行性 本着方便社团成员的原则， 我的设计一定会尽量简洁， 而且对于精简功能， 保证交互性的这一方面，我有一定的见解。 3.1.3 经济可行性 大连工业大学合唱团官网是我面向于合唱团成员进行开发的， 开发时的时 间消耗不大。 同时由于整个网站的内容相对较少， 功能比起其他官网来说也更 加简单，根本没有花费什么成本。整个开发过程是由自己独立完成，工具只有 一台电脑，部分相关软件还是直接在网上下载的。大大简化了开发任务。非常 适用于这样的非营利性大学社团组织。 3.1.4 法律可行性 此大连工业大学合唱团官网是自己设计的官方网站，可以方便社团使用。 开发环境的软件都可以很方便的在网上进行下载， 同时这个网站在开发过程中 由于有针对性，不会与其余网站重复，不存在侵权等问题，在法律上完全具有 可行性。 从以上几点看来， 进行开发大连工业大学合唱团官网是完全没有任何问题 的。 大连工业大学 2018 届本科生毕业设计（论文） - 5 - 3.2 网站流程设计 3.2.1 网站开发流程 开始 进行需求分析 基本系统模型、系统模块划分与功能设计、数据库设计 对模块分解后进行详细设计以及代码编写 各模块的功能独立以及各模块的整合 测试、调试系统，对功能进行扩展、完善 结束 图 3.1 系统开发流程图 大连工业大学 2018 届本科生毕业设计（论文） - 6 - 3.2.2 社团用户登录总流程 社团登录总流程图如图 3.2 所示。 开始 输入用户名密码 判断用户名是 否为空 提示用户名不能 为空 是 判断密码是否 为空 否 提示密码不能为 空 是 检测用户名密 码是否正确 否 提示用户名密码 错误 否 结束 是 登录成功 检测验证码是 否正确 是 提示验证码错误否否 图 3.2 登录界面流程图 3.3 系统功能结构 3.3.1 功能概述 我把大连工业大学合唱团官网的用户分为四种，分别是社团社团管理员， 学生，合唱课教师，选课选团用户，其具体功能如下： 社团社团管理员： 社团社团管理员可以对网站的整体信息进行编辑， 还可 以审核选团选课的用户，审核上传的视频等。 大连工业大学 2018 届本科生毕业设计（论文） - 7 - 学生：学生在登录网站后主要有个人资料管理，视频管理，收件箱和申请 社团功能。 教师：教师登录后主要有个人资料管理，入课名单下载，收件箱功能。 选课选团用户： 选课选团用户登陆后主要有个人资料管理， 在下载中心下 载音视频，删除部分的音视频，收取站内信功能。 3.3.2 系统功能结构 经过我周密的思考， 得出大连工业大学合唱团官网系统的功能结构， 如图 3.3 所示： 图 3.3 系统功能结构图 大连工业大学 2018 届本科生毕业设计（论文） - 8 - 3.4 系统用例图 画用例图是网站开发必不可少的一部分， 可以清晰的表达网站设计中用户 的功能信息。 社团管理员用例图如 3.4 所示。 管理员 快讯管理 风采管理 下载管理 申请社团管理 邮件管理 系统管理 用户管理 图 3.4 社团管理员用例图 学生登录后主要功能有个人信息管理、视频管理、申请社团等。学生用户 用例图如 3.5 所示。 大连工业大学 2018 届本科生毕业设计（论文） - 9 - 学生 视频管理 个人信息管理 收件箱管理 申请社团 图 3.5 学生用例图 教师登录后主要功能有个人资料管理、入课名单管理等。用户用例图如 3.6 所示。 教师 入课名单管理 个人信息管理 收件箱管理 图 3.6 教师用例图 选课选团用户登陆后主要有个人信息管理，下载中心，视频管理，收件箱 功能。用户用例图如 3.6 所示。 大连工业大学 2018 届本科生毕业设计（论文） - 10 - 选课选团用户 视频管理 个人信息管理 收件箱管理 下载中心 图 3.6 选课选团用户用例图 3.5 界面需求 由于互联网的进步， 网站界面的设计已经越来越重要， 甚至可以决定一个 网站的好坏。充分的进行网页页面设计，可以使用户使用起来得心应手，更加 方便展示信息，从而使工作效率提高。由于本网站是为工业大学合唱团设计， 在界面上要突出大连工业大学合唱团的特点。 同时由于使用的用户为学生和老 师，界面整体的风格应该庄重雅观，简洁大方，便于使用。 3.5.1 输入输出要求 用户从电脑上访问官网，使用键盘输入，小部分为外部导入文件输入，从 用户的电脑显示器上输出。 3.6 系统设计规则 简单性：本网站从实际出发，切实的为社团解决问题，那就需要我在功能 的设计上尽可能的体现人性化，及创新，也要方便，这样才能更好地服务于社 团用户。 针对性： 由于我设计本网站的目的就是为了给大连工业大学合唱团的社团 成员使用， 所以里面的功能都是为社团成员设计的， 在开发前我做了很多的调 查， 合理的分析了合唱团的问题。 以至于我的网站可以合适的解决社团的问题。 大连工业大学 2018 届本科生毕业设计（论文） - 11 - 先进性： 本网站使用的技术是近年来大型网站都在使用的技术。 我本着顺 应时代变化的规律，使用此项技术，所以先进性毋庸置疑。 实用性：一切以社团出发，“蚂蚁虽小，五脏俱全”，非常好的提高了社 团的工作效率。 一致性： 各个页面之间整体统一， 颜色的使用以及表格信息的形式都相得 益彰。 大连工业大学 2018 届本科生毕业设计（论文） - 12 - 第四章 数据库设计 在这个网站的数据库选择上，我选择使用 MySQL 数据库，因为它开源，占 用资源少，体检小，处理此网站数据绰绰有余，不会造成资源浪费。而且由于 占用资源较少，学生们的电脑负担小，维护起来方便。 4.1 数据库概念设计 对于大连工业大学合唱团官网来说， 数据库的数据之间没有跨表联系。 所 以每一个表都是独立的。 首先从用户注册开始，学生用户注册应创建学生信息表，具体字段包括 ID，学号，姓名，专业，班级，密码，邮箱，电话，头像，密保问题，回答， 备注和添加时间。 接下来是教师用户注册创建教师信息表，具体字段包括 ID，教师号，姓 名，密码，添加时间。 然后是社团社团管理员用户的社团管理员信息表，具体字段包括 ID，用 户名，密码，权限，添加时间。 然后是页面上的新闻通知部分， 由于信息不多， 所以我把各个文字信息模 块所需要的数据用一张表来表示，具体字段包括 ID，标题，类别，内容，添 加人，首页图片，点击率，添加时间。 然后是首页的系统公告模块，需要创建系统公告表，具体字段为 ID，类 别，内容。 再然后是下载中心模块，需要创建下载中心表，具体字段为 ID，编号， 名称，内容，添加时间。 接下来是申请社团模块的申请社团信息表，具体字段为 ID，学号，姓名， 学院，班级，密码，邮箱，电话，类型，备注，审查，添加时间。 接下来是入课名单信息表，具体字段为 ID，编号，名称，名单，添加时 间。 接下来是学生用户个人音视频的数据表，具体字段为 ID，编号，名称， 音视频，审核，添加时间。 接下来是站内信数据表，具体字段为 ID，收件人，发件人，主题，内容， 大连工业大学 2018 届本科生毕业设计（论文） - 13 - 附件，添加时间。 接下来是留言板信息表，具体字段为 ID，名称，性别，QQ，邮箱，电话， 内容，添加时间，回复内容。 最后是友情链接表，具体字段为 ID，网站名称，网址，添加时间。 4.2 数据库 E-R 图设计 （1）学生用户实体 E- R 图，如图 4.1 所示： 学生用户 申请 入课入团 入课入团 浏览主页 社团风采 下载中心 申请社团 在线留言 社团快讯 登录个人中心 个人资料管理 视频添加 视频查询 收件箱 入课入团 1 1 1 N 1 1 图 4.1 学生用户实体图 （2）教师用户实体 E- R 图，如图 4.2 所示： 教师用户浏览主页 社团风采 下载中心 申请社团 在线留言 社团快讯 登录个人中心 个人资料管理 入课名单下载 收件箱 1 1 1 N 图 4.2 教师用户实体图 大连工业大学 2018 届本科生毕业设计（论文） - 14 - （3）社团管理员用户实体 E- R 图，如图 4.3 所示： 管理员用户浏览主页 社团风采 下载中心 申请社团 在线留言 社团快讯 登录后台 1 1 1 N 管理 后台信息 管理员信息 学生信息 教师信息 社团快讯 社团风采 下载中心 申请社团 系统管理 站内信 1 N 图 4.3 社团管理员用户实体图 （4）选课选团用户实体 E- R 图，如图 4.4 所示： 选课选团用户浏览主页 社团风采 下载中心 申请社团 在线留言 社团快讯 登录个人中心 1 1 1 N 个人资料管理 视频下载 音频下载 选课选团 信息查询 收件箱 图 4.4 选课选团用户实体图 大连工业大学 2018 届本科生毕业设计（论文） - 15 - 4.3 数据库表设计 以下为本网站数据库中的各个表的详细信息。 首先需要设计学生信息表，用以收录学生用户的注册信息，ID 为主键， 其余字段为学生的个人信息。 保证学生信息尽量全面， 以便之后进行登记使用。 表 4.1 学生信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 xuehao varchar 10 是 学号 xingming varchar 20 是 姓名 zhuanye varchar 10 是 专业 banji varchar 10 是 班级 mima varchar 16 是 密码 youxiang varchar 50 是 邮箱 dianhua varchar 11 是 电话 touxiang varchar 50 是 头像 mibaowenti varchar 255 是 密保问题 huida varchar 255 是 回答 beizhu varchar 255 是 备注 addtime timestamp 0 否 添加时间 接下来是教师信息表，教师信息表与学生信息表不同，ID 为主键，只需 要保证信息中包含教师号，姓名即可。因为此网站不涉及教师信息的操作。 表 4.2 教师信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 jiaoshihao varchar 10 是 教师号 xingming varchar 20 是 姓名 mima varchar 16 是 密码 addtime timestamp 0 否 添加时间 大连工业大学 2018 届本科生毕业设计（论文） - 16 - 接下来是社团管理员信息表，社团管理员信息表 ID 作为主键，拥有用户 名，密码，权限，添加时间四个字段。其中权限是为了区别社团管理员身份， 超级社团管理员具有添加，删除，修改社团管理员账号的能力，普通社团管理 员只有处理后台信息的权利。 表 4.3 社团管理员信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 username varchar 10 是 用户名 pwd varchar 16 是 密码 cx varchar 50 是 权限 addtime timestamp 0 否 添加时间 新闻通知包含了首页需要进行展示的信息，ID 为主键，其余信息为社团 的新闻，社团的展示等，尽量保证更好的展示大连工业大学合唱团的风采。 表 4.4 新闻通知表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 biaoti varchar 255 是 标题 leibie varchar 50 是 类别 neirong longtext 0 是 内容 tianjiaren varchar 10 是 添加人 shouyetupian varchar 50 是 首页图片 dianjilv int 11 是 点击率 addtime timestamp 0 否 添加时间 系统公告表中的信息需要滚动展示在首页上， 目的是把近期重要的信息通 过更加直观的方式展示出来，方便观看。ID 为主键，其余字段为类别和内容。 表 4.5 系统公告表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 leibie varchar 50 是 类别 content longtext 0 是 内容 下载中心表中的字段需要下载编号，名称，音视频和添加时间。 表 4.6 下载中心表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 bianhao varchar 10 是 下载编号 mingcheng varchar 50 是 名称 qupu varchar 50 是 音视频 大连工业大学 2018 届本科生毕业设计（论文） - 17 - addtime timestamp 0 否 添加时间 申请社团信息表与学生用户注册信息表大体一致,ID 为主键，多出类型字 段，为了记录学生选课还是选团，或者是两个都选，多加了一个类型字段，用 以对学生用户的选择进行记录。 表 4.7 申请社团信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 xuehao varchar 10 是 学号 xingming varchar 20 是 姓名 xueyuan varchar 10 是 学院 banji varchar 10 是 班级 mima varchar 16 是 密码 youxiang varchar 50 是 邮箱 dianhua varchar 11 是 电话 leixing varchar 50 是 类型 beizhu varchar 255 是 备注 issh varchar 2 是 是否审核 addtime timestamp 0 否 添加时间 入课名单信息表中，ID 为主键，其余字段为名单编号，名单名称，入课 名单，添加时间。此表中的信息是社团管理员进行整理后，上传给教师个人中 心的学生选课名单。教师可以在个人中心进行下载。 表 4.8 入课名单信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 bianhao varchar 10 是 名单编号 mingcheng varchar 50 是 名单名称 rukemimgdan varchar 50 是 入课名单 addtime timestamp 0 否 添加时间 大连工业大学 2018 届本科生毕业设计（论文） - 18 - 用户个人音视频信息表，ID 为主键。主要用来存储学生用户上传的音视 频。除了必要的编号，名称，音视频，添加时间字段外，还应添加是否审核字 段， 社团管理员在后台对音视频进行审核， 审核完成才允许显示在音视频中心 里。 表 4.9 用户个人音视频信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 bianhao varchar 10 是 音频编号 mingcheng varchar 20 是 音频名称 shipin varchar 50 是 音频 issh varchar 2 是 是否审核 addtime timestamp 0 否 添加时间 站内信息表，ID 为主键。用来收发站内信，字段为收件箱，发件人，主 题，内容，附件，添加时间。 表 4.10 站内信信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 shoujianxiang varchar 50 是 收件箱 fajianren varchar 10 是 发件人 zhuti varchar 50 是 主题 neirong longtext 0 是 内容 fujian varchar 50 是 附件 addtime timestamp 0 否 添加时间 留言板信息表，ID 为主键。其余字段为名称，性别，QQ，邮箱，电话， 内容，添加时间和回复内容。 表 4.11 留言板信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 cheng varchar 10 是 名称 xingbie varchar 2 是 性别 QQ varchar 20 是 QQ youxiang varchar 50 是 邮箱 dianhua varchar 11 是 电话 neirong varchar 255 是 内容 addtime timestamp 0 否 添加时间 大连工业大学 2018 届本科生毕业设计（论文） - 19 - huifuneirong varchar 255 是 回复内容 友情链接表，ID 为主键，存储的数据为各个合作网站，或者相关网站， 其余字段为网站名称，网址，添加时间。 表 4.12 友情链接信息表 列名 数据类型 长度 是否可空 注释 ID int 11 否 编号 wangzhanmingcheng varchar 50 是 网站名称 wangzhi varchar 50 是 网址 addtime timestamp 0 否 添加时间 大连工业大学 2018 届本科生毕业设计（论文） - 20 - 4.4 数据库总 E-R 图 图 4.5 数据库总 E-R 图 大连工业大学 2018 届本科生毕业设计（论文） - 21 - 第五章 系统界面设计 5.1 社团管理员功能模块的实现 5.1.1 系统登录界面 用户进入社团管理员界面首先看到用户登录界面， 用户可以输入账号、 密 码、选择权限后输入验证码点击登录，便进入到相应的主界面。登录界面展示 如图 5.1 所示，社团管理员登录流程如图 5.2 所示。 图 5.1 社团管理员登录界面图 大连工业大学 2018 届本科生毕业设计（论文） - 22 - 社团管理员登录流程图： 开始 输入用户名 输入密码 选择权限 输入验证码 点击登录 登陆成功 密码错误验证码错误 N N Y Y 图 5.2 社团管理员登录流程图 重要代码： 大连工业大学 2018 届本科生毕业设计（论文） - 23 - 5.1.2 社团管理员主界面 社团管理员登录后，其界面展示如图 5.3 所示。 社团管理员主界面显示系统信息， 左侧显示管理的内容， 通过点击可以进 入下级管理界面。 图 5.3 社团管理员主界面图 5.1.3 社团管理员用户界面 社团管理员登录后可在后台页面进行相应的操作。其界面展示如图 5.4、 5.6 所示，社团管理员用户流程如图 5.5、5.7 所示。 大连工业大学 2018 届本科生毕业设计（论文） - 24 - 图 5.4 社团管理员用户界面 社团管理员用户添加流程图： 开始 输入用户名 输入密码 确认密码 点击提交 添加完成 密码不一致 Y Y N N 图 5.5 社团管理员用户添加流程图 大连工业大学 2018 届本科生毕业设计（论文） - 25 - 图 5.6 修改密码界面 社团管理员修改密码流程图： 开始 输入用户名 输入密码 确认密码 点击提交 修改成功 密码不一致 Y Y N N 图 5.7 社团管理员修改密码流程图 大连工业大学 2018 届本科生毕业设计（论文） - 26 - 重要代码： 5.1.4 注册学生管理界面 社团管理员可以进行注册学生管理，对其信息进行操作 其界面展示如图 5.8、5.10 所示，注册学生流程如图 5.9、5.11 所示。 图 5.8 注册学生管理界面 注册学生删除流程图： 大连工业大学 2018 届本科生毕业设计（论文） - 27 - 开始 点击删除 删除成功 图 5.9 注册学生删除流程图 图 5.10 注册学生信息修改界面 注册信息修改流程图： 大连工业大学 2018 届本科生毕业设计（论文） - 28 - 开始 输入修改信息 点击修改 修改成功 图 5.11 注册信息修改流程图 重要代码： 大连工业大学 2018 届本科生毕业设计（论文） - 29 - 5.1.5 注册教师管理界面 社团管理员可以进行注册教师管理。其界面展示如图 5.12 所示，注册教 师流程如图 5.13 所示。 图 5.12 注册教师管理界面 大连工业大学 2018 届本科生毕业设计（论文） - 30 - 注册教师删除流程图： 开始 点击删除 删除成功 图 5.13 注册教师删除流程图 重要代码： 5.1.6 社团快讯管理界面 社团管理员登录后可以进行社团快讯管理。其界面展示如图 5.14、5.16 所示，社团快讯管理流程如图 5.15、5.17 所示。 大连工业大学 2018 届本科生毕业设计（论文） - 31 - 图 5.14 社团快讯管理界面 社团快讯管理流程图： 开始 输入各条添加信息 点击添加 添加成功 图 5.15 社团快讯管理流程图 大连工业大学 2018 届本科生毕业设计（论文） - 32 - 图 5.16 社团快讯查询界面 社团快讯删除流程图： 开始 点击删除 删除成功 图 5.17 社团快讯删除流程图 大连工业大学 2018 届本科生毕业设计（论文） - 33 - 重要代码： 5.1.7 社团风采管理界面 社团管理员登录后可以进行社团风采管理。其界面展示如图 5.18、5.20、 5.21 所示，简介流程如图 5.19 所示。 图 5.18 简介删除界面 大连工业大学 2018 届本科生毕