基于uniapp的毕业设计
app毕业设计

a pp毕业设计篇一:A PP游戏设计毕业设计(论文)超神学院毕业生毕业设计题目: APP游戏设计分院:通讯与信息姓名: Load ing学号: 000专业: LO L 指导老师:提莫毕业论文答辩时间:2017.6.9 本课题APP游戏设计,通过该课题,将红军长征的经过、抗战历史、红色文化、历史背景等内涵完完全全的演绎展示,让人们轻松而清晰地了解红色文化。
采用的开发工具是Photo shop、Adobe Illu start or、Ve nture Capi tal。
随着科技的发展,现在手机的功能也越来越多,越来越强大,未来几年,手机游戏必将深入人心,渗透人们生活的点点滴滴。
关键词: APP游戏设计,Photo shop、Adobe Illu start or、Ve nture Capi tal T his t opicof AP P gam es de signthrou gh th e sub ject, make peop le kn ow mo re ab out t he lo ng ma rch o f the RedArmy, theRed A rmy c ultur e, th e his toric al ba ckgro und a boutthe R ed Ar my,th at itis c learand e asy t o und ersta nd th e Red Army cult ure.Devel opmen t too ls ar e use dbyA dobeIllus trato r, Ph otoSh op, V entur e Cap ital. With thedevel opmen t ofscien ce an d tec hnolo gy, m obile phon e isnow m ore a nd mo re fe ature s, mo re an d mor e pow erful, the next fewyears, mob ile p honegames will winsuppo rt am ong t he pe ople, infi ltrat ion o f peo ple l ife b it by bit. Keyword:T he AP P gam es de sign,Photo shop、Adobe Illu start or、Ve nture Capi tal 目录引言。
基于uni-app的人脸识别签到APP

基于uni-app的人脸识别签到APP作者:林春青张永来源:《商情》2020年第35期【摘要】本项目是一个基于uni-app的签到app。
项目在百度地图的基础上,将百度AI平台的人脸识别SDK内置于app上,实现人脸的采集和认证,从而实现快速准确的签到。
【关键词】人脸识别 ;签到 ;认证一、引言众所周知,课堂签到是高校老师普遍头疼的问题之一,由于传统签到方式的局限性,传统签到方式准确性普遍不高,本项目采用人脸识别签到技术,实现快速准确的签到。
同时,本项目采用uni-app框架代替传统的android应用开发,uni-app是一个使用Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台,对于开发者而言,使用uni-app使得app的开发更加简单高效。
二、主要功能模块(一)地图定位识别模块(1)高德地图定位。
高德地图定位,主要依靠高德地图提供的Android定位sdk来实现。
其提供了GPS定位,基站定位和WIFI定位三种不同的定位模式。
三种定位模式的优缺点如下所示:GPS定位:根据设备GPS芯片和GPS卫星实现定位,GPS定位在室内是不可以使用的。
GPS定位精度与芯片以及实际使用环境有关,一般情况下,GPS定位精度在10m左右;基站定位:根据设备获取的基站信息实现定位,基站定位精度一般不受使用环境影响,主要和基站的覆盖半径有关。
百度的基站定位服务精度目前在200m左右;Wi-Fi定位:根据设备获取的Wi-Fi的信息实现定位,Wi-Fi定位精度一般不受使用环境影响,主要和Wi-Fii半径、Wi-Fi分布密度有关。
本系统为保证定位的准确性,会根据用户所在位置的信号强度以及用户手机的剩余电量等属性进行综合判断,切换不同的定位模式,以达到更好的定位效果。
切换算法的实现方案如下所示:在户外且手机电量充足的情况下优先使用gps定位,保证定位的准确性。
app毕业设计

app毕业设计在现代社会中,移动应用程序(App)已经成为人们生活中不可或缺的一部分。
无论是购物、社交、娱乐还是学习,我们都可以通过App来实现。
在大学生毕业设计中,开发一个有创意和实用性的App可以是一个很好的选择。
本文将探讨App毕业设计的一些思路和建议。
首先,选择一个有市场需求的主题是非常重要的。
毕业设计的App应该能够解决实际问题或提供有用的功能。
例如,可以开发一个旅行助手App,帮助用户规划行程、查找酒店和景点、预订机票等。
这样的App可以满足人们对旅行信息的需求,同时也能够为用户提供方便和便捷的服务。
其次,设计一个简洁、易用和美观的用户界面是至关重要的。
毕业设计的App应该能够吸引用户并提供良好的用户体验。
可以参考一些知名App的设计风格,如苹果公司的iOS界面设计规范。
同时,还可以运用一些现代化的设计元素,如扁平化设计和动画效果,来增加App的吸引力。
另外,考虑到App的功能和性能也是非常重要的。
毕业设计的App应该能够稳定运行,并且具备良好的响应速度。
可以通过使用合适的编程语言和框架来优化App的性能。
同时,还可以利用一些云服务来提高App的可扩展性和可靠性。
例如,可以使用云存储来存储用户数据,使用云计算来处理复杂的计算任务。
此外,考虑到用户隐私和数据安全也是非常重要的。
毕业设计的App应该能够保护用户的个人信息和数据安全。
可以使用加密算法来保护用户的敏感数据,如密码和信用卡信息。
同时,还可以制定一些合适的隐私政策和用户协议,明确告知用户数据的使用和保护方式。
最后,进行充分的测试和调试是确保App质量的关键步骤。
毕业设计的App应该经过多次测试,包括功能测试、性能测试和兼容性测试等。
可以使用一些自动化测试工具来提高测试效率和准确性。
同时,还可以邀请一些用户参与测试,收集他们的反馈和建议,以进一步改进App的质量和用户体验。
总之,App毕业设计是一个非常有挑战性和有意义的任务。
选择一个有市场需求的主题,设计一个简洁、易用和美观的用户界面,考虑到App的功能和性能,保护用户隐私和数据安全,以及进行充分的测试和调试,都是开发一个成功的毕业设计App的关键要素。
app毕业设计报告

