基于Vue.JS的企业监控平台设计与研发

基于Vue.JS的企业监控平台设计与研发TheDesignandDevelopmentof“EnterpriseMonitoring”PlatformBasedonVue.JS摘要近些年来，自动化监控席卷全城，包括UI自动化，接口自动化等。市面上的监控系统有很多，但大多收费，对于中小型前端项目来说，必然是痛点。另一点主要原因是，功能通用，却未必能够满足我们自己的需求。墨迹监控系统中，所有的性能监控工作都由不同的监控项目来完成，用户可以监控各种类型的任务，比如墨迹UI、墨迹接口、天气监控、UI自动化、数据构造、测试任务、测试接口、测试case用例、项目人力安排、项目甘特图以及供公司测试人员使用的测试小工具、竞品数据对比等。测试小工具中主要为测试人员而作，包括：两个版本的天气数据、Mock数据、Xmind转excel转换工具、员工推送测试的工具等。另外，这个项目还主要用于监控和管理公司内部几百个域名下的所有接口和case用例。当今社会的互联网发展，让新近技术越来越强大。本项目所做的主要目的，是让人们可以24小时在线，了解更多的接口详情，更多的监控详情等，带给人类的一些快捷，随时随地查看公司线上APP及网站的状态、及时处理工作、随时保持沟通、迅速解决bug、需求管理、项目管理、工具管理、数据监控，使我们的工作生活更加丰富充实，让公司员工不再苦恼，该项目能够降低他们的加班频率，提高员工工作效率。监控系统和移动APP的整合，可以让认真工作的人们更方便的在线上进行监控和操作等等，会更加有力筛选出重要的内容，反馈APP有价值的信息。关键词：监控系统；互联网；UI自动化

AbstractInrecentyears,automatedmonitoringhassweptthecity,includingUIautomation,interfaceautomationandsoon.Therearemanymonitoringsystemsonthemarket,butmostofthemchargefees.Forsmallandmedium-sizedfront-endprojects,itisboundtobeapainpoint.Anothermajorreasonisthatfunctionsareuniversal,butnotnecessarilyabletomeetourownneeds.Ininkmonitoringsystem,allperformancemonitoringworkisaccomplishedbydifferentmonitoringprojects.Userscanmonitorvarioustypesoftasks,suchasinkUI,inkinterface,weathermonitoring,UIautomation,dataconstruction,testtasks,testinterfaces,testcasecases,projectmanpowerarrangement,projectGanttchartandtestkitsforcompanytesters.Competitiondatacomparisonandsoon.Mainlyusedtomonitorandmanageallinterfacesandcaseusecasesunderhundredsofdomainnameswithinthecompany.WiththerapiddevelopmentoftheInternet,theso-calledInternet,whichisregardedasthegreatestinventionofthe20thcentury,collidespassionatelywiththemostadvancedautomatedmonitoringtechnology,andanewInternetworldwithunlimitedinnovationandvitalityisborn.Today'sInternetallowspeopletobeonline24hourstolearnmoreinterfacedetails,moremonitoringdetailsandsoon.Theinformationsocietyhasbroughtsomeshortcutstohumanbeings.TheInternetcanviewthecompany'sAPPstatus,processwork,maintaincommunication,solvebugs,demandmanagement,projectmanagement,toolmanagement,datamonitoringanytimeandanywhere,soastoenrichourworkandlife.。TheintegrationofmonitoringsystemandmobileAPPcanmakeitmoreconvenientforpeoplewhoworkhardtomonitorandoperateonline,andsoon.ItwillscreenoutimportantcontentmoreeffectivelyandfeedbackvaluableinformationofAPP.Keywords:Monitoringsystem；Internet；UIautomation

第1章前言近些年来，自动化监控席卷全城，包括UI自动化，接口自动化等。市面上的监控系统有很多，大多收费，对于中小型前端项目来说，必然是痛点。另一点主要原因是，功能通用单一，却未必能够满足我们自己的需求。1.1项目概述“墨迹监控管理系统”是在北京一家互联网公司墨迹天气实习期间所开发，用于公司内部测试人员的日常工作，包括墨迹天气APP的数据监控、竞品数据监控、需求管理、项目管理、接口管理、case管理、bug管理、用例管理、测试报告、数据报表、员工工作报表、以及公司测试机管理等等。1.1.1项目背景近年来，自动化监控席卷全城，包括UI自动化，接口自动化等。市面上的监控系统有很多，大多收费，对于中小型监控项目来说，必然是痛点。另一点主要原因是，功能通用单一，前端监控功能主要包含：JS错误日志监控分析、静态资源请求报错统计、用户行为检索、接口请求报错统计、HTML加载性能分析、PVUV日志分析。这些虽然功能齐全，但却未必能够满足我们自己的需求。对于运维人员来说，系统往分布式系统的方向发展、系统和系统的依赖难以知晓；故障排查成本高；系统的压力和系统的水位分析。对于测试人员来说，压力分布测试难度大。对于开发者来说，系统排查错误的成本过于高。随着市场环境的变化以及国际化的进程，企业的各种对内、对外需求也日益增长。服务化的架构以及容器化的应用加速了各种功能、产品的迭代与更新。随之而来，我们也面临着一个不断膨胀，日渐复杂的系统。复杂度的成倍增加对故障的根因分析、执行流程的调优以及数据链路的追踪带来了极大的挑战。因此，对于一个企业级的应用监控系统来说，也应该持续地发展、演化，才能更好地解决痛点，提高用户的整体效率。如今，应用的执行流程往往由种种内外部依赖、软硬件结合构成。相应的，针对不同的需求，监控领域也有着业务指标监控、应用监控以及基础设施监控等等类别。对于墨迹监控管理系统而言，它的主要功能是监控和管理线上APP或接口的成功率、稳定性。在服务化场景下，它应致力于快速监测并诊断出一个复杂的服务调用链路中的潜在问题，帮助研发人员更好地维护服务的质量1.1.2目的和意义“墨迹监控管理系统”的设计与开发要在公司APP和测试人员之间建立良好的联系，一方面为“墨迹天气”这款软件建立一个可靠性能的平台，还要为用户提供一个体验良好的天气软件，网站设计开发完成，品牌在线下或线上宣传上都有了一个很完备的载体，并且网站是基于rem技术开发的，可以在各种电脑设备上完美展现，可以非常方便的在线上监控接口和case。另一方面，对于应用监控系统来说，它的主要是为了管理、监控线上APP及接口的性能与可用性。在服务化场景下，它应致力于快速监测并诊断出一个复杂的服务调用链路中的潜在问题，帮助研发人员更好地维护服务的质量1.2监控管理系统运行和开发环境服务器端操作系统：Linux；服务器端硬件环境：Macpro；客户端硬件环境：512MRAM个人计算机；开发工具：VSCode；数据库：MySQL；开发语言：Vue.JS+ElementUI+Axios+Java；开发软件所用版本：VSCode2018+TortoiseSVN1.9.5；

