【基于Vue科技创新小组团队管理系统设计11000字（论文）】

基于Vue科技创新小组团队管理系统设计摘要：为了更好的帮助科技创新小组在比赛前、中和后期进行团队管理，特此开发了基于Vue科技创新小组团队管理系统。相较于其他框架，Vue具有操作更加便捷和编写复杂页面的优点。本系统在系统需求阶段使用uml用例图进行系统功能分析，使用ER图进行系统数据分析。在系统设计阶段，使用三层架构进行系统架构设计，采用流程图进行系统流程设计。最后，采用phpStrome开发环境实现了团队申请、用户信息管理、比赛管理、培训管理、公告管理、资源分享管理等核心功能。关键词：科技创新，团队管理系统，php，数据库目录1绪论 绪论1.1课题背景与意义 创建科技创新小组是为了有计划性的给想参加科学竞赛的成员提供一个良好的备赛环境，其中涉及大量的比赛信息、文稿信息、公告信息。人工进行比赛等数据管理较为麻烦，因此特此开发基于Vue科技创新小组团队管理系统。 现有不少具有类似功能的团队管理系统。比如文献[1]采用node.js、bootstrap、koa2和token技术实现了一款用于成员管理、活动管理、成果管理、技术交流等一体的在线管理系统。文献[6]采用B/S模式，使用php，smarty框架技术实现注册登录、公共文献资料搜索浏览、个人文献资料管理、团队资料管理功能的一个文献管理与信息共享的平台。文献[8]基于B/S的J2EE体系结构，采用整合Struts框架、Hibernate框架和Spring框架技术进行开发，提供了对业务人员的增员、减员和日常维护,形成业务人员及销售团队的数据指标集；对业务人员和销售团队进行各类查询、统计,取得最新管理信息等基本功能。 现有系统在功能上侧中的还是文献的分享和管理，注重理论知识，在技术上因为时间过久，技术难以维护和更新，导致与现在脱节。 因此，本系统基于vue-elementui、axios和php技术，实现团队管理、成员管理、比赛管理、培训管理、公告管理、资源共享管理等功能。基于Vue科技创新小组的团队管理系统的色痕迹与实现有了理论和实践意义。1.2论文结构 本论文总共分为7个部分，具体功能如下： 第一部分是绪论，介绍课题背景、意义和论文结构 第二部分是介绍了本系统相关的开发环境和技术 第三部分是系统需求分析，根据用户的功能需求和数据进行需求分析 第四部分是系统设计，根据需求分析，构建系统的架构、流程和数据库 第五部分是系统实现，依次介绍系统开发环境、核心功能和模块实现 第六部分是系统测试，测试系统实现的功能，并给出系统总结 第七部分是结束语，概述设计与实现系统得到的收获以及系统存在的不足。2相关技术介绍2.1PHP技术Php是一种开源通用脚本语言，自1995年加入了对MySQL的支持后，php就开始在动态网页开发上占据越来越重要的位置，又因为它跨平台和免费的特性，至今为止，约有70%的网站都使用了这种技术。本系统就是基于php技术进行后端接口的设计与开发，实现前后端交互的。2.2Vue框架Vue.js是用户构建用户界面的渐进式框架[1]。在web系统开发中，能够快速构建美观的前端界面，实现前后端分离，细化功能呢模块，进行模块化开发，便于多人共同管理。在与各类支持类库相结合的时候，还能写出更加复杂的页面本系统就是用了vue框架中的vue-elementui框架实现界面，减少代码量，便于后期管理和维护，使用axios方法向后台发起请求3系统需求分析3.1系统功能需求分析为满足科学竞赛的计算机化的需求，本系统主要分为团队申请、成员信息管理、比赛管理、培训管理、公告管理、资源分享管理等功能，其图如下3-1所示。其中团队管理功能包括团队申请、添加成员、解散团队、审核等操作。成员信息管理包括添加成员信息、查看并修改成员信息、删除成员信息等操作。比赛管理包括添加比赛、查看比赛信息、参加比赛、修改比赛信息、提交比赛文稿等操作。培训管理主要包括添加培训信息、查看并修改比赛信息、请假、签到、查看签到和请假信息等操作。公告管理包括添加公告、删除公告，查看并修改公告信息等操作。资源分享管理包括上传和下载资源，查看资源列表和详情等操作。图3-1系统功能图3.1.1团队管理功能 团队管理提供团队申请、添加成员、解散团队和审核信息等功能，如图3-2所示。它主要涉及管理员和成员两个角色。成员登陆成功后可以进行团队申请，申请成功后可以根据需求添加相对应的成员，需求结束后也可以解散团队。管理员登陆成功后可以对成员的申请进行审核。图3-2团队管理用例图3.1.2成员管理功能 成员管理提供添加成员信息、删除成员信息、查看并修改成员信息等功能。如图3-3所示。它主要是由管理员对成员信息进行管理，例如可以添加成员信息，删除成员信息，查询成员信息，对申请的成员信息进行审核，可以查看成员提交的用户名、账号、身份证号、手机号、性别、年龄等信息。图3-3成员管理用例图3.1.3比赛管理功能比赛管理提供添加比赛，查看比赛详情、参加比赛、删除比赛信息、提交比赛文稿等功能。如图3-3所示。它主要设计管理员和成员两个角色，管理员可以在此功能内添加比赛信息、查看比赛信息详情，修改比赛信息、删除比赛信息。成员只有在比赛信息发布之后才可以看见比赛详情，未发布的比赛信息则查询不到。自由申请想要参加的比赛并提交比赛文稿。图3-4比赛管理用例图3.1.4培训管理功能 培训管理主要提供增删改查培训信息、请假、签到、查看签到和请假信息等功能，如图3-5所示。它涉及两种角色管理员和成员。管理员可以发布培训信息，修改培训信息，删除培训信息，查看培训信息，发布签到，也可以删除已发布的签到，审核成员提交的请假申请，查看阶段信息，发布阶段考试。发布签到后，成员则可以查看签到详情，以及进行签到，查看培训信息，进行请假操作。图3-5培训管理用例图3.1.5公告管理功能 公告管理提供添加公告、修改公告、删除公告、查询公告详情等功能，如图3-6所示。它涉及管理员和成员两种身份。管理员可以添加公告，修改公告信息，查看公告详情，删除公告，查询具体公告。公告发布后，成员可以查看公告详情。图3-6公告管理用例图 3.1.6资源分享管理功能 资源分享管理提供上传和下载资源、查看资源列表和详情等功能。如图3-7所示。它涉及管理员与成员两种角色，管理员可以在此功能里上传一些已获奖或者比较重要的资源，查看资源列表，点击资源详情，成员可以查看详情、查看资源列表，也可以根据需要在此下载资源用于自己的比赛或者其他非盈利活动。图3-7资源分享管理用例图3.2系统数据分析3.2.1团队管理功能 团队管理的实体管理图如图3-8所示。本部分包含管理员实体、成员实体和申请信息实体。其中管理员实体包括用户名、密码属性，成员实体包括账号、姓名、身份证号、手机号等属性，申请信息实体包括团队名称、申请信息、团队人数等属性。管理员实体和申请信息实体之间，成员实体和申请信息实体之间分别存在管理、提交关系。图3-8团队管理ER图3.2.2成员管理功能 成员管理功能的实体关系图如图3-9所示。本部分包含管理员实体和成员信息实体，其中管理员实体包括用户名、密码属性。成员信息实体包括账号、姓名、性别、年龄、身份证号、手机号、相片等属性。管理员实体和成员信息实体之间存在1对n的存储关系。图3-9成员管理ER图3.2.3比赛管理功能 比赛管理功能的实体关系图如图3-10所示。本部分包含管理员实体、成员实体和比赛信息实体。其中管理员实体包含用户名、密码属性。成员信息实体包括账号、姓名、性别、年龄、身份证号、手机号、相片等属性。比赛信息实体包含比赛编号、比赛名称、比赛类型、比赛地点、比赛时间、比赛详情。图3-10比赛信息管理ER图3.2.4培训管理功能 培训签到管理的实体关系图如3-11所示。本部分包含管理员实体、成员实体和培训签到信息实体。其中管理员实体包含用户名、密码属性。成员实体包括账号、姓名、性别、年龄、身份证号、手机号、相片等属性。签到信息实体包含培训编号、培训名称、培训类型、培训地点、培训日期、培训详情。请假信息实体包含请假编号、请假类型、请假天数、申请日期请假原因、请假详情等属性。图3-11培训签到管理ER图3.2.5公告管理功能 公告信息管理功能的实体关系图如3-12所示。本部分包含管理员实体、成员实体和请假信息实体。其中管理员实体包含用户名、密码属性。成员实体包括账号、姓名、性别、年龄、身份证号、手机号、相片等属性。请假信息实体包含请假编号、请假类型、请假天数、申请日期请假原因、请假详情等属性。 图3-12公告管理功能3.2.6资源分享管理功能 请假信息管理功能的实体关系图如3-13所示。本部分包含管理员实体、成员实体和请假信息实体。其中管理员实体包含用户名、密码属性。成员实体包括账号、姓名、性别、年龄、身份证号、手机号、相片等属性。图3-13资源分享管理ER图4系统设计4.1系统架构设计 本系统是基于vue和php技术进行系统架构设计，系统架构图如图4-1所示。架构分为三个部分。其中视图层是使用vue-elementui，axios技术实现团队管理页面展示、成员管理页面展示、比赛管理界面展示、培训管理界面展示、公告管理界面展示、资源管理界面展示。业务层采用php技术实现团队管理、成员管理、比赛管理、培训管理、公告管理、资源管理的接口设计与开发。数据层使用mysql技术实现数据存储。展示层向业务层发送一个携带参数的post请求，业务层采用php技术接收请求的参数，执行相对应的操作，展示层再通过axios技术进行跨域获取后端接口，返回json数据，最后通过html()方法进行页面渲染，实现页面展示。图4-1系统架构图4.2系统流程设计4.2.1团队管理模块流程 团队管理模块流程图如图4-2所示。该模块主要用于团队的管理，包括申请团队，添加团队成员、解散团队、审核申请信息等操作。用户登陆成功后可以准备资料申请团队，申请信息包括团队名称、团队人数、申请原因以及添加的附件如图4-2a)所示，申请成功后可以添加团队成员、解散团队。管理员则可以进行审核申请信息的操作如图4-2b)所示。图4-2a)成员团队管理流程图图4-2b)管理员团队管理流程图图4-2团队管理流程图4.2.2成员管理模块流程成员管理模块流程图如图4-3所示。该模块主要用于管理员进行成员信息的管理，包括添加成员信息，删除成员信息、修改成员信息、查询成员信息、审核成员信息等操作。用户登录成功后，判断是否是管理员，如果是则可以进行例如修改成员信息等操作，如果不是，则没有成员管理模块。图4-3成员管理模块流程图4.2.3比赛管理模块流程比赛信息管理模块流程图如图4-4所示。该模块主要用于比赛信息的管理。包括增加比赛信息、删除比赛信息、修改比赛信息、查询比赛信息等操作。成员登录成功后可以自主选择是否参加比赛，提交相关比赛文稿，如图4-4a)所示。管理员登陆成功后可以查看查看比赛信息的详情，同时可以将不在比赛列表里的比赛信息添加进来如图4-4b)所示。图4-4a)成员比赛管理模块流程图图4-4b)管理员比赛管理模块流程图图4-4比赛管理模块流程图4.2.4培训管理模块流程培训管理模块流程图如图4-6所示。该模块主要用于培训管理。包括查看培训信息、删除培信息，添加培训信息，修改培训信息、发布签到、查看签到信息，添加请假信息、修改请假信息、删除请假信息、查找请假信息、审核请假信息等操作，如图4-6a)所示。成员登录成功后可以签到、查看签到信息，请假并且查看请假信息。管理员登陆成功后可以添加培训信息，查看并修改培训信息，发布签到，查看请假信息，审核请假信息等操作，如图4-6b)所示。图4-6a)成员培训管理流程图图4-6b)管理员培训管理流程图图4-6成员管理模块流程图4.2.5公告管理模块流程 公告管理信息模块流程图如4-7所示。该模块主要用于公告信息的管理，包括添加公告信息、修改公告信息、删除公告信息、查找公告信息等操作。成员登录成功后可以查看公信息详情，查询具体公告信息，如图4-7a)所示。管理员登陆成功后可以添加请假信息，同时也可以查看并删除公告信息，如图4-7b)所示。图4-7a)成员公告管理模块流程图图4-7b)管理员公告管理模块流程图图4-7公告管理模块流程图4.2.6资源分享管理模块流程 资源分享管理模块流程图如图4-8所示。该模块主要用于资源分享管理，包括上传、下载资源、查看资源列表、点击详情等操作。管理员可以上传一些已获奖或者比较重要的资源，查看资源列表，点击资源详情，成员也可以查看详情、查看资源列表，也可以根据需要在此下载资源用于自己的比赛或者其他非盈利活动。图4-8a)成员资源分享管理模块流程图图4-8b)管理员资源分享模块流程图图4-8资源分享管理模块流程图4.3数据库表设计本系统根据功能需求，设计了15张数据表，分别为比赛类型表，比赛文稿表，比赛信息表、参赛信息表、成员表、改进建议表、公告信息表、培训类型表，请假信息表，日常培训表、团队竞赛表、日常培训表，培训签到表、资金收入、资金支出、角色表、珍贵文稿表。(1)比赛类型（bisaileixing）表比赛类型表使用来存储参加的比赛的类型，如表4-9所示。表4-9比赛类型（bisaileixing）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3Bisaileixingdatetime0比赛类型非空(2)比赛文稿（bisaiwengao）表比赛文稿表用来存储参加比赛文稿所需要的信息，包括主键、文稿创建时间、比赛编号、比赛名称、文稿标题、文稿内容、账号、姓名、填写日期等如4-10所示。表4-10比赛类型（bisaiwengao）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3Bisaibianhaovarchar213比赛编号非空4bisaimingchengvarchar213比赛名称非空5wengaobiaotivarchar213文稿标题非空6neironglongtext内容非空7zhanghaovarchar213账号非空8xingmingvarchar213姓名非空9tianxieriqidate填写日期非空（3）比赛信息（bisaixinxi）表比赛信息表里面存储的是比赛相关详情，例如创建事件、比赛编号、比赛名称、比赛地点、比赛日期、比赛类型、比赛简介、比赛图片等，如下表4-11所示。表4-11比赛信息（bisaixinxi）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3Bisaibianhaovarchar213比赛编号非空4bisaimingchengvarchar213比赛名称非空5bisaileixingvarchar213比赛类型非空6bisaijianjielongtext比赛简介非空7xiangguantupinvarchar213相关图片非空8bisaididianvarchar213比赛地点非空9bisairiqidate比赛日期非空 （4）参赛信息（cansaixinxi）表 参赛信息表（sansaixinxi）表存储的是参赛的一些信息，包括参加的比赛编号、比赛名称、比赛类型、比赛地点、比赛日期，参加的成员账号、姓名、申请日期、是否回复、是否审核等信息，如下表4-12所示。表4-12参赛信息（cansaixinxi）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3Bisaibianhaovarchar213比赛编号非空4bisaimingchengvarchar213比赛名称非空5bisaileixingvarchar213比赛类型非空6bisaijianjielongtext比赛简介非空7xiangguantupinvarchar213相关图片非空8bisaididianvarchar213比赛地点非空9bisairiqidate比赛日期非空10zhanghaovarchar213账号非空11xingmingvarchar213姓名非空12shenqingriqidate申请日期非空13sfshvarchar213是否审核非空14shhflongtext是否回复非空（5）成员（chengyuan）表，用来存储成员的基本信息，例如账号、密码、姓名、性别、年龄、手机号、身份证号、是否回复、是否审核等信息。如下表4-13所示：表4-13成员（chengyuan）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3zhanghaovarchar213账号非空4mimavarchar203密码非空5xingmingvarchar203姓名非空6xingbievarchar203性别非空7nianlingint11年龄非空8shenfenzhenghaomavarchar203身份证号码非空9shoujihaomavarchar203手机号码非空10xiangpianvarchar203相片非空11zhanghaovarchar203账号非空12mimavarchar203密码非空13xingmingvarchar203姓名非空14shhflongtext是否回复非空（6）改进建议（gaijinjianyi）表改进建议表，里面是储存的是对系统的改进意见，包括改进建议的信息编号、信息建议的名称、信息建议的类型、集体内容、提交改进建议的账号、姓名、日期、受否审核、是否恢复以及信息编号、信息名称和类型等，如下表4-14所示表4-14改进建议（gaijinjianyi）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3xinxibianhaovarchar203信息编号非空4mingchengvarchar203名称非空5leixingvarchar203类型非空6neironglongtext内容非空7zhanghaovarchar203账号非空8xingmingvarchar203姓名非空9riqidate日期非空10sfshvarchar203是否审核非空11shhflongtext是否回复非空12xinxibianhaovarchar203信息编号非空13mingchengvarchar203名称非空14leixingvarchar203类型非空（7）公告信息（gonggaoxinxi）表公告信息表，里面储存的是公告的创建时间、公告的发布编号、发布标题、发布图片、发布内容、发布人等信息，如下表4-15所示：表4-15公告信息（gonggaoxinxi）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3gonggaobianhaovarchar213公告编号非空4gonggaobiaotivarchar203公告标题非空5gonggaotupianvarchar203公告图片非空6gonggaoneironglongtext公告内容非空7faburiqidate发布人非空（8）培训类型（peixunleixing）表培训类型表，里面储存的内容有主键、创建时间、培训类型，如下表4-16所示：表4-16培训类型（peixunleixing）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3Peixunleixingdatetime213培训类型非空（9）培训签到（peixunqiandao）表培训签到表，主要存储培训签到相关信息，例如培训编号、培训名称、培训类型、培训地点、培训日期、状态、培训人的账号、姓名、签到时间等等。如下表4-17所示。表4-17培训签到（peixunqiandao）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3peixunbianhaovarchar203培训编号非空4peixunmingchengvarchar203培训名称非空5peixunleixingvarchar203培训类型非空6peixundidianvarchar203培训地点非空7peixunriqivarchar203培训日期非空8zhuangtaivarchar203状态非空9zhanghaovarchar203账号非空10xingmingvarchar203姓名非空11qiandaoshijiandate签到时间非空（10）请假信息（qingjiaxinxi）表请假信息表，用来存储请假相关信息，例如请假账号、姓名、请假天数、原因、请假类型、申请日期、是否审核、是否回复、信息编号等，如下表4-18所示：表4-18请假信息（qingjiaxinxi）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3xinxibianhaovarchar203信息编号非空4qingjialeixingvarchar213请假类型非空5yuanyinlongtext原因非空6qingjiatianshuvarchar203请假天数非空7zhanghaovarchar203账号非空8xingmingvarchar203姓名非空9shenqingriqidate申请日期非空10sfshvarchar203是否审核非空11shhflongtext是否回复非空(11)日常培训（richangpeixun）表日常培训表，里面存储的是日常培训相关信息，包括培训编号、培训名称、培训类型、培训简介、相关图片、培训地点、培训日期等，如下表4-19所示：表4-19日常培训（richangpeixun）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3peixunbianhaovarchar203培训编号非空4peixunmingchengvarchar203培训名称非空5peixunleixingvarchar203培训类型非空6peixunjianjielongtext培训简介非空7xiangguantupianvarchar203相关图片非空8peixundidianvarchar203培训地点非空9peixunriqidate培训日期非空（12）日常作业（richangzuoye）表。日常作业表，这张表里面储存的是成员的作业标题、作业内容、账号、姓名、太难写日期、培训编号、培训名称等，如下表4-20所示。表4-20日常作业（richangzuoye）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3peixunbianhaovarchar203培训编号非空4peixunmingchengvarchar203培训名称非空5zuoyebiaotivarchar203作业标题非空6zuoyeneironglongtext作业内容非空7zhanghaovarchar203账号非空8xingmingvarchar203姓名非空9tianxieriqidate填写日期非空10peixunbianhaovarchar203培训编号非空11peixunmingchengvarchar203培训名称非空（14）登录信息（users）表登录信息表，用来存储登录用户名、密码、角色（管理员或者成员）、创建时间等信息，如下表4-21所示：表4-21登录信息（dengluxinxi）表序号字段数据类型长度字段说明备注1idbigint27主键非空2username100107用户名非空3password100107密码非空4role100107角色非空65addtimeint创建时间非空（15）珍贵文稿（zhengguiwengao）表，用来储存文稿信息，包括比赛编号、比赛名称、内容、文稿标题、账号、姓名、备注、登记时间、比赛编号等，如下表4-22所示：表4-22珍贵文稿（zhenguiwengao）表序号字段数据类型长度字段说明备注12idaddtimebigintvarchar27213主键创建时间非空非空3bisaibianhaovarchar203比赛编号非空4bisaimingchengvarchar203比赛名称非空5wengaobiaotivarchar203文稿标题非空6neironglongtext内容非空7zhanghaovarchar203账号非空8xingmingvarchar203姓名非空9beizhulongtext备注非空10dengjiriqidate登记时间非空11bisaibianhaovarchar203比赛编号非空5系统实现5.1系统核心代码本系统基于phpStrome环境开发，使用mysql数据库存储数据，使用phpstudy集成环境自带的tomcat插件处理http请求。下面以删除公告信息为例，给出vue和php技术在本系统中的实现过程。deleteHandler(id){varids=id?[Number(id)]:this.dataListSelections.map(item=>{returnNumber(item.id);});this.$confirm(`确定进行[${id?"删除":"批量删除"}]操作?`,"提示",{confirmButtonText:"确定",deleteHandler(id){varids=id?[Number(id)]:this.dataListSelections.map(item=>{returnNumber(item.id);});this.$confirm(`确定进行[${id?"删除":"批量删除"}]操作?`,"提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{this.$http({url:"gonggaoxinxi/delete",method:"post",data:ids}).then(({data})=>{if(data&&data.code===0){this.$message({message:"操作成功",type:"success",duration:1500,onClose:()=>{this.search();}});}else{this.$message.error(data.msg);}});});},}},本段代码先获取公告编号id，然后运用三目运算符判断要删除的id是否存在，如果存在将获取到的id赋给ids，如果不存在，在它的map映射文件中找到这个id，赋给ids，点击删除确定之后，利用post请求方式像gonggaoxini的地址请求删除操作，后端执行相对应的操作后，返回数据，前端接受数据后与0相比较，发现相等，执行成功。同时为了防止回调地狱，全程使用.then()的链式调用。5.1.2PHP代码实现publicfunctiondelete(){publicfunctiondelete(){$ids=strval(file_get_contents("php://input"));//发现接收的是字符串preg_match_all('/\d+/',$ids,$arr);$str=implode(',',$arr[0]);//拼接字符，$sql="deletefromgonggaoxinxiWHEREidin({$str})";$result=table_sql($sql);exit(json_encode(['code'=>0]));}接收前端传过来的字符串之后，执行一个全局正则表达匹配，将符合条件的id全部找出来放在arr这个数组中，利用php的implode（）方法拼接数组元素变成使之变成字符串，编写sql删除语句，删除公共信息数据库中id等于ids的数据，再将结果编解码后返回前端。5.2系统模块实现5.2.1成员管理模块成员管理提供添加成员信息、删除成员信息、查看并修改成员信息等功能，其中添加成员信息页面如图5-1所示。管理员登陆成功后，点击新增按钮，今日添加成员信息页面，填写成员信息后，点击提交，弹出提交操作成功弹窗，显示操作成功。图5-1成员管理界面pubicfunctionadd(){$keyArr=$valArr=array();pubicfunctionadd(){$keyArr=$valArr=array(); $tmpData=strval(file_get_contents("php://input"));if(!empty($tmpData)&&isset($tmpData)){$postData=json_decode($tmpData,true); foreach($postDataas$key=>$value){if(in_array($key,$this->columData)){if(!empty($value)||$value===0){array_push($keyArr,"`".$key."`");array_push($valArr,"'".$value."'");}}}}$k=implode(',',$keyArr);$v=implode(',',$valArr);$sql="INSERTINTO`chengyuan`(".$k.")VALUES(".$v.")";$result=table_sql($sql); exit(json_encode(['code'=>0]));}5.2.2比赛管理模块比赛管理提供添加比赛、查看并修改比赛、删除比赛、提交文稿等功能，其中提交比赛文稿如图5-2所示。用户成功登录之后进入参赛信息管理主界面，点击文稿按钮，进入提交文稿主界面，填写文稿信息之后，点击提交按钮，弹出操作成功之后返回参赛信息管理主界面。图5-2提交比赛文稿界面if(!empty($tmpData)&&isset($tmpData)){$postData=json_decode($tmpData,true);if(!empty($tmpData)&&isset($tmpData)){$postData=json_decode($tmpData,true); foreach($postDataas$key=>$value){if(in_array($key,$this->columData)){if(!empty($value)||$value===0){array_push($keyArr,"`".$key."`");array_push($valArr,"'".$value."'");}}}}5.2.3培训签到管理模块培训签到管理提供查看培训签到信息、删除培训签到信息、查询具体签到信息、提交作业、签到等功能，其中签到界面如图5-6示。成员登陆成功后进入日常培训主界面，点击签到按钮，填写签到信息，点击提交按钮，弹出操作成功之后返回日常培训管理主界面图5-6签到界面其中签到功能核心代码如下： 5.2.4请假信息管理模块请假信息管理提供添加请假信息、查看并修改请假信息、删除请假信息、查询请假信息等功能，其中添加请假信息界面如图5-7示。成员登陆成功后进入请假信息管理主界面，点击新增按钮，填写请假信息，点击提交按钮，弹出操作成功之后返回请假信息管理主界面图5-7添加请假信息界面其中添加请假信息核心代码如下：5.2.6公告信息管理模块公告信息管理提供添加公告信息、删除公告信息、查看并修改公告信息等功能，其中删除公告信息如图5-9所示。管理员登陆成功后进入公告信息管理主界面，点击删除按钮，弹出确定尽心[删除]操作弹窗，点击确定，弹出操作成功弹框，自动刷新进入主界面。图5-9删除公告信息界面其中删除公告信息核心代码如下：5.2.7资源分享管理模块科技创新小组团队管理系统，用户在登录页面键入信息：用户名、密码、角色进行登录，如图5-11所示。图5-11用户登录界面图成员登录页面，在登录页面输入用户名、密码、角色等信息进行登录，如图5-12所示图5-12成员登录界面图6系统测试本系统主要采用黑盒测试为主、白盒测试为辅进行系统测试。系统测试就是给出测试用例，然后以一个具体测试用例的执行过程为例，给出发现、分析和解决系统Bug的流程。6.1培训管理功能测试 培训管理功能系统测试用例图如图6-1所示。培训管理系统主要测试添加培训信息、删除培训信息、修改培训信息、查看培训信息。表6-1系统测试用例测试编号检测功能操作期望结果状态Test1添加培训信息填写培训名称、培训地点、和培训简介，选择培训类型、培训日期点击提交按钮添加培训信息成功与预期结果一致Test2添加培训信息不填写培训名称提示培训名称不能为空与预期结果不一致Test3添加培训信息不选择培训日期提示请选择培训日期与预期结果一致Test4添加培训信息不选择培训类型提示请选择培训类型与预期结果一致Test5添加培训信息填写培训名称、培训地点、和培训简介，选择培训类型、培训日期点击取消按钮返回培训管理主界面与预期结果一致Test6删除培训信息点击删除操作跳出弹框“是否确定”与预期结果一致Test7删除培训信息选择“确定”提示操作成功，删除信息成功与预期结果不一致Test8删除培训信息选择取消弹框取消，删除信息失败与预期结果一致Test9修改培训信息点击修改按钮，修改后点击提交按钮修改培训信息成功与预期结果一致Test10修改培训信息点击修改按钮，删除培训名称内容提示培训名称不能为空与预期结果一致Test11修改培训信息点击修改按钮后，点击取消按钮修改信息失败与预期结