app毕业设计报告App毕业设计报告一、引言在当今信息技术高速发展的时代,移动应用程序(App)已经成为人们日常生活中不可或缺的一部分。
无论是购物、社交、学习还是娱乐,App都提供了便捷的解决方案。
因此,设计一个实用且有创意的App成为了许多学生毕业设计的首选。
二、设计目标本次毕业设计的目标是设计并开发一款名为“健康生活助手”的App。
该App旨在帮助用户改善生活方式,提供健康饮食、锻炼计划和心理健康等方面的指导和建议。
三、功能设计1. 健康饮食在健康饮食功能中,用户可以根据自身需求制定饮食计划,并获取有关营养成分和热量的信息。
此外,App还提供了食谱推荐和食材购买的功能,方便用户在日常生活中选择健康食品。
2. 锻炼计划为了帮助用户保持良好的体质,App提供了个性化的锻炼计划。
用户可以根据自身情况选择适合自己的锻炼方式,并记录每次锻炼的时间和效果。
此外,App还提供了健身教练的视频指导,让用户更好地掌握正确的锻炼姿势和方法。
3. 心理健康心理健康是一个人身心健康的重要组成部分。
App提供了心理健康评估和心理咨询的功能,用户可以通过回答问题来评估自己的心理健康状况,并根据评估结果获取相应的心理咨询建议。
此外,App还提供了一些放松和减压的功能,如冥想音乐和呼吸训练。
四、技术实现为了实现上述功能,我们选择采用移动应用开发技术。
App的前端开发使用了HTML、CSS和JavaScript等技术,以确保用户界面的友好和美观。
后端开发使用了Java和MySQL数据库,以实现数据的存储和管理。
同时,我们还使用了第三方API来获取营养成分、健身教练视频和心理咨询等相关数据。
五、用户体验为了提供良好的用户体验,我们注重App的界面设计和交互设计。
在界面设计方面,我们采用了简洁、清晰的设计风格,避免过多的复杂元素和冗余信息。
在交互设计方面,我们注重用户操作的简单性和直观性,尽量减少用户的操作步骤和学习成本。
六、推广策略为了让更多的用户使用我们的App,我们制定了一系列的推广策略。
基于小程序的毕业设计选题

基于小程序的毕业设计选题可能涵盖了各种主题和领域,这将取决于你的专业和兴趣。
下面提供几个基于小程序的毕业设计选题的建议:1. 基于小程序平台的课程管理系统设计2. 基于小程序的家校互动平台的设计与实现3. 基于小程序的音乐娱乐平台的开发4. 基于小程序的网络购物的设计与实现5. 基于小程序的用户评价系统的设计与实现6. 基于小程序的企业内部管理系统的设计与实现7. 基于小程序的个人健康管理系统的设计与实现8. 基于小程序的家政服务平台的开发9. 基于小程序的教育资源共享平台的设计与实现10. 基于小程序的企业宣传平台的设计与实现对于这些选题,你可以从以下几个方面进行深入研究:1. 小程序平台特性研究:了解小程序平台的特性和限制,如何利用这些特性来设计和开发你的系统。
2. 系统架构设计:如何设计一个高效的系统架构,包括数据库设计、用户接口设计、数据传输协议等。
3. 用户交互设计:如何设计用户友好的交互界面,包括用户体验、操作流程等。
4. 安全和隐私保护:如何确保系统的安全和隐私保护,包括数据加密、身份验证等。
5. 性能优化:如何优化系统的性能,包括代码优化、服务器负载等。
6. 测试和部署:如何进行系统的测试和部署,包括测试用例设计、部署环境搭建等。
在完成毕业设计的过程中,你需要撰写相应的文档来记录你的工作过程和成果,包括需求分析、系统设计、代码实现、测试报告等。
此外,你可能需要与导师和同学进行讨论和交流,共同解决问题和改进系统。
以下是一个可能的基于小程序的毕业设计选题方案,并附上相应的回答:选题方案:基于小程序的在线购物平台的设计与实现。
回答:1. 小程序平台特性研究:小程序平台具有轻量级、跨平台、易于部署等特性,如何利用这些特性来设计和开发你的在线购物平台?2. 系统架构设计:如何设计一个高效的购物平台系统架构,包括数据库设计、用户接口设计、数据传输协议等?3. 用户交互设计:如何设计用户友好的购物界面,包括用户体验、操作流程等?4. 安全和隐私保护:如何确保购物平台的数据安全和隐私保护,包括数据加密、身份验证等?5. 性能优化:如何优化购物平台的性能,包括代码优化、服务器负载等?6. 测试和部署:如何进行购物平台的测试和部署,包括测试用例设计、部署环境搭建等?此外,你将需要收集相关的数据和用户反馈,以便了解你的设计和实现的系统是否满足用户需求,以及需要进行哪些改进。
基于uni-app + SpringBoot 的移动智能办公系统设计与实现