第2章监控管理系统需求分析本系统是根据墨迹天气品牌网站的需求，对其进行数据监控、项目管理等操作。将这个网站的功能分为核心数据、线上监控、数据监控、用例管理、需求任务、报表、任务调度、测试工具、用户管理、测试相关等。2.1监控管理系统基本功能需求系统主要是针对公司的技术平台部门员工，供他们工作使用，主要帮助他们监控管理各个项目接口数据、测试用例、任务安排等。功能主要包含十大模块，包括：核心数据、线上监控、墨迹天气APP的数据监控、用例管理、部门的需求任务、报表（包括工作报表和数据报表）、任务调度、测试工具、用户管理、测试相关。下面是针对每个模块细化的功能：核心数据：涵盖了几乎整个系统的所有核心数据，此模块仅仅展示了核心数据的概览，大多数是近一周、近一个月或近三个月的概况。其中核心数据包括：IOS崩溃率、Android崩溃率、HTTP接口成功率、TCP接口成功率、任务需求数、BUG统计数、HTTP接口成功率的Last5、HTTP接口统计图、HTTP告警Top5、TCP接口成功率的Last5、TCP接口统计图、TCP告警Top5等。线上监控：分为线上监控、崩溃率监控、专项监控三大模块。线上监控中有详细的监控列表，监控内容包括接口、case、广告位、统计报表、接口对比报表、case对比报表、环比统计反应变化速度、告警记录、问题汇总等；崩溃率监控又包括全版本崩溃率和单版本崩溃率；专项监控中有天气接口。数据监控：主要负责监控两大模块的数据，即天气监控和数据采集。天气监控的范围包括墨迹天气APP的短时部分、实况部分、推送部分、温度部分、预报部分、以及AQI部分。而数据采集主要采集客户端截图、广告位、以及评论抓取。用例管理：分为接口管理和case管理。接口管理主要负责处理接口列表下的所有case，对某接口所属的case进行单独或批量地增删改查。另外展示接口列表的平均响应时间、平均成功率、平均稳定性。Case管理包括case的详细信息，执行情况、以及操作。需求任务：分为任务概览和项目安排。任务概览页面主要展示了公司内某部门的任务数、投入人力、以及BUG数。项目安排主要展示的是某部门下的所有工作项目，任务排期、以及人力安排等。其中有任务看板和项目甘特图等有趣的功能。报表：分为数据报表和工作报表。数据报表主要用于领导层的汇报工作；而工作报表则是用于管理员工的日常工作。任务调度：分为任务调度和接口报告。主要用于对线上监控的内容进行任务调度，展示接口报告。任务调度中接口调度时负责跑接口的，可以手动看接口用例的成功率等；UI调度则是负责跑IOS、Android手机的用例。测试工具：包括APP天气数据的构造（含有新旧两个版本）、Mock工具、推送测试工具、Xmind转Excel工具。用户管理：只有管理员及个别开发者有权限查看，里面包含用户信息，能够对用户信息进行增删改查，能够修改信息、重置密码等。测试相关：主要是对公司内部的测试机进行管理，功能包括测试机的具体信息、型号、领用人、交接人。2.2监控管理系统可行性分析开发网站前，项目可行性分析包括项目的目标用户分析、用户的痛点以及伪需求分析、产品的优势劣势分析、技术可行性分析、开发时间分析等。项目的目标用户包括墨迹天气公司的内部人员，大多数使用人员为测试人员。网络市场上买来的监控平台，虽然功能强大，但却不能“因地适宜”，功能不能满足用户的伪需求。因此，产品的优势，即是能为用户提供全面、吻合的功能。产品的劣势就是使用人群单一，数据安全对于开发人员是个大挑战，现仅供公司内部使用。实际开发网站时，需要慎重地并且尽可能早的估计网站开发的可行性，对于可行性分析，要考虑：社会、经济、技术、运行、操作等多方面。项目设计主要用于测试人员监控“墨迹天气”APP的数据，写测试用例为某个特殊目标而编制的一组测试输入、执行条件以及预期结果，以便测试为某个特殊目标而编制的一组测试输入、执行条件以及预期结果，以便测试某个程序路径或核实是否满足某个特定需求。2.2.1社会可行性紧跟着经济的飞速发展，还有人类的不断进步，人们对自己及家人的生活质量有着严格的要求。外出旅行游玩、运动、购物，走出家门之前，人们首先要通过手机了解天气，打开天气软件查天气。墨迹天气是能够满足的。这款APP具有人性化的功能设计，操作简单并且易用，是中国比较流行且出色的天气预报软件。而此项目是为了监控这款APP以及其公司的数据，以至于能让开发人员及时发现问题，及时修改bug提高用户体验。人们对天气软件的需求量越来越大，墨迹天气不仅解决了人们重视的天气问题，还得到了社会的认可，在众多竞品中有一定影响力，因此具有社会可行性。2.2.2经济可行性经济可行性是项目可行性研究的重要组成部分,它贯穿于整个可行性研究的全过程。是需要对项目进行成本效益的分析，然后要评估该项目的开发成本，再估算该项目的开发成本会不会超过项目预期的全部利润，即是确认一下支出和收益的对比结果。需要支出的大概有人力的支出、软硬件的成本、市场开拓所需的支出、广告所需支出、运营成本所需的支出、后期维护和系统升级所需要的成本支出以及其他支出。而收益大概有一次性销售得到的的收益、服务费类的收益、投资回报的周期、产品生命的周期、使用的人数以及用户规模、隐性的价值（如口碑）。运行此项目所需要的硬件资源和软件资源，如服务器和数据库操作系统等公司已经具备，不需购买，而且随着网站的投入使用，它将代替人工进行的许多复杂的工作，势必会节约大量的资源，使工作效率得到提高。开发本网站需要的资源比较少，开发成本较低。因此，在经济上具有可行性。是项目可行性研究的重要组成部分,它贯穿于整个可行性研究的全过程。2.2.3技术可行性本系统的开发所需要的技术有很多，包括计算机软硬件技术、系统开发人员的技术水平和用户管理以及使用的能力等。然而，针对于一个中小型的企业下的开发团队来说，他们有能力做好这一工作。结合项目情况，技术可行性分析要考虑如下几个方面：计算机软硬件技术。运行本系统的开发环境包括有操作系统、服务器和数据库等都是和计算机硬件相兼容，这也能够稳定运行，因此基本上满足了网站建设的需求；网站开发员工的技术水平。本系统的前后端开发人员经历过多次项目，具有娴熟的项目经验，熟练掌握开发系统的相关技术，有能力实现此系统；用户操作水平。系统用户人群为公司内部人群，主要用于测试人群，他们都具备一定的测试能力，网站基础知识，还能够熟练运用计算机了解世界。并且系统的界面炫酷新颖、用户互体验良好、运行与维护较为方便。综上所述，系统的建设具有技术可行性。2.2.4运行可行性本网站为品牌方和想要了解品牌信息和购买商品的用户提供了一个平台，用户可以根据自己的需求在线上商城挑选并购买中意的商品，品牌方接收线上订单在线下实现配货发货，完成O2O的商业运营模式。本系统为公司主营APP“墨迹天气”的监控项目，有稳定的用户群体，开发群体，测试群体，以及维护群体。综上可以看出，项目在运行方面具有可行性。2.3监控管理系统的技术需求一个网站的开发主要有前期网站定位、网站内容，后台管理，域名注册、空间租用、网站界面设计、网站代码制作五个部分，五个部分互相联系。2.3.1开发工具的选择VSCode是出自一家强大的的公司微软，于2015年发布，优点是免费、现代化跨平台，原生支持Git，并且它还拥有着最强大的插件社区，对于一个做前端的学生来讲，它是最适合不过的编辑器了。在越来越多各种强大的插件支持下，我们能够使用VSCode来写各种其他语言。例如：做嵌入式开发常用的C/C++，面向过程的JAVA语言。随着时代的发展，像Sublime类似的IDE，虽然上手简单，但是其编辑器功能已经远远落后于时代。有些IDE还有着收费、不开源、不支持跨平台等各种问题。而VSCode正好弥补了这些缺点，强大的编辑器功能、丰富插件得到了许多年轻程序员的青睐。2.3.2数据库的选择对于系统的开发来说，数据库站着不可或缺的地位。当下较为流行的数据库有很多，种类繁多，各有不同。例如MYSQL、SQLServer、MongoDB等等。而其实这个项目只是个中小型的项目，并且MySQL方便好用，高性能，可伸缩性强，并且具有可靠性。因此墨迹监控管理系统用MYSQL作为数据库就很适合。2.3.3服务器的选择项目选择阿里云服务器搭建网站。近年来，网站比较多，搭建APP、网站、VPN等都可以，但是像云服务器的选择上，除了阿里云也可以考虑一些“小厂”，为了抢占市场，小厂的性价比上会更高。滴滴现在也做云了，一个做出行的公司开始做云，楼主也挺好奇的，所以前阵儿特意做了一次阿里云和滴滴云的服务器测评，结果滴滴云表现还挺出乎意料的。总的来说，滴滴云P4解码性能比阿里云高约30%，但是价格只是阿里云的33%，在价格上，滴滴云的同规格实例相比阿里云的实例，便宜了将近一倍的价格，另外，不同纬度的计算性能测试来看，性能也在2-5倍之间。能够方便的做好数据恢复，还能自由配置CPU、自由配置内存、自由配置带宽等，还可以随时随地配置数据不丢失，性价比高，还能支持包年包月或按量计费，能满足不同人群或项目的需求，灵成本运维。2.3.4编程语言的选择HTML超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。是制作前端网页的基础，是前端页面的“骨架”，也是超文本标记语言，是用来制作前端Web页面的首选。超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。一个网站前台的所有页面的制作离不开CSS语言，CSS是一个Web页面的样式语言，用于修饰和完善页面的“外貌”。CSS可以达到的效果和特点：（1）CSS可以跨浏览器使用；（2）CSS2一些特殊的效果样式必须可以通过制作图片样式实现，而今只要使用CSS3就可以把这些样式简洁的展示出来，CSS文件较小，从而提高了网页响应速度；（3）CSS将页面上的字体美化，布局更清晰，页面更加美观；（4）CSS能容易地控制Web页面布局。（5）CSS可以将许多网页页面的样式同时改变，这样有利于版面的升级与修改，减少了工作量，易于维护。JavaScript是基于HTML和CSS之上而言的，我们把HTML比作人体的“骨骼”，而CSS则被比作是人的“衣服装扮”等。JavaScript则是让一个人比“动”起来。用它来开发的应用程序能够把客户端和服务器上的对象联系在一起，并且它能够通过Internet动态的与用户进行交互，在网页设计中发挥着很重要的作用。另外，系统还使用了三大框架之一较轻量级的Vue.js。使用到的三方库包含以下插件：（1）HTML元素选取；（2）NPM操作；（3）Echart图表操作；（4）HTML事件函数；（5）Animate特效和动画；（6）VueLazylooad图片懒加载插件；（7）Axios接口调试；（8）Utilities。

