《公司业务信息管理系统设计.docx》由会员分享，可在线阅读，更多相关《公司业务信息管理系统设计.docx（43页珍藏版）》请在课桌文档上搜索。
1、公司业务信息管理系统设计摘要目前，众多企业在考勤管理方面普遍存在着诸多不足。我们不难发现，在众多劳动争议的案例中，由于企业对员工考勤的监管不力，甚至缺乏基本的考勤制度，导致这些企业在劳动纠纷中频频败诉。这样的现象频发，引发了我们对考勤管理制度的深入思考和探究。我们致力于推动企业建立和完善考勤管理制度，以实现考勤管理的精准、科学、数字化与合理化。因此，构建一个高效、稳定、易用的公司业务信息管理系统成为了诸多企业的迫切需求。通过构建公司业务信息管理系统，企业能够更高效地实现考勤管理的数字化转型，从而可以促进企业信息化建设，提高业务处理效率和员工的满意度，提升企业竞争力。与此同时，随着信息技术的发展
2、，云计算、大数据、人工智能等新技术的应用为公司信息管理系统的构建提供了更多的可能性。数字化考勤管理系统的主要目的是帮助企业处理员工考勤打卡，请假，调休，公出，核算工时等日常考勤事务。提高企业处理人力管理的效率。本系统采用Vue0ElementUI的方式来开发一个页面友好，操作简洁的数字化考勤管理系统。考勤要如何有效管理？考勤制度要如何精准完善？考勤方式要如何合理改革？才能在既保证考勤数据完整无误的同时，又不至于企业耗费大量人力、物力资源去处理有关考勤的一系列问题。这是企业管理者一直在思考的一个重要问题。随着计算机的广泛普及以及科技的迅猛进步,人日益倾向于借助计算机来解决实际生活中遇到的各种问题
3、。在当前的企业运营中，员工考勤制度管理已成为企业信息管理不可或缺的一环。然而，面对海量的考勤信息，若仅仅依靠人工处理，不仅将消耗大量的人力资源和物质成本，同时也将耗费大量时间，并且这种方式所得到的数据准确性难以保证。因此，开发一个具有界面美观和操作更加便捷的数字化考勤系统，进行自动化处理具有一定的现实意义。关键词：考勤管理；vue2.0；EIementUl第一章绪论第一章绪论1.1 系统设计背景考勤数据错乱，线下收集考勤数据，员工请假调休数据不能实时同步，影响薪酬计算；考勤复杂，一天多卡，外勤考勤无法确定真实，考勤排班耗时耗力，请假考勤核算复杂过程繁琐；考勤方式使用不当，考勤纸签或打卡机，上班
4、考勤排队，居家办公无法确认员工是否出勤；排班难度较高，核对出勤工作量大，出勤率无法精准计算，人员安排时间不平衡，出错率高等。以上都是传统考勤存在的共性问题。那么如何更好的解决这些问题就显得尤为迫切。随着现代科学技术的不断发展，网络技术广泛的使用，使得互联网产业在生活和工作中起到的作用越来越重要。如何使用互联网技术更好的解决企业的考勤问题，人员管理也显得迫切需要。因此加快推动企业的数字化、信息化发展显得尤为重要。在系统筹备初期，我们通过对企业考勤方式的调研，针对现在各个规模企业考勤管理的实际需要,开发了适用于大部分企业管理的数字化考勤管理系统。在此系统的设计与开发中，我们基于简单易懂好操作的基本
5、原则，尽可能采用简单易懂的UI界面，精简的操作流程，在此基础上，尽可能的保证流程的完整性和处理结果的正确性。使企业人员在使用时.，能够快速上手，提升企业的管理效率。在保证系统运行稳定和完整的同时，提升系统运行效率，优化使用人员的用户体验。1.2 系统设计内容系统设计的初衷是为了帮助企业提高管理效率，尽可能的操作简单易上手。为了保护数据的安全性，于是设计只对企业内部人员开放，所以未登录人员，不可进入本系统，同时为了企业方便管理。在系统中，我们明确区分了管理员和普通用户两个角色，并为它们分别配置了不同的权限，以确保系统的安全和高效运行。系统首页作为登录后的第一个页面，本系统设置用来展示当前员工在公
6、司的天数，增加员工归属感；个人信息，用来展示当前登录用户的信息；工时管理主要用来处理考勤问题，包括我的考勤、工时管理等内容；待办事项由当前登录用户编辑使用；考勤管理主要面对管理员展示，当前登录用户为管理员角色，则展示考勤汇总信息，当前登录用户为普通用户角色，则展示暂无记录。以上，为本系统设计的主要内容。1.3 系统设计意义企业的考勤管理务必严格遵循既定的考勤管理制度。然而，鉴于考勤管理的核心对象一一企业员工具有流动性强的特点，传统的考勤管理方式往往显得僵化且缺乏灵活性。这种方式涵盖了大量的机械性、重复性任务，诸如工资核算和考勤数据整合等，这些工作不仅占用了人事专员大量的时间和精力，而且难以满足
7、员工在出差或异地办公时的考勤需求。一旦考勤环节出现问题，可能对整个公司的考勤工作带来严重的负面影响，进而不利于企业考勤管理的稳步发展。首先，数字化考勤管理系统的设计有助于解决传统考勤管理方式存在的问题。它在企业发展中发挥着极其重要的作用，而且随着企业规模的扩大和员工数量的不断增多，一个高效且灵活的考勤管理系统显得尤为关键。相较于传统的考勤管理模式，数字化考勤系统能够为企业构建更为高效的考勤管理机制。这一系统不仅提供准确、可靠的考勤数据，还为企业带来了便捷的管理体验，人力资源部门的工作负担得到了减轻，进而提升了整体工作效能。其次，数字化考勤管理系统的设计有助于推动企业信息化建设。随着信息技术的发
8、展，伴随着科技的不断发展，企业信息化建设已经日渐凸显出其对于企业提升市场竞争力和运营效率的深远影响，成为了一条不可忽视的发展之路。数字化考勤管理系统作为企业信息化建设的重要组成部分，能够促进企业信息化建设的进程，提高企业整体运营效率。最后，数字化考勤管理系统的设计有助于提升企业的形象和竞争力。一个高效、稳定、易用的数字化考勤管理系统能够展示企业的现代化管理和技术实力，提升企业的形象和竞争力。同时，数字化考勤管理系统能够提高员工满意度和工作效率，进一步增强企业的竞争力。第二章系统设计的分析阐述2.1需求分析早期的企业考勤管理，基本都是靠人力来完成的。但随着我国企业的不断发展，企业规模和人员的不断
9、扩大，靠人力统计考勤和计算薪酬的成本越来越高。因此，在企业中引进数字化考勤系统，实现考勤的数字化管理，从而提高考勤管理的效率，使人力资源从大量繁复的统计考勤工作中解放出来。在软件工程。开发时，须认真准确的分析考勤管理和异常考勤的业务逻辑，在理清楚业务逻辑后，尽量采用简洁的流程去开发，同时，要兼顾考虑用户使用时的简便性。还要考虑到系统运行时的性能问题，使用资源懒加载的方式提高性能，提升页面加载速度。2.2技术可行性分析前端部分采用Vue框架，并结合了EIementUI组件库进行开发。Vue。作为一款轻量级的JaVaSCriPt框架，具有低门槛，易上手的特点，非常适合初学者快速入门。它支持组件化开
10、发，能够实现数据与结构的分离，有效减少代码量，从而提高开发效率。此外，VUe框架通过实现页面的局部刷新功能，有效避免了在每次页面跳转时重新请求数据的麻烦，为用户提供了更加流畅的应用体验。至于ElementUI,它是一套丰富的组件库，为VUe开发者提供了大量可复用的UI组件，极大地简化了前端开发的复杂度。EIementUl组件库Ul简洁大方，组件类别多，使用起来容易上手，且与其他组件库相比更适用于面向外部开发。后台部分采用java来进行开发。JaVa网语言开发不受平台限制，编译后的程序在WindOWs、1.inux,MaCOS平台上都可以运行。2.3开发环境与生产环境1.3.1 开发环境前端页面
11、的开发使用VUe框架，VUe-CIi脚手架是VUe官方推出的一款工具，它极大地简化了项目搭建的过程，使我们能够更快地投入到开发工作中。同时，使用可以包管理工具NPM对项目依赖进行管理和下载，还可用NPM下载项目中需要用的插件或组件库，比如ElementU1.同时，可以使用脚手架所搭建的项目中package.json文件里的配置项SeriPtS进行项目运行，查看所编写的页面。代码运行调试，用谷歌浏览器进行页面样式预览，页面业务逻辑在代码中添加COnSole,在控制台中查看调试。代码开发使用第二章系统设计的分析阐述Webstorm,WebSlOrm是一个由JelBrainS公司旗下JaVaSCri
12、Pl开发工具，依靠强大的生态，可以方便的集成开发中所需的各类插件，例如git工具等。后台部分在开发前安装好java的jdk并且配置好环境变量JAVAJ0ME,使用MySQ1.。来设计数据库进行数据存储，使用IDEA代码编译器进行代码编写。本系统对运行环境的要求如下：1、软件要求：Webstorm、node.js浏览器、MySQ1.5.5、IDEA、java语言jdk,且配置好JAVA.HOME环境变量。2、硬件配置的选择应基于其对上述软件环境的支持性。2. 3.2生产环境项目开发完成之后，准备上线之前，需要进行生产环境的部署，才可以让用户正常的访问使用，一般我们需要考虑以下几个方面：页面加载速
13、度、请求接口速度频率、服务器的容量、更新迭代是否迅速、是否容易出现系统崩溃等问题。前端代码写完之后，需要用webpack将其进行打包，打包完成后放在服务器上。Web项目部署在服务器中需要配置一个端口服务，通常使用Apache或者NginX进行服务配置。第三章系统的总体设计3.1系统模块设计系统模块设计，简而言之，就是将软件系统结构分割成多个模块。通过这种方式，软件结构变得更为清晰，设计更加便捷，同时也提高了代码的可读性和可维护性。此外，模块化还有助于软件的测试、调试和修改，为软件工程好味找到引用.的开发管理提供了便利。因此，从模块化的角度出发，将本系统按功能分为以下几个模块：3.1.1 登录在
14、大部分的管理系统中，登录模块都是非常重要的存在。其主要的目的是验证用户的身份信息，对用户的身份进行校验核实。更重要的是通过登录这一步骤，筛选掉一大部分非内部人员的用户，从而有效的保护企业信息安全和防止企业内部信息泄露。在本系统中，只要在登录界面中输入了用户名信息以及密码信息，再点击登录就可以进入到主界面。在点击登录时，如果用户没有输入用户名信息或者密码信息，则会弹出相应的错误提示，引导用户输入对应的内容，成功登录。同时，为了提升用户体验，在登录按钮下方设置了重置按钮，为的是用户在输入错误或换账号登录时，能够快速的清空用户名和密码框中的内容。下图所示为登录页面内容。图3.1登录页面3. 1.2首
15、页首页为登录后展示的第一个页面，本系统中用来展示当前登录员工在职天数，以做纪念，有助于增加员工对公司的认同感、归属感。下图所示为首页内容。mtKHMi:0rxm数字化考勤管理系统图3.2首页页面oCT)5l3.1.3个人信息个人信息页面主要展示当前登录用户的个人信息，包括用户的个人信息、教育经历、教育信息、履职信息。个人信息包括但不限于：姓名、性别、年龄、手机号等。教育经历包括但不限于：学校、专业、学历等。履职信息包括但不限于：员工编号、所在部门、担任岗位、部门领导等公司内部信息。下图所示为个人信息页面内容。0好磔勤管理系统个Aw。数字化考勤管理系统T)9张三得办事SiSMWMF-dIM11(
16、trWrt图3.9待办事项-待办事项ACFfl2AW1qjCTt冷Z访*m佐0。数字化考勤管理系统K.Sa己办事IBBBM44mRmSWt4MXFftAW图3.10待办事项-己办事项3. 1.6考勤管理考勤管理模块区分管理员权限和普通用户权限，虽然管理员和普通用户都可以进入考勤管理页面，但他们所看到的内容不尽相同。管理员可以看到所有的考勤汇总信息，还可根据员工姓名或工号进行查询，查看具体某个员工的考勤信息。普通用户看到的则是暂无记录这样一个提示。下图所示为考勤管理页面的内容。x个AralIrrgItE系统=图3.11考勤管理管理员权限BrF化考财西过系统图3.12考勤管理普通用户权限3. 2系
17、统路由设计一般访问项目都会有一个地址，这个地址的前半部分通常是由域名加端口组成的，而想要访问到某个页面就需要路由来控制。一般，路由都是由不同的字符串组成，通过不同的路由去加载不同文件，从而达到查看不同的页面这一效果。由于此系统采用的前端框架是Vue,所以我们可以使用VUe的路由管理器VgrOUter。它的配置一般都是由文件路径、路由名称、页面参数为主要的内容。通过当前的路由去和路由名称做比对，匹配成功的就加载相对应的文件。这对于浏览器来说也比较友好，相比较别的项目在页面加载时就加载所有的文件相比，这个明显对浏览器的资源的占用是比较少的。本系统一级路由有两个，分别是登录页面的路由和登录后首页的路
18、由。其余除工时管理外，为基于首页一级路由下的二级路由，工时管理下的几个模块为三级路由。下图为路由设计的详情。iaportVuefromvue;10portRouterfrom*vue-router;!porthomefro三n/views/hoeMVue.use(Router);exportdefaultnewRcjter(mode:hash,routes:path：V,nae:,1.ogin,cooent:()二iport(,/views/logint)path:Vlndexviewredirect:,IndexViewindex1.(path:7lndexviewna三e:,IndexVi
19、ewjtitle:“首页，icon:,el-icon-s-bcxecomponent:home,children:I；)path:*/person,nae:,Person,title:“个人信息，icon:el-Icon-S-CUStoiii,componentzhoe,children:path:,index,name:tPersonIndex*,title:”个人信息，component:()(-)图3.13路由设计详情3. 3前端页面组件化组件化是一些编程语言的一个特性。在前端开发中为了提高开发的工作效率，提高代码的复用率以及提高代码的维护率，通常情况下，我们会采取组件化或者模块化的方式
20、。组件化更多关注的是视图层，例如，多个页面列表展示的形式和结构完全是一致时可以写成一个组件，封装的每一个组件都有独立的HTM1.、JS、CSSo我们可以把它放在任何我们需要的地方，也可以和其他组件组建成一个新的组件。组件化的初衷在于实现代码的重用性，特别适用于功能相对独立或单一的场景。通过组件化，VUe实例的代码量得到了有效拆分，使开发者能够更清晰地了解如何根据功能模块划分组件，以及如何根据功能需求调用相应的组件。这一方法更加聚焦于代码的重用性，提升了开发效率和代码质量。组件化设计尽可能接近原生的情况下完成复用、解耦、封装、抽象的目标，最终服务于开发，提高效率，降低错误发生比率。基于这一目标，
21、本系统中对公共弹窗、左边导航栏、右边头部这几个部分进行组件化开发，在页面中组合使用，减少代码冗余，提高代码复用率。下图所示为组件拆分简图和弹窗组件。HeaderAsideMain图3.14组件拆分简图!-左边导航栏一importsidebarfrom./components/sidebar.vueimportheadnamefrom./components/headname.vueimportalertboxfrom./componentsalert.vue,exportdefaultname:Home,components:sidebar,headname,alertbox,图3.16弹窗组
22、件3.4数据库设计3.4.1 系统的数据库关系表是数据库的重要组成部分，数据都储存在表中。基于本系统的设计，数据主要存储在以下六张表中，分别是个人信息表、教育信息表、履职信息表、考勤表、待办表、记录员工入职天数表。其中，个人信息表，教育信息表、履职信息表存储的都是员工信息，每个员工的信息都会储存在这三张表中。考勤表和履职表通过员工id进行关联，记录员工入职天数表通过主键id和个人信息表关联,待办表通过主键id和履职表相关联。下图所示为系统的数据库关系。tbmattersPH.nt(ll)ejd：i11t(l1/content”255)typetbattendance/idejd:nt(ll)t
23、ypevarchz3.s5SUrUimedate：endjimedatct*11xsuit：VarChlr(255)gojou1.place255appfe1.stats，dpproe.resUt%Uimedaut-70tbperformanceinformationAidemployIeejddepartmentpostv-irckv:ICompanyJeveITWorkPgCeVat1.status,.1.3H.1?Chtype7，,.；yearsSr1.v：lcommanderCar(5groupJeadec20)executrve.difectorprincipal.tbinforma
24、tionQid令usernamepassword11rhar(.f);genderrchaname.Jhoe，emailvarch.itbeducationalexperience二idxhootecKar(2Ssvgt三-165763173824S-cIass=wIconevieox=-019241024-version=1.xl!YSM,http:/i3,org/20ee/svgp-id三2WWiIsvgt-165763235526class*icon*view6ox-w0124l24version-1.1xl-s-http:/i*3,org/2ew/svg-p-id-M5166*wi(i
25、nputclass*input*typepasswordplaceolder/请*入第的窘码vodeIJpaSSwOrdivclass-login*9clickJloginfBjtdivClass-wIoginresetclick-resefBSspdn图4.2登录模块前端部分代码OPostMaDDinqC/loqin)APilmPUCitParams(0,pl;1H(nan=password,valu=i,paramTyp=json,required=true),AplInpUcitPari(nene=,username,val=J,paramType=json,required=true)
26、BleBpublicApiResultIogin(QRequestBody1.oginVoIoginVo)校曲请求然if(ParamUtil.IsWyll(XoginVo)XreturnApiResult./oil(msg：虫敷不的空”)；if(StringUtils.IsEmpty(loglnVo.getPassword()StringUtlIs.IsEspty(loginVo.getUsername()ApiResult.foil(msg:,耳目或占：泳FF能第至)；VQ9111Vp=IoginserviceAogin(IoginVo);if(Paraelltil.IsNwllClogin
27、Vo)(returnApiResult.oll(mig：当前用户不存在returnApiResult.of(loginVo);图4.3登录模块接口代码4.2个人信息本模块主要用于查看当前登录用户的个人信息。下图为个人信息页面和获取个人信息接口的部分编码。个人BO三图4.4个人信息页面userlnfo.na三eJSerlnfO.sexuserlrrfo.phoneuserInfo.emailuserlnfo.idCarduserlnfo.zhengzhiel-descriptions-itemJSerlnfO.birthdayuserlnfo.ageuserlnfo.nationuserInfo
28、.live!-敦育经历userlnfo.school)userlnfo.三ajoruSerlnfO.education“。1-deSCriPtiOnS-itemJSerlnfO.startTimeuserlnfo.endimeuserlrrfo.iduserlnfo.deartBentuserlnfo.postuserlnfo.leveluserlnfo.workplaceuserlnfo.status图4.5个人信息前端部分代码OPoStHaPDinq(1/information)QApiImpticitParams(0ApiImplicitParam(name=id,value=id登果接口一回的，pa