doi:10 11920/xnmdzk 2022 03 011基于uni ̄app+SpringBoot的移动智能办公系统设计与实现李英玲1ꎬ2ꎬ牛美雅1ꎬ兰宏富1(1 西南民族大学计算机科学与工程学院ꎬ四川成都㊀610041ꎻ2 西南民族大学计算机系统国家民委重点实验室ꎬ四川成都㊀610041)摘㊀要:随着物联网㊁人工智能等信息技术的发展ꎬ企业对在线办公的使用便捷性㊁安全性等方面提出了更高的要求.为了解决现有办公软件安装和操作繁琐㊁人性化和安全性方面不足等问题ꎬ本研究设计并实现一个基于uni ̄app和SpringBoot框架的移动智能办公系统.该系统采用Shiro和JWT技术实现了用户身份认证和权限授权ꎻ使用Docker构建人脸识别运行环境ꎬ实现拍照签到ꎬ并采用GPS定位和本地宝技术ꎬ实现员工签到地疫情风险管理ꎻ采用轮询机制实现消息的自动接收和推送ꎬ并通过异步多线程向RabbitMQ发送公告以实现消息数据的缓存ꎬ从而减少数据库写入压力.经测试表明ꎬ本系统可有效地进行身份认证与授权㊁消息的自动推送与接收㊁视频会议的创建与编辑㊁拍照签到㊁签到地疫情风险管理㊁考勤统计等ꎬ数据传输稳定性好ꎬ人机操作界面稳定易用.因此ꎬ本系统能有效地提高团队间的沟通效率和在线办公质量ꎬ并提供更人性化和便捷的用户体验ꎬ对推进在线办公智能化㊁信息化建设具有重要意义.关键词:办公系统ꎻ微信平台ꎻuni ̄app框架ꎻSpringBoot框架ꎻShiro和JWT技术中图分类号:TP315㊀㊀㊀㊀㊀㊀㊀㊀文献标志码:A㊀㊀㊀㊀㊀㊀㊀㊀㊀文章编号:2095 ̄4271(2022)03 ̄0313 ̄09收稿日期:2021 ̄09 ̄09作者简介:李英玲(1984 ̄)ꎬ女ꎬ汉族ꎬ湖南衡阳人ꎬ讲师ꎬ博士ꎬ硕士生导师ꎬ研究方向:基于深度学习的多源信息融合㊁软件测试优化㊁智能软件工程.E ̄mail:80300053@swun.edu.cn通信作者:牛美雅(1997 ̄)ꎬ女ꎬ回族ꎬ陕西人ꎬ研究方向:智能家居㊁自动化办公.E ̄mail:1005864372@qq.com基金项目:四川省科技厅苗子工程重点项目(2021JDRC0066)ꎻ西南民族大学科研启动金资助项目(RQD2021096)ꎻ中央高校基本科研业务费专项资金优秀学生培养工程项目(2021NYYXS65)Designandimplementationofsmartmobileofficesystembasedonuni ̄appandSpringBootLIYing ̄ling1ꎬ2ꎬNIUMei ̄ya1ꎬLANHong ̄fu1(1 SchoolofComputerScienceandEngineeringꎬSouthwestMinzuUniversityꎬChengdu610041ꎬChinaꎻ2 TheKeyLaboratoryforComputerSystemsofStateEthnicAffairsCommissionꎬSouthwestMinzuUniversityꎬChengdu610041ꎬChina)Abstract:WiththedevelopmentofinformationtechnologysuchastheInternetofThingsandartificialintelligenceꎬhigherre ̄quirementshavebeenputforwardfortheconvenienceandsafetyofonlineoffices Inordertosolvetheissuesofcumbersomein ̄stallationandoperationꎬhumanizationandsecurityofexistingofficesoftwareꎬthispaperdesignedandimplementedasmartmo ̄bileofficesystembasedontheuni ̄appandSpringBootframework ItusedShiroandJWTforidentityauthenticationandpermis ̄sionauthorizationidentityauthenticationandauthorizationofusersꎻusedDockertobuildtheoperatingenvironmentoffacerecog ̄nitiontoachievesign ̄inbytakingphotosꎬusedGPSpositioningandlocaltreasuretechnologytotakeepidemicriskmanagementofsign ̄inlocationsofemployeesꎬandadoptedapollingmechanismtoreceivemessagesandautomaticallypushthem Toachievecachingmessagedataandreducingthepressureofdatabasewritingꎬasynchronousmulti ̄threadingwasusedtosendannounce ̄mentstoRabbitMQ Applicationtestsshowedthatthesystemcouldeffectivelyperformidentityauthenticationandauthorizationꎬautomaticpushingandreceptionofmessageꎬcreationandeditingofvideoconferenceꎬphotocheck ̄inꎬtheepidemicriskmanage ̄西南民族大学学报(自然科学版)第48卷mentofcheck ̄inareaꎬattendancestatisticsandsoon Thesystemshowedthatthestabledatatransmissionandhumaninterfacewerestableandeasytouse Thereforeꎬthissystemcaneffectivelyimprovethecommunicationefficiencybetweenteamsꎬthequalityofonlineofficeꎬandprovidemorehumanizedandconvenientuserexperienceꎬwhichisofgreatsignificancetothepromo ̄tionofintelligentandinformativeonlineofficesKeywords:officesystemꎻWeChatplatformꎻuni ̄appframeworkꎻSpringBootframeworkꎻShiroandJWT㊀㊀随着计算机技术在软件应用上逐渐成熟ꎬ办公软件已从无纸化办公发展到互联网远程办公ꎬ能满足人们基本的办公需求[1].各地方政府㊁大型企业等机构ꎬ都大力加强办公的自动化和信息化建设ꎬ协同办公模式逐步在企业以及政务办公中占据主体地位[2]ꎬ以提高员工工作效率和企业竞争力[3 ̄4].随着物联网㊁大数据㊁人工智能等技术的快速发展ꎬ给传统办公带来发展契机ꎬ在线移动办公成为继无纸化办公和互联网远程办公之后的新一代办公模式.新一代信息技术的应用ꎬ既可有效促进整个协同办公体系的发展ꎬ也为企业智能化转型提供内驱力[5].OA系统成长至第三代时ꎬ数据处理技术㊁数据库和信息管理技术的应用进一步提高了OA系统的办公质量和效率[6]ꎬ但是也存在技术过于陈旧[7]㊁审批效率低下[8]ꎬ并且安装和操作繁琐㊁系统安全[9]与数据安全等问题[10 ̄13].随着微信应用的普及以及微信公众平台二次开发接口的提供ꎬ微信小程序无需安装㊁卸载㊁随时打开等诸多优势[14].很大程度上满足了移动办公开发需求[15]ꎬ但是在操作流程㊁人性化㊁便捷服务和安全性等方面不足.基于上述背景ꎬ本系统实现了一个移动智能办公系统ꎬ以uni ̄app和Springboot为核心框架ꎬ将Shiro㊁JWT和人脸识别技术相结合ꎬ并采用本地宝和GPS定位技术ꎬ实现签到考勤㊁视频会议㊁消息通知㊁用户身份认证和授权ꎬ并对拍照签到地疫情风险进行管理.通过异步多线程向RabbitMQ发送公告实现对消息数据的缓存ꎬ最后采用RBAC权限控制技术实现了对用户权限的管理.该系统能较大程度上简化用户操作㊁增强系统安全性ꎬ提高办公的工作效率ꎬ并提升用户体验.1㊀系统架构㊀㊀基于uni ̄app和SpringBoot移动智能办公系统的架构如图1所示ꎬ包含5个逻辑元素ꎬ分别是使用uni ̄app框架开发系统的移动端㊁各个功能的基础模块㊁保证安全交互的数据库.图1㊀系统架构图Fig 1㊀Modelarchitectureofsmartmobileofficesystem㊀㊀1)前端采用uni ̄app框架进行开发ꎬuni ̄app是使用Vue语言来实现开发各种跨平台应用的前端框架ꎬ组件丰富.2)后端采用SpringBoot进行开发ꎬ其主要优点:快速地构建项目㊁对于主流开发框架无需配置集成㊁项目可独立运行㊁不需要外部依赖Servlet容器㊁提供在运行时的应用监控ꎬ因此极大地改善和提高了项目开发的工作效率.3)后端的权限验证使用Java领域非常知名的认证与授权框架Shiroꎬ该框架适用性广泛.系统可抵御跨站脚本XSS攻击ꎬ通过过滤器拦截所有请求ꎬ将请求中的内容转义ꎬ再存储到数据库中.4)人脸识别程序需要较多依赖库ꎬ环境配置繁琐ꎬ因此本系统把依赖环境和人脸识别程序环境封装成Docker镜像.只需要在本地Docker创建容器ꎬ并导入镜像ꎬ就可运行人脸识别程序.5)消息通知模块使用异步多线程向RabbitMQ发送公告消息缓存数据ꎬ以降低MongoDB数据库写入压力ꎬ提高系统健壮性.拍照签到功能通过调用人脸413第3期李英玲ꎬ等:基于uni ̄app+SpringBoot的移动智能办公系统设计与实现㊀识别程序ꎬ实现签到功能ꎬ最终将签到信息存储到Mysql中.1 1㊀uni ̄app框架uni ̄app被广泛认为是较好的小程序开发框架㊁App跨平台框架和方便的H5开发框架.当业务需要在不同的平台展示时ꎬ针对不同的平台编写独有的运行代码的成本显然非常高ꎬ而uni ̄app则可以实现一次编码多端编译ꎬ可将代码发布到iOSꎬ以及各种小程序(微信/支付宝/头条/QQ)㊁快应用等多个不同的平台ꎬ从而降低开发成本.因此ꎬ为了提高代码的效率ꎬ本系统使用uni ̄app框架开发前端应用ꎬ该框架遵循Vue语法规范ꎬ主要用到了CSS㊁LESS和JavaScript语言.1 2㊀Shiro和JWT技术Shiro是Java领域非常知名的认证(Authentica ̄tion)与授权(Authorization)框架ꎬ用以替代JavaEE中的JAAS功能.相较于其他认证与授权框架ꎬShiro设计得非常简单ꎬ适用性好ꎬ任意JavaWeb项目都可以使用Shiro框架ꎬ而SpringSecurity只能适用于Spring项目.例如ꎬJFinal和Nutz非Spring框架都可使用Shiroꎬ而SpringSecurity框架不适用.因此ꎬ本系统采用Shiro技术实现核验用户身份与授予用户权限的功能.JWT(JsonWebToken)被广泛用来在身份提供者和服务提供者间传递被认证的用户身份信息ꎬ以便于从资源服务器获取资源ꎬ也可用于增加一些额外的其他业务逻辑所必须的声明信息ꎬ该Token也可直接被用于身份认证ꎬ也可被用于进行数据加密.JWT技术实现用户认证ꎬ如图2所示ꎬ后端系统根据用户OpenID㊁微信账号以及过期时间生成Token字符串令牌ꎬToken字符串令牌返回给小程序端ꎬ用户发送任何请求都要附带Tokenꎬ通过每次验证Token字符串令牌的有效性ꎬ决定是否执行请求的业务逻辑.传统的HttpSession依靠浏览器的Cookie存放SessionIdꎬ要求客户端必须是浏览器.当前的JavaWeb系统ꎬ客户端可以是浏览器㊁APP㊁小程序以及物联网设备.为了让这些设备都能访问到JavaWeb项目ꎬ引入JWT技术.JWT的Token是纯字符串ꎬ至于客户端如何保存ꎬ没有具体要求.只要客户端发起请求的时候附带上Token即可.本系统使用Shiro和JWT技术实现用户身份认证功能.图2㊀基于JWT的用户认证Fig 2㊀UserauthenticationbasedonJWT1 3㊀RabbitMQ消息队列产品有很多ꎬ常见的包括RocketMQ㊁RabbitMQ㊁ActiveMQ和Kafka.其中Kafka性能最好ꎬ消息收发的速度较快ꎻ但是消息收发的可靠性不如RabbitMQ.RabbitMQ既支持消息异步收发ꎬ又支持同步收发.虽然系统当前大部分的场景对应的是消息异步收发ꎬ但是也有同步收发的需求ꎬRabbitMQ能适应各种业务场景的优点就得以体现.另外ꎬRabbitMQ支持五种队列模式ꎬ可以应用于更多的业务场景.基于Rab ̄bitMQ上述的优点ꎬ本项目选择RabbitMQ实现消息队列.1 4㊀Docker本系统采用Docker技术搭建人脸识别程序运行环境ꎬ主要基于以下两方面的考虑:首先ꎬDocker容器之间是相互隔离的ꎬ在容器中部署程序的同时ꎬ不用担心跟其他容器产生冲突.例如某公司几年前开发的Java程序用的是JDK1 6ꎬ而当前需要部署的Java项目基于JDK1 8开发ꎬ无法在服务器上面同时安装JDK1 6和JDK1 8环境.Docker技术通过创建两个人容器进行部署能解决这个问题ꎬ在两个容器中分别安装JDK1 6和JDK1 8ꎬ分别部署新旧程序.Docker可实现在一个服务器上部署若干程序ꎬ并且不产生冲突.513西南民族大学学报(自然科学版)第48卷其次ꎬDocker能提供快速化部署.把需要部署的程序和运行环境打成Docker镜像ꎬ分发给其他人ꎬ接收后创建容器就可以直接运行程序了.1 5㊀RBAC权限管理RBAC的基本思想是ꎬ对系统操作的各种权限不是直接授予具体的用户ꎬ而是在用户集合与权限集合之间建立一个角色集合.每一种角色对应一组相应的权限.一旦用户被分配适当的角色后ꎬ该用户就拥有此角色的所有操作权限.这样做的好处是ꎬ不必在每次创建用户时都进行分配权限的操作ꎬ只要分配用户相应的角色即可ꎬ而且角色的权限变更比用户的权限变更要少很多ꎬ这样将简化用户权限管理ꎬ减少系统开销.2㊀系统设计与实现2 1㊀软件功能设计基于uni ̄app和SpringBoot移动智能办公系统的总体功能设计如图3所示:包括签到考勤模块㊁视频会议模块㊁消息通知模块和系统管理模块.签到考勤模块包括拍照签到㊁签到地疫情风险管理㊁考勤统计功能.在职员工身份认证及授权成功后ꎬ通过人脸识别子系统进行拍照签到ꎻ系统获取员工签到地的疫情风险信息ꎬ针对高风险地区进行相应处理ꎻ最后统计签到信息:包括用户信息㊁签到时间㊁疫情风险等级㊁周考勤.视频会议管理模块包括创建\编辑会议㊁选择参会者和查看会议功能.具有会议相应权限的用户和超级管理员可创建会议ꎬ并可在会议详情页面可填写会议时间㊁会议参与人以及会议内容等信息.查看会议ꎬ是用户可通过滑动㊁分页等方式查看个人创建或者参与的会议列表ꎬ以及会议详情.消息通知管理模块包括定时轮询接收消息㊁消息的自动发送和异步写入功能.在小程序主页面设有定时器ꎬ每5分钟轮询接收新消息ꎬ并在主页面上显示未读消息提醒ꎻ消息的自动发送指系统自动向员工发送消息通知ꎬ并将消息写到消息队列.异步写入消息是用异步线程从消息队列中ꎬ接收该用户的系统消息ꎬ然后把系统消息存储在数据库中.系统管理模块包括用户管理㊁权限管理和部门管理功能.权限管理是采用RBAC权限模型ꎬ把权限映射成角色ꎬ再把角色关联到用户的功能ꎬ并且前后端项目都要验证用户的权限ꎬ才能实现登录.编辑个人信息是用户可以通过编辑按钮实现对个人信息的修改㊁删除功能.图3㊀基于uni ̄app和SpringBoot移动智能办公系统总体功能Fig 3㊀Overallrequirementofsmartmobileofficesystem2 2㊀数据库设计本系统使用Mysql数据库ꎬ根据软件功能列表ꎬ设计如下的数据表:1)系统常量表(sys_config)ꎬ记录移动办公系统的常量配置信息ꎬ包括主键㊁参数名㊁参数值㊁状态㊁备注等.2)用户表(tb_user)ꎬ记录用户信息ꎬ包括主键id㊁授权字符串㊁昵称㊁头像网址㊁姓名㊁性别㊁手机号码㊁邮箱㊁入职日期㊁角色㊁是否是超级管理员㊁部门编号㊁状态(1在职0离职)等.3)角色表(tb_role)ꎬ记录系统角色信息ꎬ包括主键id㊁角色名称㊁权限集合.4)权限表(tb_permission)ꎬ记录每个权限所能够访问的模块ꎬ包括权限名称㊁模块ID㊁行为ID.5)特殊工作日表(tb_workday)ꎬ记录特殊工作日信息ꎬ包括id和特殊工作日日期.6)特殊节假日表(tb_holidays)ꎬ记录特殊节假日信息ꎬ包括id和节假日日期.7)用户人脸模型表(tb_face_model)ꎬ记录用户人脸模型数据信613第3期李英玲ꎬ等:基于uni ̄app+SpringBoot的移动智能办公系统设计与实现㊀息ꎬ包括人脸模型id㊁用户id和用户人脸模型数据.8)部门表(tb_dept)ꎬ记录部门信息ꎬ包括部门id和部门名称.9)城市表(tb_city)ꎬ记录城市名称及对应的简称信息ꎬ包括id㊁城市名称和城市简称.10)用户签到表(tb_checkin)ꎬ用于存储用户签到的信息ꎬ主键㊁用户ID㊁签到地址㊁国家㊁省份㊁城市㊁区划㊁考勤结果㊁风险等级㊁签到日期㊁签到时间.11)会议表(tb_meeting)ꎬ记录会议信息ꎬ包括会议id㊁会议题目㊁创建人id㊁日期㊁开会地点㊁开始时间㊁结束时间㊁会议类型㊁参与者㊁会议内容和状态等.12)消息表ꎬ记录系统发出的或者其他用户发出的通知信息的主体ꎬ包括主键㊁UUID值(设置唯一索引ꎬ防止消息被重复发送)㊁发送者ID㊁发送者的头像URL㊁发送者名称㊁消息正文㊁发送时间.13)消息标记表(message_ref)ꎬ记录有关消息接收者的信息ꎬ包括主键㊁消息ID㊁接收者ID㊁是否已读㊁是否为新接收的消息.2 3㊀系统详细设计与实现2 3 1㊀签到考勤签到考勤模块的流程图如图4所示.图4㊀签到考勤流程图Fig 4㊀Flowchartofcheck ̄inattendance用户授权成功后进入在线考勤页面ꎬ访问服务器动态获取当天是否需要签到(非工作日或者调班日无需签到)ꎻ在工作日ꎬ用户点击拍照按钮进行拍照ꎬ同时后端检测是否存在该用户的人脸模型数据ꎬ如果没有ꎬ则弹出提示框ꎬ询问用户是否要录入人脸模型数据ꎻ如果数据库中存在人脸模型数据ꎬ则通过人脸识别子系统比对当前拍照的图像与系统人脸模型ꎬ比对成功就签到成功ꎬ否则签到失败.签到成功后ꎬ根据用户签到的地理位置ꎬ并通过本地宝获取该地区新冠疫情风险等级ꎬ如果员工在疫情高风险地区签到ꎬ系统立即向公司人事部门发送告警邮件.最后ꎬ后端系统对用户签到考勤信息进行统计ꎬ通过图表的方式展示当日签到信息和本周签到信息ꎬ并使用灰色图标表示节假日及用户入职前的考勤情况.实现签到考勤模块功能伪代码如下:功能:签到考勤功能输入:用户签到照片path和所在地信息集合param输出:无BEGIN验证认证与授权doGetAuthenticationInfo获取上班时间d2ꎬ考勤结束时间d3If签到时间d1<=上班时间d2Then㊀㊀正常考勤Elseif签到时间d1>上班时间d2&&签到时间d1<㊀㊀㊀㊀㊀㊀考勤结束时间d3Then㊀㊀迟到EndIf获取数据库中存储的该用户人脸模型数据faceModelIffaceModel==nullThen㊀㊀抛出异常:不存在人脸模型Else㊀㊀向人脸识别子系统发送请求㊀㊀㊀㊀㊀㊀HttpUtil createPost(checkinUrl)ꎻ㊀㊀请求体携带用户签到照片FileUtil file(path)与人㊀㊀㊀㊀㊀㊀脸模型数据faceModel㊀㊀If无法识别出人脸或照片中存在多张人脸Then㊀㊀㊀㊀抛出异常㊀㊀Elseif"False" equals(body)㊀㊀㊀㊀抛出异常㊀㊀Elseif"True" equals(body)㊀㊀㊀㊀获取用户签到地新冠疫情等级㊀㊀㊀㊀保存签到记录㊀㊀EndIfEndIfEND㊀㊀拍照签到:通过doGetAuthenticationInfo方法对用户认证授权成功后ꎬ如果是第一次签到ꎬcheckin方法检测数据库中没有该员工人脸模型ꎬ给出异常提示ꎬ根据当前签到照片创建人脸模型数据ꎻ否则ꎬ向人脸识别程序发送http请求ꎬ验证当前签到照片与系统人脸模型是否一致ꎬ验证成功ꎬ则签到成功ꎬ同时获取签713西南民族大学学报(自然科学版)第48卷到地疫情风险信息ꎻ否则签到失败.签到地疫情风险管理:通过GPS定位员工打卡位置ꎬ使用腾讯位置服务获取坐标转换成真实地址ꎬ然后采用本地宝查询所在地区风险等级ꎬ根据所在地区信息拼接成对应的本地宝访问地址urlꎬ然后解析本地宝HTML页面的标签ꎬ提取其风险疫情等级信息.如果员工的疫情风险等级是:高风险ꎬ后端就发送高风险疫情警告邮件给管理员.为了同时处理风险等级判断和告警邮件发送ꎬ提高系统的执行效率ꎬ故将发送告警邮件的功能提取出来ꎬ用异步多线程执行的.具体来讲ꎬ在主类上添加@EnableAsync以开启异步多线程ꎻ创建ThreadPoolCon ̄fig类ꎬ声明Java线程池ꎻ创建EmailTask类ꎬ定义线程任务ꎻ查询员工的姓名和部门名称ꎬ在 xml文件中声明查询语句ꎻ接口中定义抽象方法ꎬ定义值注入变量ꎬ用来接收用户签到地高风险告警邮件.2 3 2㊀视频会议创建/编辑会议功能包含创建会议和编辑会议两部分.通过点击创建会议㊁编辑会议按钮会进入到会议详情页面ꎬ该页面包括输入会议标题㊁编辑会议时间㊁地点和内容以及选择会议的参会者三部分.其中ꎬ当选择会议类型为:线下会议时ꎬ地点是必填项.用户填完信息后可以点击保存.选择会议参会者功能实现了用户在填写会议详情的时候ꎬ点击添加按钮ꎬ跳转到部门员工列表ꎬ在其中选择需要添加的员工.当用户点击添加参会者按钮时ꎬ需要验证当前用户是否具有查看部门员工的权限ꎬ如果有权限就会展示所有部门的员工.页面初始化时ꎬ会获取当前会议已选的参会者.查看会议功能主要是实现分页加载会议列表meeting_list.页面初始化时ꎬ小程序端向后端请求当前用户的会议列表ꎻ后端获取数据后ꎬ通过分页的形式ꎬ展示了用户参与或创建的会议ꎬ并且按日期进行分组展示.2 3 3㊀消息通知该功能模块包括定时轮询接收消息ꎬ消息自动发送以及异步写入消息.1)定时轮询接收消息首页的定时轮询活动如图5所示ꎬindex页面设有定时器ꎬ每5分钟发送一次轮询ꎬ消息任务Mes ̄sageTask利用异步线程接收MQ中的消息ꎬ并保存到消息集合message_ref中ꎬ并将新收到的消息的标志位设置为falseꎻ服务端程序Service把消息队列中当前用户的未读消息返回到微信小程序ꎬ显示给用户.图5㊀视频会议流程图Fig 5㊀Flowchartofvideoconferences2)消息的自动发送与用户相关的业务发生变化或者用户资料被修改后ꎬ系统会自动向员工发送消息通知ꎻ后端接收到消息后ꎬ调用messageTask类发送系统消息到MQ消息队列中ꎬ并不直接写入到MongoDBꎻ然后在首页轮询的时候提示用户有新的系统消息.3)异步写入异步写入是在用户登录时ꎬ消息任务类Mes ̄sageTask的异步线程ꎬ从消息队列MQ中接收该用户的系统消息ꎻ然后将系统消息存储到数据库ꎬ并从消息队列MQ中删除ꎬ从而实现了错峰写入.消息列表详情页面中ꎬ根据发送邮件者的不同ꎬ可以动态设置消息列表页面的名称ꎬ也可根据当前的消息类型ꎬ展示不同的消息列表.未读的消息底色为红色ꎬ用户单击未读消息ꎬ当用户点击后ꎬ后端通过消息ID将message_ref集合中的未读标志重置为已读.2 3 4㊀系统管理该功能模块包括用户管理㊁权限管理和部门管理.1)用户管理用户管理包括激活码注册㊁我的考勤㊁个人资料管理等功能.当管理员创建新员工后ꎬ系统会自动向新员工发送包含激活码的邮件.新员工在线办公系统的注册页面填写激活码后ꎬ系统将微信平台获取到用户的信息ꎬ更新到数据库ꎬ实现用户微信账号和系统账号进行绑定.在后续的登录时ꎬ只需点击登录按钮即可实现自动登录.813第3期李英玲ꎬ等:基于uni ̄app+SpringBoot的移动智能办公系统设计与实现㊀我的考勤功能ꎬ可在日历控件选择查询的年份和月份ꎬ得到个人的月考勤情况ꎻ个人资料功能ꎬ实现对个人信息的录入和修改.2)权限管理用户登录系统时ꎬShiro框架会对用户进行认证与授权ꎬ成功获取认证与授权对象后ꎬ跳转至首页ꎬ微信小程序端从本地读取用户的权限信息ꎬ进行权限控制管理.认证与授权:本系统通过使用RBAC权限管理结合Shiro(Java安全框架)技术ꎬ根据用户的状态(例如在职㊁离职)和令牌的有效性实现对用户的认证ꎬ确保平台权限访问的安全和正常运行.其认证与授权过程如图6所示:图6㊀基于Shiro认证与授权流程图Fig 6㊀Flowchartofcertificationandauthorization当微信小程序端发送ajax请求传递参数ꎬ后端Shiro的过滤器XssFilter拦截所有的请求ꎬ将传递的数据信息转义后存储到数据库中.转义后的请求会再次被OAuth2Filter类拦截ꎬ认证用户提交的令牌没有问题ꎬ就可以当作已经成功登录ꎬ因此需要OAuth2Realm类颁发认证对象ꎬ然后通过HTTP请求往下传递.接着让OAuth2Realm类中的授权方法返回一个授权对象ꎬ根据用户的userId将用户的权限列表查询出来ꎬ封装在授权对象中ꎬ传递给Web方法ꎬ最终返回给微信小程序端进行存储.权限控制:采用RBAC权限控制技术ꎬ实现了对用户权限的管理.采用模块和行为相结合的方式得到权限控制消息ꎬ并记录到权限表tb_permission中ꎬ同时采用JSON数据格式存储各角色的权限.本系统的微信小程序端和后端都需要权限验证ꎬ后端的权限验证通过Shiro框架实现ꎬ微信小程序端通过自定义封装函数来实现权限验证.用户的权限信息存储在权限表中ꎬ当用户登录时ꎬ从后端程序查询并得到当前用户的权限列表ꎬ并保存到本地Storage.然后每个页面在加载时ꎬ先判断用户的权限ꎬ再根据权限控制页面加载的内容.例如:用户登录成功后ꎬ点击 会议 ꎬ进入会议列表页面.具有创建会议权限的用户可以看到 创建会议 按钮ꎻ没有该权限的用户无法查看到 创建会议 按钮.3)部门管理部门管理是给拥有管理员权限和部门查看㊁修改权限的用户呈现部门信息㊁增删改功能.在新增和修改时ꎬ需要验证用户输入的部门名称ꎬ是否符合要求并且是否为已存在的部门ꎻ在删除部门时ꎬ给出删除的确认提示 是否删除某某部门? ꎬ以免误操作.基于上述对移动智能办公系统的设计ꎬ本系统前端采用微信小程序ꎬ后端使用SpringBoot技术开发接口ꎬ实现签到考勤管理㊁视频会议管理㊁消息通知管理㊁系统管理四个模块功能.开发过程使用的库和编程环境如下:①HBuilderXꎻ②微信开发者工具ꎻ③IntelliJIDEA2020 3 3ꎻ④NavicatPremium15ꎻ⑤OracleVMVirtualBoxꎻ⑥MobaXterm.3㊀系统测试㊀㊀本系统的测试通过真机运行ꎬ使用昵称为 王小美 的管理员账号登录ꎬ按照管理员的注册和登录㊁消息通知的接收和发送㊁拍照签到的验证㊁签到考勤统计的查看㊁视频会议的编辑㊁用户和部门的管理流程进行测试.1)登录注册首先管理员账号 王小美 在注册页面输入激活码:000000ꎬ若绑定过超级管理员则显示 无法注册成为超级管理员 ꎬ否则注册成功并跳转至首页.测试结果如图7所示.913西南民族大学学报(自然科学版)第48卷㊀图7㊀(a)管理员注册失败(b)管理员注册成功Fig 7㊀(a)Successfulregistrationofadministrators(b)Failedregistrationofadministrators2)消息通知当用户注册成功跳转至首页ꎬ通过下拉展示轮询接收到新信息ꎬ并且可在消息提醒中查看接收到的新系统消息.测试结果如图8所示.㊀图8㊀(a)定时轮询接收新消息(b)未读消息页面Fig 8㊀(a)Regularlyreceivingnewmessages(b)Thepagesofunreadmessages3)拍照签到用户点击 拍照 ꎬ获得摄像头权限后ꎬ进行人脸拍照.若用户是新员工第一次拍照签到ꎬ会提示用户 是否将当前照片作为人脸识别模型? ꎬ用户点击确定后ꎬ系统提示 人脸建模成功 ꎻ否则直接进行签到.测试结果如图9所示.4)签到考勤统计签到成功后ꎬ跳转至签到结果页面ꎬ显示用户今日的签到信息以及用户本周的考勤情况ꎮ系统检测到该用户签到地为高风险地区ꎬ给公司主管发送疫情告警邮件ꎮ测试结果如图10所示.㊀图9㊀(a)新用户首次拍照签到页面(b)签到成功Fig 9㊀(a)Firstcheck ̄inpages(b)Check ̄insuccessfully㊀图10㊀(a)签到地疫情风险告警邮件(b)签到记录Fig 10㊀(a)Warningemailsofepidemicrisk(b)Sign ̄inrecords5)视频会议用户点击 会议 ꎬ进入会议列表页面.具有创建会议权限的用户可以看到 创建会议 按钮.点击 创建会议 按钮ꎬ进入会议详情页面ꎬ填写会议的信息并选择会议参会者.测试结果如图11所示.6)用户管理管理员可以对员工进行管理ꎬ在我的页面点击 员工管理 ꎬ添加新员工的基本信息.保存成功后ꎬ发送系统注册码到新员工的邮箱.测试结果如图12所示.㊀㊀7)部门管理管理员点击 部门管理 ꎬ显示所有的部门信息ꎬ可进行新增㊁修改和删除操作.选中 市场部 ꎬ点击 修改 按钮ꎬ将 市场部 修改为 外联部 ꎬ测试结果如图13所示.023。
基于uni-app+SpringBoot的高校科研管理系统设计与实现