第3章监控管理系统概要设计“墨迹监控管理系统”是用于公司内部技术平台部门的日常工作，包括墨迹天气APP的数据监控、竞品数据监控、需求管理、项目管理、接口管理、case管理、bug管理、用例管理、测试报告、数据报表、员工工作报表、以及公司测试机管理等等。本章节主要内容包括：网站的概要设计，如“墨迹监控管理系统”的模块分析、架构图介绍、业务流程图介绍，对网站的整体设计结构进行功能模块的划分、技术路线的选择、UI以及数据库设计。3.1监控管理系统模块分析系统主要包括公司内通过审核后，钉钉已经注册成功的用户、网站管理人员即管理网站后台的人员。新用户需要通过钉钉申请账号，之后找管理员开通账号方可使用该系统，否则将无权限访问部分功能，只能浏览少部分功能。另外，管理员及部分开发人员登录后能对用户信息进行查看和管理。3.1.1用户模块分析用户模块即为系统的前端页面，项目可以分为以下几个部分：用户登录、首页核心数据、线上监控、崩溃率统计、专项天气接口监控（世界）、APP数据监控、数据采集、用例管理、需求任务、报表（包括数据报表和工作报表）、任务调度、测试工具、用户管理、测试机管理等功能。下面将分别介绍每个模块的功能。用户登录模块负责新用户的登录，计算今日登录次数和累计登录次数，并存入数据库。同时负责验证用户名及密码，判断是否允许已拥有账号用户的登录，这种操作通常都是从数据库中查询，然后在页面上作出相应的响应。首页核心数据模块涵盖了几乎整个系统的所有核心数据，此模块仅仅展示了核心数据的概览，大多数是近一周、近一个月或近三个月的概况。其中核心数据包括：IOS崩溃率、Android崩溃率、HTTP接口成功率、TCP接口成功率、任务需求数、BUG统计数、HTTP接口成功率的Last5、HTTP接口统计图、HTTP告警Top5、TCP接口成功率的Last5、TCP接口统计图、TCP告警Top5等。线上监控模块又分为线上监控、崩溃率监控、专项监控三大模块。线上监控中有详细的监控列表，监控内容包括接口、case、广告位、统计报表、接口对比报表、case对比报表、环比统计反应变化速度、告警记录、问题汇总等；崩溃率监控又包括全版本崩溃率和单版本崩溃率；专项监控中有天气接口。数据监控模块主要负责监控两大模块的数据，即天气监控和数据采集。天气监控的范围包括墨迹天气APP的短时部分、实况部分、推送部分、温度部分、预报部分、以及AQI部分。而数据采集主要采集客户端截图、广告位、以及评论抓取。用例管理模块分为接口管理和case管理。接口管理主要负责处理接口列表下的所有case，对某接口所属的case进行单独或批量地增删改查。另外展示接口列表的平均响应时间、平均成功率、平均稳定性。Case管理包括case的详细信息，执行情况、以及操作。需求任务模块分为任务概览和项目安排。任务概览页面主要展示了公司内某部门的任务数、投入人力、以及BUG数。项目安排主要展示的是某部门下的所有工作项目，任务排期、以及人力安排等。其中有任务看板和项目甘特图等有趣的功能。报表模块分为数据报表和工作报表。数据报表主要用于领导层的汇报工作；而工作报表则是用于管理员工的日常工作。任务调度模块分为任务调度和接口报告。主要用于对线上监控的内容进行任务调度，展示接口报告。任务调度中接口调度时负责跑接口的，可以手动看接口用例的成功率等；UI调度则是负责跑IOS、Android手机的用例。测试工具模块包括：APP天气数据的构造（含有新旧两个版本）、Mock工具、推送测试工具、Xmind转Excel工具。用户管理这个模块只有个别开发者和管理员有权访问，相比普通用户多了用户信息部分，能够对用户信息进行增删改查，能够修改信息、重置密码等。测试相关模块主要是对公司内部的测试机进行管理，功能包括测试机的具体信息、型号、领用人、交接人。3.1.2管理员模块分析管理员模块即管理员管理网站内容的模块，管理员模块又可以分为下边几个子模块：（1）查看用户信息，对用户进行操作；（2）对系统内容进行管理，接口、case、等进行修改；（3）发布系统的公告；（4）查看用户操作；（5）系统信息的管理。3.2监控管理系统架构图根据墨迹天气的需求，对其进行数据监控、项目管理等操作。将这个网站的功能分为核心数据、线上监控、数据监控、用例管理、需求任务、报表、任务调度、测试工具、用户管理、测试相关10个部分。其中各个部分具体功能模块如图3.1所示：图3.1具体功能模块图3.2.1监控管理系统核心数据以上小节介绍的功能模块远远不足以介绍本系统，如需清晰地了解清楚，则需要更加详细的功能模块。因此，以上10个模块被分成很多详细功能。系统功能全面，页面清晰明了。核心数据模块如图3.2所示：核心数据成功率Last5BUG统计数任务需求数崩溃率核心数据成功率Last5BUG统计数任务需求数崩溃率接口成功率告警T接口成功率告警Top5IOS崩溃率安卓崩溃率IOS崩溃率安卓崩溃率HTTHTT

P成功率TCP成功率图3.2核心数据详细功能模块图3.2.2监控管理系统线上监控本小节介绍的是本系统的线上监控模块，这个部分是本系统的灵魂主旨，主要是为了监控墨迹风云科技股份有限公司的线上APP数据、线上接口、case等，监控线上是否出现BUG，统计各个版本的崩溃率，并总结成报表供部门经理汇报工作，另外，还有告警记录、问题汇总、线上BUG汇总、天气接口专项监控等。线上监控模块如图3.3所示：线上监控线上监控专项监控监控列表线上BUG问题汇总告警记录报表崩溃率统计专项监控监控列表线上BUG问题汇总告警记录报表崩溃率统计全版本崩溃率天气接口全版本崩溃率天气接口单版本崩溃率单版本崩溃率图3.3线上监控详细功能模块图3.2.3监控管理系统数据监控此部分是数据监控模块，主要监控墨迹天气APP的数据情况，包括实况、短时、温度、推送监控、预报、AQI等。详情如图3.4所示：数据监控数据监控数据采集天气监控数据采集天气监控评论抓取客户端截图广告位AQI预报温度推送监控短时评论抓取客户端截图广告位AQI预报温度推送监控短时实况图3.4数据监控详细功能模块图3.2.4监控管理系统需求任务此部分是需求任务模块，负责对部门所接到的需求任务进行分配、对组内员工的工作进行安排管理。详情如图3.5所示：需求任务需求任务任务概览项目安排任务概览项目安排人力安排项目列表任务日历任务看板任务列表人力安排项目列表任务日历任务看板任务列表图3.5需求任务详细功能模块图