基于uni-app+SpringBoot的高校科研管理系统设计与实现作者:赵建鼎余嘉兴莫凯航来源:《科学与信息化》2020年第16期摘要近年来,我国普通高等院校的学科建设和专业发展都有了长足进步,与此同时,科研信息管理的工作量也与日剧增。
为提升我校电子信息学院的科研日常管理效率,打造更好用的科研工作平台,设计开发了一款基于uni-app+SpringBoot的科研管理系统软件,对高校科研日常工作进行辅助管理,能克服传统科研管理工作数据更新不及时、信息公布不对等不到位的短板,集中解决管理针对性不强的问题,对提升学院科研管理的效率、推进数字化校园建设起到促进作用。
关键词科研管理软件;uni-app;SpringBoot;高校引言教学和科研是我国普通高等院校的两个重要工作。
随着社会发展对科技依赖程度的不断提升,现阶段大部分高校的科研任务都较为繁重,不同项目的同时交叉运行已经成为高校科研的普遍现象[1]。
根据李彦华等人进行的中国高校科研效率评价研究结果,20所高校样本中的17所高校在科研建设方面做得较好,其余3所高校在科研综合效率值方面较差。
同时还发现,在“双一流”高校样本中,这些高校在科研体系建设及科研效率等方面存在着明显差距[2]。
目前大多数高校的科研工作信息化管理主要是通过两种途径:一是通过办公软件进行资料整理,然后利用微信、QQ等社交软件进行信息传递;二是利用各高校自建的科研管理系统。
第一种途径的缺点是工作效率低、信息安全无法保障,并且没有专门进行科研工作交流和数据存储的系统,会大大影响科研工作管理效率。
第二种途径的问题主要表现在:各个部门分别自建系统,导致功能流程没有完全打通,统计数据需要反复输入和导出,人为造成管理困难。
例如:科研成果采集仍沿用录入-审查制,费时费力效率低、录入缺乏积极性;数据更新不及时,管理人员无法准确使用这些数据;知识产权未能及时对接数据库,科研信息未纳入数据库管理;电子文档数据孤立,不利于历史数据查询等。
基于SpringBoot和Uni-App框架的自习室平台的设计与实现

基于SpringBoot和Uni-App框架的自习室平台的设计与实
现
李金忠;胡志明;陈建钢;陈涵轩;左左
【期刊名称】《河北水利电力学院学报》
【年(卷),期】2024(34)2
【摘要】目前,国内教育开始大规模普及在线学习模式。
然而,许多现有的在线学习平台逐渐出现过度娱乐化和社交严重化的问题,这严重违背了在线学习平台诞生的初衷;此外,平台功能相对有限,难以全面管理用户的学习状态,市面上满足用户需求的产品也相当匮乏。
为此,文中基于SpringBoot和Uni-App框架设计与开发了一款移动端自习室平台,专门为用户提供学习状态管理服务。
该平台的主要功能包括自习状态管理、学习动态管理、排行榜、记事本、用户信息管理5大功能模块。
该平台可为用户提供一系列学习状态管理服务,帮助用户养成良好的学习自制力,培养学生的自主学习能力,提高学习效率。
【总页数】6页(P77-82)
【作者】李金忠;胡志明;陈建钢;陈涵轩;左左
【作者单位】井冈山大学电子与信息工程学院计算机科学与技术系
【正文语种】中文
【中图分类】TP311.52;G434
【相关文献】
1.基于uni-app框架的校园极简生活跨平台移动应用的设计与实现
2.CircleChat:基于SpringBoot和Uni-App框架的圈聊平台的设计与实现
3.CircleChat:基于SpringBoot和Uni-App框架的圈聊平台的设计与实现
4.基于Springboot和Vue框架的考试资源服务平台的设计与实现
5.基于SpringBoot框架的营区手机管控平台设计与实现
因版权原因,仅展示原文概要,查看原文内容请购买。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
近几年,随着移动终端的发展以及互联网技术的飞速发展,越来越多
的软件开发者将其应用范围延伸到移动端,大大提升了用户的体验和
使用方便性,更好地满足用户需求,uniapp使移动端开发更加便捷。
uni-app是一款基于VUE.js开发的框架,它可以使软件开发者将同一份代码发布到不同的平台,如iOS、android、H5、微信小程序等。
不仅
如此,uniapp还可以实现跨平台的功能,让原本繁琐的开发工作变得
更加便捷。
因此,uniapp是一个选择移动端软件开发的不错的选择,尤其是接触uniapp的第一次的开发者,uniapp可以极大地减少开发者的学习和实践过程,降低了开发者的学习成本,同时也可以最大限度地减少遇到问
题的概率,为开发者创造了极大的方便。
另外,uniapp支持跨平台设备,这也是uniapp最大的优势之一。
有了uniapp,软件开发者不仅可以将软件发布到多个平台,同时还可以实现跨平台的功能,如调用安卓和iOS的原生API,给用户更好的体验,
同时也可以实现真正的一次性开发,大大提高开发效率。
总的来说,uniapp的出现对移动端应用的开发极大地改变了开发模式,它可以同时减少开发时间和开发成本,提高开发效率,同时也可以实
现跨平台调用原生API,为开发者提供了更多的便利,将成为开发者
极为重要的开发工具,uniapp正在发展迅速,市场前景十分广阔。