第4章监控管理系统数据库设计本章的主要内容是数据库设计，其中包括：监控管理系统的概要设计、逻辑设计、物理设计三个方面，让我们对系统的数据库有进一步的了解与深入。4.1监控管理系统概念设计对于用户所描述的真实情况，如公司、学校等，紧接着，要对对象进行总结和分类，组建概念模型。并通过它来反映现实的各种结构、关系、信息数据的存储查询加工等。数据库的概念模采用E-R图进行分析，即实体-联系图。墨迹监控管理系统模型图如图4.1所示：图4.1墨迹监控管理系统模型图以下部分介绍5个实体以及它们之间的关系，分别为用户、管理员、接口、case、监控中case。每个实体分别有不同的属性，下面将分别介绍实体图及他们之间的关系。用户会员实体图，会员实体图包括的属性有ID、手机号、钉钉号，实体图、姓名、用户名、密码、邮箱如图4.2所示：图4.2用户实体图管理员实体图，管理员实体图包括的属性有ID、用户名、密码、姓名，如图4.3所示：图4.3管理员实体图接口信息实体图，接口信息实体图包括的属性有ID、描述、用户名、地址、平台，如图4.4所示：图4.4接口信息实体图case信息实体图，case信息实体图包括ID、case名称、描述、地址、断言等，如图4.5所示：图4.5case信息实体图监控中case实体图，监控中case就包括ID、caseId、轮循类型、创建时间等，如图4.6所示：图4.6监控中case实体图监控E-R图包括项目中的监控中的实体图，以及其相互关系，包括接口实体图、case实体图、监控中的接口实体图、监控中的case实体图、员工实体图以及它们之间的相互关系等，如图4.7所示：图4.7墨迹监控管理系统监控E-R图4.2监控管理系统逻辑设计一个关系即是一张二维表，根据对本系统的详细分析，对以上实体图进行了深入地分析，墨迹监控管理系统主要表信息如表4.1所示：表4.1墨迹监控管理系统主要信息表中文名称英文名称接口信息表tp_interface用例信息表tp_case监控中接口信息表tp_monitor_interface监控中用例信息表tp_monitor_case监控结果表tp_monitor_result用户信息表tp_userinfo按小时监控的全部用例信息表tp_hour_allcase按小时监控的单独用例信息表tp_hour_eachcase接口信息表，接口信息包括的属性有接口id、接口名称、接口类型、用户名、描述、地址、部门id等，如表4.2所示：表4.2tp_interface信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11name用户名varcharNotnull30description描述varcharNotnull50url地址varcharNotnull30depId所属中心idintNotnull11partId部门idintNotnull11isDeleted是否删除tinyintNotnull4status状态tinyintNotnull4createTime创建时间dateNotnullupdateTime更新时间dateNotnullnoticeUid公告uidvarcharNotnull50platform平台tinyintNotnull4interfaceType接口类型tinyintNotnull4监控中的case信息表，此表主要涉及的是正在被监控的case，监控中的case信息包括的属性有id、caseId、轮循类型、创建时间等，如表4.3所示：表4.3tp_monitor_case信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11caseIdcase编号intNotnull11cycleType轮循类型tinyintNotnull4createTime创建时间date可以为空case信息表，case信息表中包括的属性有caseId、ip地址、所属接口id、case名称、描述、请求类型、请求体、断言、状态、告警级别等等，如表4.4所示：表4.4tp_case信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11namecase名称varcharNotnull30ipip地址varcharNotnull30interfaceId接口idIntNotnull11description描述varcharNotnull50requestType请求类型tinyintNotnull4requestBody请求体textNotnullassertion断言textNotnullisDeleted是否删除tinyintNotnull4status状态tinyintNotnull4createTime创建时间dateNotnullupdateTime更新时间dateNotnullalarmLevel告警等级tinyintNotnull4监控结果信息表，监控结果信息表包括id、监控caseId、监控结果、执行时间、响应时间、响应码、响应体等，如表4.5所示：表4.5tp_monitor_result信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11monitorCaseId监控caseIdintNotnull11result监控结果tinyintNotnull4executionTime执行时间dateNotnullresponseTime响应时间floatNotnull5responseCode响应码varcharNotnull20responseBody响应体textNotnull用户信息表，用户信息表包括id、用户名称、密码、姓名、邮箱、手机、钉钉号、状态等等，如表4.6所示：表4.6tp_userinfo信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11userName用户名称varcharNotnull20passWord密码varcharNotnull50realName姓名varcharNotnull20state状态tinyintNotnull4mail邮箱varcharNotnull30mobilePhone手机号varcharNotnull20dingUid钉钉idvarcharNotnull20按小时监控的所有case信息表，用户信息表包括id、小时、成功率、稳定性、总数、请求失败数、请求错误数、周期等等，如表4.7所示：表4.7tp_hour_allcase信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11hour小时DateNotnullrate成功率floatNotnull6stability稳定性tinyintNotnull4total总数intNotnull11failNum请求失败数intNotnull11errorNum请求错误数intNotnull11period周期floatNotnull6告警信息表，告警信息表包括id、caseId、内容、状态、告警级别、创建时间、执行时间、重发时间等等，如表4.8所示：表4.8tp_hour_eachcase信息表字段名称中文简称字段类型是否为空字段长度id编号id，主键intNotnull11caseIdcase编号idintNotnull11executionTime执行时间dateNotnulllevel告警级别tinyintNotnull4content内容textNotnull11statuss状态tinyintNotnull4createTime创建时间dateNotnullresendTime重发时间dateNotnull4.3监控管理系统物理设计监控管理系统的物理设计数据库物理设计：设计数据库的物理结构，根据数据库的逻辑结构来选定RDBMS（如Oracle、Sybase等），并设计和实施数据库的存储结构、存取方式等。将给定\t"/item/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%89%A9%E7%90%86%E8%AE%BE%E8%AE%A1/_blank"逻辑结构实施到具体的环境中时，\t"/item/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%89%A9%E7%90%86%E8%AE%BE%E8%AE%A1/_blank"逻辑数据模型要选取具体的工作环境，它包含的内容包括：首先是定义数据库、表以及字段的命名规范；其次要选择合适的存储引擎；然后为字段选择数据类型；数据库物理设计：设计数据库的物理结构，根据数据库的逻辑结构来选定RDBMS（如Oracle、Sybase等），并设计和实施数据库的存储结构、存取方式等。图4.8墨迹监控管理系统主要视图设计

第5章监控管理系统详细设计5.1监控管理系统主要工作墨迹监控管理系统是以公司员工作为提供需求的对象，为他们提供日常所需的功能，帮助他们解决日常工作遇到不便和问题。墨迹监控管理系统是按照用户划分，可分为管理端和客户端，管理端即系统管理员的模块，系统管理员点击登录按钮后进入管理界面，对接口、case等信息进行管理、录入case等；详细设计是遵循概要设计来进行的。因此，详细设计需要设计原则。如果我们要更改概要设计，那么就要进行需求分析。详细设计之前要完成一份详细设计的文档，即是某模块详细设计的方案说明。5.2监控管理系统模块概述及设计原则本系统的客户端模块可分为：用户登录、首页核心数据、线上监控、崩溃率统计、专项天气接口监控（世界）、APP数据监控、数据采集、用例管理、需求任务、报表（包括数据报表和工作报表）、任务调度、测试工具、用户管理、测试机管理等模块。对于设计原则，主要是针对用户的年龄段所分析，因为使用该系统的用户大多是公司的员工，并且大多数是20-30岁之间的年轻人，大部分使用人群的性别是男生，他们都喜欢科幻炫酷类型，因此系统的主要风格是炫酷科技风，主要色调是蓝紫光，所有使用到的Echart线图都用到渐变以统一整体风格。5.3监控管理系统各功能设计与实现墨迹监控管理系统的客户端主要功能是为了给用户、浏览者一个良好的用户体验。主要针对的用户是公司内部人员，包括技术平台部门的所有员工和借用、使用测试机的员工。未注册过的用户，需要有公司内部钉钉号和个人信息，向管理员申请账号。如果没有公司钉钉号，用户可以点击“访客登录”的按钮进入系统访问。但访客登录有个弊端，则是大部分功能没有访问权限。访客仅仅有权限访问首页、线上监控、需求任务以及评论抓取几个模块。然而对于普通用户，则是能看到除了用户管理以外的所有模块，包括：核心数据、线上监控、数据监控、用例管理、需求任务、报表、任务调度、测试工具、测试相关。只有部分开发人员才有权限查看用户管理模块。另外，开发一个系统除了逻辑以外，还要注重页面布局以及风格样式。好的样式能够让用户赏心悦目，提高用户的工作效率。系统模块功能主要分成十个部分：首页的核心数据、线上数据监控、数据监控信息、用例管理、部门或小组的需求任务、报表（包括工作报表和数据报表）、任务调度、测试工具、用户管理、测试相关。开发过程中，前端使用的IDE是VSCode，框架使用的是VUE和ElementUI，后端既有JAVA，也用到了Python。5.3.1监控管理系统登陆以下内容，将从登陆页面开始详细介绍并解释，登录页面模块如图5.1所示，登录页面又分为普通用户登录、访客登陆两种。访客仅仅有权限访问首页、线上监控、需求任务以及评论抓取几个模块。然而对于普通用户，则是能看到除了用户管理以外的所有模块，包括：核心数据、线上监控、数据监控、用例管理（包括接口管理和case管理）、部门的需求任务、数据报表、工作报表、任务调度、测试工具、测试相关。还有部分开发人员才有权限查看用户管理模块。登录按钮底部还有有记录用户访问的数据，即是登录次数。图5.1系统登录截图5.3.2监控管理系统首页核心数据点击登录按钮后，用户首先看到的是首页的核心数据模块，此模块涵盖了几乎整个系统的所有核心数据，但仅仅展示了核心数据的概览，将系统的概况做了简要的阐述，具体如图5.2所示：图5.2系统首页截图5.3.3监控管理系统线上监控线上监控模块，主要用于观察处理线上正在监控的数据：此模块涵盖监控列表、报表、告警记录、问题汇总、线上BUG、崩溃率统计，以及天气接口的专项监控，方便用户及时发现问题、处理问题，如图5.3所示：图5.3线上监控页面截图5.3.4监控管理系统监控列表监控列表详情页面，是通过监控列表页面中点击接口名称后展示的，主要用于查看接口下的基本信息、case列表、告警信息、成功率统计。如图5.4所示：图5.4监控列表详情页面截图5.3.5监控管理系统数据监控数据监控页面主要负责监控两大模块的数据，即天气监控和数据采集。天气监控的范围包括墨迹天气的短时、实况、推送、温度、预报、以及AQI。而数据采集主要采集客户端截图、广告位、以及评论抓取，如图5.5所示：图5.5数据监控页面截图5.3.6监控管理系统用例管理用例管理页面，包括接口管理和case管理两部分。本模块主要是提供给测试人员进行管理接口和case。如图5.6所示：图5.6用例管理页面截图5.3.7监控管理系统需求任务需求任务页面，用户可根据自己日常工作录入的信息，查看自己或部门的任务情况，同时还有任务看板和项目甘特图等有趣的功能。如图5.7所示：图5.7需求任务页面截图5.3.8监控管理系统报表报表页面，分为数据报表和工作报表。数据报表主要用于领导层的汇报工作；而工作报表则是用于管理员工的日常工作。如图5.8所示：图5.8报表页面截图5.3.9监控管理系统任务调度任务调度页面，分为任务调度和接口报告。主要用于对线上监控的内容进行任务调度，展示接口报告。任务调度中接口调度时负责跑接口的，可以手动看接口用例的成功率等；UI调度则是负责跑IOS、Android手机的用例。如图5.9所示：图5.9任务调度页面截图5.3.10监控管理系统测试工具测试工具页面，包括APP天气数据的构造（含有新旧两个版本）、Mock工具、推送测试工具、Xmind转Excel工具。如图5.10所示：图5.10测试工具页面截图5.3.11监控管理系统用户管理用户管理页面，只有管理员及个别开发者有权限查看，里面包含用户信息，能够对用户信息进行增删改查，能够修改信息、重置密码等。如图5.11所示：图5.11用户管理页面截图5.3.12监控管理系统测试相关测试相关页面，主要是对公司内部的测试机进行管理，功能包括测试机的具体信息、型号、领用人、交接人。如图5.12所示：图5.12测试相关页面截图

第6章监控管理系统的测试、运行与维护6.1监控管理系统测试目的和意义在详细的系统编程中，本系统主要采用了螺旋递增的方式来开发，我们测试的目的就是将这个系统大体分几个版本完成的，即是一个版本开发一部分的功能，然后进行测试，并对测试结果进行分析，测试完成之后，继续对系统进行深入开发，逐渐完成和完善系统不够完善的功能，一直到所有的功能全部完成。测试后的系统会比较稳定，维护成本也较低，可以做到更多的覆盖场景，更快的发现问题。这样一来就会使我们的用户更加稳定地使用，提高产品的用户体验。6.2监控管理系统方法和用例在墨迹监控管理系统的测试中，本系统主要采用了一下几个方式进行测试，测试的主要目的：大模块化成小模块测试，对最终结果进行详细分析，直到所有需求功能全部测试完成。找到可以通过测试来避免的开发风险；通过多次测试来降低所发现的BUG风险；确定测试何时可以结束；测试是一个标准的项目。 以下内容则是对一些模块进行逐个测试，用例测试包括用例编号、用例描述、用例的目的、测试的前提条件、测试所需的步骤、期望结果以及实际结果。（1）测试管理员登录，如表6.1所示：表6.1管理员登录用例编号admin用例描述测试用正确的用户名、密码登陆是否正确用例目的测试登陆功能是否正确前提条件测试步骤1.键入平台URL2.输入用户名、密码：admin、123123admin,然后点击确定按钮期望结果进入网站管理员页面实际结果进入正确页面续表6.1管理员登录用例编号login_002用例描述测试session过期是否提示重新登陆用例目的测试登陆功能是否正确前提条件测试步骤1.键入平台URL2.30分钟后，点击系统管理按钮，然后检查是否弹出窗口期望结果显示登陆页面实际结果退回到登陆页面（2）测试用户注册，如表6.2所示：表6.2测试用户注册用例编号reg_001用例描述测试用户注册功能用例目的测试用户能否成为系统会员前提条件测试步骤1.键入平台URL2.点击系统的注册按钮3.输入注册信息后提交期望结果跳转登陆页并且当前用户名为刚注册的用户名实际结果跳转正确（3）测试会员登录，如表6.3所示：表6.3测试用户会员登录用例编号user_001用例描述测试会员登录功能用例目的测试会员登录后跳转页面是否正确前提条件测试步骤1.键入平台URL2.点击系统的登录按钮3.输入用户信息后提交期望结果进入系统首页，界面右上角会显示当前用户小图标实际结果显示正确（4）测试管理员查看系统内部的核心数据、数据监控、接口监控、case监控等，并对系统用户进行管理功能，如表6.4所示：表6.4测试管理接口和case用例编号goodsType_001用例描述测试接口管理、case管理功能用例目的测试接口管理、case管理是否正确前提条件测试步骤1.键入平台URL2.进入用例管理界面3.点击添加接口、case，修改接口、case，删除接口、ase3.点击提交按钮期望结果操作成功，弹出成功提示实际结果正确跳转（5）测试管理接口和case删除，如表6.5所示：表6.5测试管理接口和case删除用例编号goodsType_002用例描述测试接口、case删除功能用例目的测试接口、case删除功能是否正确前提条件测试步骤1.键入平台URL2.进入用例管理模块3.点击想要删除的接口、case4.点击确认按钮期望结果删除接口、case成功实际结果操作成功，弹出成功提示（6）测试新增接口、case功能，如表6.6所示：表6.6测试接口、case新增用例编号goods_002用例描述测试接口、case新增功能用例目的测试接口、case新增功能是否正确前提条件测试步骤1.键入平台URL2.进入用例管理3.点击新增按钮，添加详细信息4.点击确认按钮期望结果操作成功，弹出成功提示实际结果新增接口、case功能成功6.3监控管理系统运行与维护计算机的系统测试分为有白盒测试和黑盒测试两种，该系统的测试方法包括：（1）功能测试：通过界面操作，输入数据，对返回结果进行分析，通过判断其是否与预期结果一致，确定功能的正确性，包括通过性测试和非通过性测试；（2）异常测试：通过测试系统的非法操作流程、输入，检查系统的容错性；（3）GUI测试：根据用户界面设计规范检查界面设计是否符合规范；（4）兼容性测试：测试客户端在windows7下的IE9以上的兼容性。测试过程中，我们首先需要写测试计划书和规格说明书，然后设计用例，定义策略，最后将结果与预先给出的期望结果进行比较，再做评价分析。由于模块较多，下面只给出了本网站的部分模块的测试用例。系统测试的行为通常被转化成可以管理的模式，这样就能清楚地查看系统制作过程中产生的BUG，并根据这个进行修改完善；类别有差异的软件用例也是不相同的，相对于这个来说，系统的用户的需求也将不同。网站的日常的运行管理是为了保证系统能长期有效地运转而进行的活动。在系统投入使用的时候会出现很多BUG，针对问题，我们就必须对系统的产品进行改正或者二次开发，这种行为就是对软件的维护。进行系统维护的原因基本上有以下三种类型：第一，修改在特定的使用操作过程中出现的一些程序代码上的BUG或功能设计上面的缺陷；其二是在系统使用操作过程中系统的数据环境发生了改变或者是系统的处理环境发生了改变，因此我们需要修改系统来适应这种变化；其三是是用户或者网站的需求分析人员在操作使用网站的过程中，出现不符合自己心仪的问题或者需求不够的问题，或者用户体验并不好的问题，针对这种情况，我们就得在此网站的基础上进行改正和完善，尽可能满足更多的用户的使用，这样可以让网站的功能，性能更好，用户体验更佳。因此，网站的维护可以归为下面几类：（1）改正性维护。系统完成并且投入使用之后，会有一些表面上不易被发现的错误。为了辨认和改正系统的Bug、修改性能上的不足、尽可能削减错误使用，应进行的检测和修改错误的过程，就叫做维护；（2）适应性维护。紧跟社会的急速发展，新的硬件、系统配置、数据库、数据的格式、数据的输入输出、数据存储数据以某种格式记录在计算机内部或外部存储介质上。所需的介质等都有了很大改变，为了使系统顺应各种改变不被淘汰，而去改正的步骤就叫做适应性维护；数据以某种格式记录在计算机内部或外部存储介质上。（3）完善性维护。在系统的操作中，一部分用户会对系统提出各种新的需求，对于这些需求，必须改正或着二次开发，从而来完善系统的功能，改进加工的效率，提高系统的可维护性，即是完善性维护；现在本网站已经成功的开发完毕。经过初期的试运行系统的各项指标都符合相应的要求，现在的主要任务就是系统的运行维护。6.4监控管理系统测试总结本章的主要内容是对系统的测试进行总结，想要做好产品的测试，对于我们开发工程师来讲极其重要，项目提交测试之前首先要进行自测，自己测试准确无误，没有漏洞，没有BUG后，再提交给专业测试人员测试。需做到以下几点：首先，我们要了解所做系统的组织或架构，清楚地了解各服务器之间的交互工作、系统的数据流向和压力点测试，这样能够使我们测试需求和指标，某种功能需要考虑哪些压力，能承担的压力有多大。然后还要选择好测试工具，合理的测试工具对系统的性能测试有很大的帮助。另外，我们还需要考虑自己编写工具。一般的测试工程师都会一种或多种编程语言，这样有助于他们理解项目，作为开发人员更应该在学好开发的基础上，增强自己的职业技能。最后且最重要的是实践，实践出真知，不论是做开发还是做测试，也不论是学习还是生活，只有实践过后才能理解书面的概念，才能体会到所学的意义。

第7章总结与展望7.1总结本篇论文完整地研究了一个监控系统，包括系统的产品需求、产品的UI设计、以及产品的开发，综合运用各种互联网前沿技术，例如前端的VUE、ElementUI、Axios等，并运用了一些开源的第三方组件，通过以上的综合运用，我们完成了一个监控管理系统的基本功能，本论文的主要工作如下：分析一个监控系统和部门管理系统的制作和开发的流程；站在用户的角度分析，就对网站的流程布局结构展开了详细的设计；利用逐步递增的开发方式测试；本篇论文对一个系统的设计和开发所遇到的问题，提出了许多有建设性的解决方法，之后，最重要的的任务则是在如何更好的使用面向对象的分析和设计方法来解决软件编程中的问题。起初，接受本项目时，难度较大。因为当时这个项目的前端只有我自己，没有产品、也没有UI设计，仅仅是通过经理的口述需求，盲目操作。感觉到这个项目不仅庞大，数据库的表和字段都很多，尤其是需求分析这个方面不能够准确的表达自己的主要思想。后期，经过小组的讨论，安排了合适的产品经理，经过对该网站的仔细设计，每个需求都过严格的需求评审，虽然依然没有设计人员帮忙，但是在我们的共同努力下，终于完成了大家比较满意的系统。现在，网站已经基本的满足相关需求，只是后端还有一部分需要上线，以至于外网能够访问。通过漫长的设计过程中，我学到了、收获了很多，学到的远远不仅是知识，还有对一个系统或软件的开发流程，从产品到设计、从设计到前端、从前端到后端、从后端到测试、从测试到部署上线……当然，还学到了如何与团队沟通合作，怎样配合才能默契地做好每一份工作。对项目的需求分析和自己对所学知识的理解，主要表现在以下几个方面：（1）理解系统需求和业务流程是重要的前提理解系统的需求和业务流程对系统的设计起着至关重要的作用。因为要想理解系统的需求，需要我们从用户角度理解需求。在需求分析过程中中，不仅要理解用户的需求，还应该应该站在用户的角度上分析网站，关注用户工作的细节。因为产品的用户并不一定是真正的软件专业人员，通常都无法完整描述需求，仅仅只能通过他们所讲述的业务流程来提取重要信息。另外，我们还应该使用快速原型帮助用户确定需求，将系统直观了断地展示在用户面前，让用户有“豁然开朗”的感觉，然后尽早发现潜在的问题，并及时改正。不管需求评审过程中做过多少工作，我们都无法避免用户对需求的变更或业务流程中发现的系统问题。因此，系统架构的灵活性就显得非常重要了。所以说，在做系统的架构设计之前，我们首先要设计一个能够适应变化，容易修改的系统架构。（2）要拥有自学能力、分析、解决问题的能力在开发此监控系统的过程中，当然会遇到了很多的麻烦或棘手的问题，不论是用户需求问题，还是前端技术问题。通过这些年的学习经历和在大学的学习能力的积累，以及自己多方面查找资料和观看学习视频，能够很快的掌握某新技术知识，让我知道，并不是拥有多少知识才重要，最重要的是你的基础怎么样，你学习新的知识的接受能力怎么样，因为作为一个程序员，IT届的新技术迭代更新非常快，学习是一辈子的事，只有我们不断完善自己才能在社会中更好的发挥自己能力站稳脚步。（3）多与团队沟通使我们少走捷径在设计本系统的过程中，要需要经常和经理、同事沟通。与产品经理详细地谈好需求，过好每一次需求评审。同时，还要与同行的开发同事积极沟通，避免没必要的代码冲突。如果沟通效率能够提高，我们就完全可以少走很多弯路，这样对加快项目进度有很大提高，我们也就不需要花费大把的时间来解决没有必要的问题。因此，快速有效的与人沟通，能够加快促进工作的开展。7.2展望展望未来，本网站实现了摄影网站的大部分功能，管理员可以方便的管理网站信息，但还有几方面的不足，主要表现在以下几方面：对于网站的有些功能还需要完善，更能体现出设计的人性化，在商品信息首页页面的导航栏可以做的更加完善些，可以多添加一些内容，这样用户就能有更多的选择；由于设计本网站时间太短，没有添加数据的报表统计功能，下一步是需要添加数据的报表功能，管理员能动态的添加相应字段信息，对网站进行统计，可以统计的每天用户量，用户主要集中在哪个模块等。这样可以根据报表信息，用户需求有一个更深入的理解。毕业设计可以说全方面的锻炼了我，不仅学到了一些新的技术，也学习、领悟到了许多许多的道理，深刻感受到：与人沟通的重要性和团队协作的重要性，作为开发人员必须具有认真稳重、小心谨慎，形成良好的编码规范。在实践的过程中，当然也会遇到了许多困难和挫折，但我没有退缩，我相信我有能力战胜它们，这些都为我今后的工作和学习奠定了更坚实的基础，在今后的工作中，我也会更加努力，以最饱满的热情对待每一天，用我的实际行动来回报曾经关心和帮助我的老师和同学。

致谢在论文完成之际，回顾紧张但又充实的学习和开发过程，我向所有关心我的及帮助我的老师和同学们致以最真诚的感谢。首先要向指导教师管媛辉老师表示最真挚的谢意。感谢老师能在繁忙的教学之余，还对我的设计和论文进行悉心指点和耐心辅导。在写论文的过程中，管老师多次查看指点我的论文，给我提出了许多宝贵意见，如果没有她的指导，我们就不能较好的完成课题设计的任务。管老师认真负责的工作态度和深厚的理论水平都使我受益匪浅。无论在理论上还是在实践中，都给与我很大的帮助，使我有了很大的提高，感谢她耐心的辅导。其次，我还要特别感谢我的各科任课的老师和各位帮助我的同学，在老师的指导与监督下，我学习了网站建设的大部分知识，每当我遇到问题的时候，老师和同学都会积极的耐心的帮助指导我，正是在他们的帮助之下，我才能顺利的完成毕业设计和论文。在毕业设计期间，我不仅学到了很多新的知识和解决问题的方法，还开阔了视野，提高了解决问题的能力，在以后的工作中也更游刃有余。四年的学习成长，几个月的努力，毕业论文终于到了划句号的时候，心里面应该如释重负，但是心里面却充满了一种悲伤。论文写作的过程没有很轻松，工作上的压力也会有，知识的积累和工作中的经验还不够，于是，我经常埋头于图书馆中，努力的查阅资料，努力完成一篇具有学术价值的论文，其中的艰辛与困难难以诉说，但曲终幕落后留下的滋味让我回味无穷。敲完了最后的一个字，重新从头阅读早屏幕上的文字，感慨很多。虽然其中没有什么值得特别炫耀的成果，但是对于我来说，它是宝贵的。感谢出现在我生命中的老师们，管老师不仅是我的指导教师，更是我们班的班导师，一路陪我们成长；吴老师四年里和我们一起摸爬滚打，像极了父亲；星璨老师是我们的良师益友；胡婷老师是对技术负责、对学生负责的老师，和蔼亲切，最稀罕的是她的IO