企业官网建设流程全解析

该如何建设和优化一个网站,中山火炬开发区建设局网站,深圳市国外网站建设,如何学好网站开发题目#xff1a; 演唱会售票系统 摘 要 本系统为用户而设计制作演唱会售票系统#xff0c;旨在实现演唱会售票管理智能化、现代化管理。本演唱会售票管理自动化系统的开发和研制的最终目的是将演唱会售票管理的运作模式从手工记录数据转变为网络信息查询管理#xff0c;从…题目演唱会售票系统摘 要本系统为用户而设计制作演唱会售票系统旨在实现演唱会售票管理智能化、现代化管理。本演唱会售票管理自动化系统的开发和研制的最终目的是将演唱会售票管理的运作模式从手工记录数据转变为网络信息查询管理从而为现代管理人员的使用提供更多的便利和条件。使演唱会售票系统数字化、智能化是提高工作效率的重要举措。为了更好地发挥本系统的技术优势根据演唱会售票系统的需求本文尝试以B/S经典设计模式中的Spring Boot框架JAVA语言为基础通过必要的编码处理、演唱会售票系统整体框架、功能服务多样化和有效性的高级经验和技术实现方法旨在完成一个快速、高效、便捷的演唱会售票系统。本系统以用户与管理员两类人作为目标用户其中用户主要功能包含用户的注册与登录查看演唱会、论坛交流、公告资讯等信息对账号相关信息的修改管理员主要功能包括了对用户信息、演唱会、票务信息、订单等管理管理员可以实现最高权限级别的全系统管理关键字演唱会售票系统Spring Boot框架JAVA语言ABSTRACTThis system is designed and produced for users to achieve intelligent and modern management of concert ticket sales. The ultimate goal of developing and developing an automated ticketing management system for this concert is to transform the operational mode of concert ticketing management from manual data recording to network information query management, thereby providing more convenience and conditions for modern management personnel to use. Digitizing and intelligentizing the concert ticketing system is an important measure to improve work efficiency.In order to better leverage the technical advantages of this system and meet the requirements of the concert ticketing system, this article attempts to use the Spring Boot framework in the B/S classic design pattern, based on Java language, and through necessary coding processing, the overall framework of the concert ticketing system, diverse functional services, and effective advanced experience and technical implementation methods, aiming to complete a fast, efficient, and convenient concert ticketing system. This system targets two types of users: users and administrators. The main functions of users include registration and login, viewing concert, forum communication, announcement information, and modifying account related information; The main functions of the administrator include managing user information, concerts, ticketing information, orders, etc; Administrators can achieve full system management at the highest level of authority,Keywords: concert ticketing system; Spring Boot framework; JAVA language;目 录摘要 IAbstracII第1章 绪论 11.1 研究背景 11.2 国内外研究现状 21.3 课题意义 3第2章 系统相关技术 42.1 Spring Boot框架介绍 42.2 B/S结构 42.3 Java编程语言 52.4 MySQL数据库 52.5 系统开发、运行环境 6第3章 需求分析 83.1 非功能需求分析 93.2 技术可行性 93.3 经济可行性 103.4 操作可行性 103.5 系统用例图 11第4章 系统设计 124.1 总体功能设计 134.2 系统登录模块设计 144.3 数据库设计 15第5章 系统实现 165.1 用户前台系统功能模块实现 175.2 管理员功能模块实现 18第6章 系统测试 206.1 测试方法与步骤 216.2 模块测试 236.3 测试用例 24结论 25参考文献 26致谢 30第1章 绪论1.1 研究背景近年来,类似管理类的软件数量正逐渐快速增加,人工的记录和数据统计已经变得不完全能够轻松处理出如此巨量庞大复杂的电子数据[1]。为了能更好快速地实现适应现代化社会要求的高效性一个利用计算机技术来轻松实现自动化演唱会售票管理工作的系统也将随之诞生。基于以上这一点设计完成了此演唱会售票系统,进行规范化管理方便管理员或用户可以在最短的时间范围内高效、便捷且准确地去进行对演唱会的浏览、查询或修改等一系列操作[2]。根据我对上述知识的深入了解浏览国内外相关研究资料文件与数据,查阅大量相关研究文献、书籍以及各类技术资料对演唱会售票系统的用户、数据、需求、特点等多方面内容进行了分析与调研[3]。发现了目前市面上多部分行业还是采用传统的手工记录信息方法进行记录、管理有以下这样方面明显的缺点信息量大该相关信息的记录与存储无从下手且产生大量交互信息难以及时存档大量的演唱会售票管理信息对管理员来说是很大的管理负担[4]。根据以上诸多原因,演唱会售票管理相关信息的现代化管理需要一个计算机软件来取代传统手工的操作流程来组织、管理这些信息[5]。电子计算机诞生后世界因为信息时代的到来发生了翻天覆地的变化。计算机所构成的网络已将整个社会联系起来整个社会的效率也因此逐步提高因此当今社会正以前所未有的速度飞速发展着。计算机技术在中国当代企业管理中普遍地被应用,使计算机工具逐渐成为现代人们直接应用掌握现代信息处理技术管理的一项不可或缺的工具[6]。计算机系统能将其原始数据进行分析、加工、储存工作人员能够在需要补充相关数据时随时对数据信息进行检索了解当前演唱会售票系统信息的更新动态情况从而能够有效准确的组织、处理完成对演唱会售票管理信息化的统一管理指导工作,实现用户信息、演唱会、票务信息、订单等信息管理流程的自动化提高工作效率。1.2 国内外研究现状随着现代中国社会的不断向前发展大数据以及云计算时代逐步到来已经出现了更多的技术与手段来实现演唱会售票管理工作的提升与发展尤其是信息处理分析技术更是遍布高科技开发中[7]。用演唱会售票管理为例在系统中演唱会、票务信息的流程决定了本行业的整体运作目前演唱会售票管理存在很多历史遗留问题比如票务信息流程繁琐、工作人员操作不易、容易发生误操作或登入错误信息、工作效率较低等从而形成演唱会售票管理困难且浪费时间的现状。另外相关管理很不健全管理人员也处于匮乏状态又需要考虑到成本因素开发一个相对硬件设施不是很高的系统从而管理演唱会售票管理是有必要的。综上所述本文将利用Java、B/S、Spring Boot框架等技开发一个具有功能齐全、便于操作、对电脑配置要求不高的演唱会售票系统[8]。相较国内国外的演唱会售票系统已经出现并且使用了更长时间起步远超于中国其管理方式也逐渐向自动化、规范化演变[9]。国外的演唱会售票系统飞速发展的阶段是在20世纪90年代后在这一时期来自微软的以图形界面显示的操作系统开始问世科学技术的迅速发展使得演唱会售票系统的开发者意识到原来开发的系统已不再符合时代的发展纷纷将最新技术应用到演唱会售票系统的开发。例如在搜索演唱会时运用先进的自动索引的成果结合数据库技术提高检索的效率性成就了该系统如今呈现多样化发展的局势。国外的演唱会售票系统在功能方面几乎囊括了所有演唱会所涉及的领域可以说是比较健全的虽然各系统采用的结构有所不同但是几乎都是使用软件工程的原理把数据集中存储到数据库中然后采用分布式操作的方法来操作数据以及实现数据共享。在功能这个领域国外水平显然经过深思熟虑后进行设计[10]。软件开发是一段漫长的过程期间需要进行不断地维护与改良至今国外的演唱会售票系统已几乎接近成熟。1.3 课题意义由于电脑的日益广泛与应用其将逐步演变成为中国工业现代化水平的一重要标志。演唱会售票管理在整个日常工作流程中总是会出现新的用户信息演唱会以及基于信息交互而最终形成的票务信息、留言板、订单等。因此,必须全部信息加以管理实现智能化管理,从而更加快捷地解决用户的需求,并提升工作效率,现对其设置了相关管理办法,以实现上述管理目的[11]。第2章 系统相关技术本系统采用了B/S设计思想通过视图层、模型层及控制层三者的交互实现系统的功能软件界面清晰友好美观系统基本功能一目了然。系统的整体架构为Spring Boot应用框架以Java 作为编程语言用MySQL存储数据。2.1 Spring Boot框架介绍Spring Boot是近几年最为流行的后台开发框架它的诞生一改过去Spring框架开发中繁琐的配置极大地简化了Spring应用的搭建和开发。Spring Boot框架不仅保有了Spring框架中的所有优秀特性还通过使用特定的配置方式在底层帮助开发人员在工程创建是就预先做了很多配置这样在开发时就不再需要开发人员过多进行繁琐的配置了。另外在Spring Boot中集成了大量框架这就使得开发人员不再需要到处寻找在导入开发中需要依赖的jar包同时也解决了依赖包版本冲突问题从而提高了依赖包引用的稳定性从而实现了对Spring应用搭建和开发过程的简化。2.2B/S结构B/S结构就是指系统客户端与服务器分离客户端通过浏览器访问服务端进行操作。B/S结构目前广泛应用于绝大部分系统搭建中这种结构摒弃C/S结构客户端服务端不分离的缺点具有更多的优势1跨平台性B/S的标准由标准化组织确立适用于绝大多数的系统搭建通用于应用之间。2低维护成本客户端和服务器端分离减轻了两端的压力尤其是客户端对客户端设备硬件、软件要求都比较低并且系统需要升级或维护时只需要在服务器端升级或维护就可以使相应的费用减少。2.3Java编程语言Java 最大的两个特点就是功能强大和简单易用。Java可以让程序员进行复杂的编程而不必为储存管理对象等问题所烦恼把精力和时间更多的放在研发与设计上极大地提高了开发者的工作效率和工作热情。2.4 MySQL数据库MySQL 是一种关联数据库管理系统该系统速度快而且灵活性强主要原因是它将数据保存在不同的表中MySQL软件的优点是成本低、体积小、速度快开放源码所以一般中小型网站的开发都选择 MySQL 作为网站数据库。2.5 系统开发、运行环境预期的物理环境如下1控制系统在正常温度环境条件下运行。2控制系统在干净的场所内运行。预期的生产技术环境条件如下1网络传输速度为1M以上的网络。2电脑CPU双核以上P42.0G及以上内存二百五十六万M或以上,硬盘大小四十兆G或是以上10M网卡/一百兆M千兆网卡Windows2000/2003/NT/XP/Vista/Windows 7以上中文操作系统。3数据库演唱会售票系统Oracle9g或以上。环境配置如表2.2表2.2 环境配置表序号配置项环境要求1系统开发工具Eclipse2数据库Mysql3运行环境Jre tomcat4Java主要开发包Lang util springframework servlet text io第3章 需求分析需求的分析中用户需求就是比较的重要而且可以通过各种的路径以及各用户对于系统的功能需求你需要对这些内容做出整理以及分类然后分析这些需求的现实情况下的可能原因还需要有认真的分析过程结合现实的情况下最终做出一系列的需求资料。在有关用户的期望分析中能够明确一些可能实现的情况演唱会售票管理功能是许多个可以测试的功能相结合的正是由于这些功能可以使得用户能够更加积极的提供出需求让系统功能可以变得更加的完善。这样就可以保证所有设计的功能模块都是可以用到的而且也是可测试的对于后续系统的开发能够有比较关键的作用也能快速完成用户所提供的需求[12]。3.1 非功能需求分析3.1.1 可靠性与可用性要求控制系统中的程序能够每日工作二十四小时,每年工作365天。控制系统中的软件故障率不足百分之五。3.1.2 容错性需求用户在输入错误信息时操作系统将提示错误而不会崩溃。3.1.3 易用性与易学性易用性软件主要适用于十二至七十周岁的智商、视力、体力和肢体健康并具备有关专业知识的人应用。易学性在现在计算机普及的新科技发展阶段人人都会使用互联网产品计算机成为了一门必修课所以我们这个程序的操作会显得特别简单通俗易懂通过了解或培训的用户可以顺利使用本软件[13]。3.2 技术可行性在研究技术可行性的时候系统的开发环境是可以确定的所以技术可行性最好与系统功能和性能以及一些实际的情况同时考虑。在可行性研究阶段结合实际调整开发的内容和选择能够完成的技术体系是一个可用的手段如果系统进入开发阶段任何的调整都意味着会耗费更多的经历。需要再次明确的问题是技术可行性不只是考虑在技术上是否可实现实际上还包含了在当前的实际的情况下的技术可行性。有很多的因素例如时间不足、预期的开发目标技术难度比较难、不能有充足的技术积累、而且对于技术的掌握不够等这些实际存在的情况都是要提前部署和认真规划的。开发演唱会售票系统的技术内容分析目前的状况是从网络硬件和相关技术上看是可行的。该系统采用了java和 MySQL技术。到现在可以知道很多的基础知识都是经过学习使用的在后续的设计中还需要不断的练习学习更多相关的技术经验来充实自己对于系统的开发。3.3 经济可行性此系统是由在校大学生开发的演唱会售票系统。此系统在开发方式上对系统的需求由于演唱会售票系统是一种无商业利益的所以系统设计开发的周期要短在短时间内完成减少开发成本提高开发效率方便、简单、实用是作为系统开发的指导思想。本系统完全能够在演唱会售票管理工作中发挥重要作用而作为个人能在软件开发能力方面得到锻炼和提高也是十分重要的本系统在此不注重任何社会经济目标。基于成本效益分析法,本系统所需要的软硬件资料均已掌握该系统简洁易懂本系统也具备了生产成本相对较少、效益最高的优点在经济上可行。3.4 操作可行性本系统开发平台的总体开发理念是以安全、便捷、使用为工作中心。开发成熟后采用的本机操作系统还应具备漂亮、大方、简洁易于管理、运行、维护等许多优点就算是完全不懂得电脑操作的人士,也一定能够熟练按照本操作系统的提示正确应用、维护、使用和管理好本系统。它所提供的简便易学的功能特性也能够使本系统真正在用户实际使用、管理中方便可行[14]。3.5系统用例图一个用例图就能对应出系统中的一个功能过程系统中完整的功能都是由许多不同的用例图所组成的。系统用例图如图3-1、图3-2所示。图3-1 管理员用例图图3-2用户用例图第4章 系统设计4.1 总体功能设计一般个人用户和管理者都需要登录才能进入演唱会售票系统使用者登录时会在后台判断使用的权限类型包括一般使用者和管理者,一般使用者只能对公告资讯提供查阅和个别使用信息内容的查看而管理者则能对多个信息内容提供使用。整体系统的主要功能模块如图4-1图4-1 演唱会售票系统功能图4.2 系统登录模块设计用户在启动操作系统时会调用的一个模块。该模型通过用户输入的账号、密码来确定应用的类别切换到该类应用的页面。本模块的功能点包括1确定账号与密码是否一致。2完全按照系统所规定使用权限的权限类型,直接通过登陆进入到系统权限的制定管理页面中即可进行授权使用。登录模块流程图如图4-2图4-2 登录模块流程图4.3 数据库设计管理静止网站时是由WEB客户端向Web传送静态页面而Web客户端直接对所传送的静态页面进行管理。实现动态网页数据库信息查询请求的最基本处理流程概括为当一个WEB用户成功向动态网页服务器数据库发送信息请求成功后对其动态页面库的一种主要的处理实现方法之一是屏蔽掉其中所有动态HTML代码只须使用一个动态的动态网页文件由动态Web浏览器程序直接地在该数据库服务器上进行传递动态信息然后再通过该数据库服务器的处理程序返回到信息集由该Web应用服务器处理程序再一次将包含动态程序代码在内的动态页面转化为一个静态页面信息并自动返回到网页浏览器。也就是网站在这个动态页里对网页信息自动进行检索并最终把这些信息自动返回传递到网站用户处的这个全自动化过程。数据库查询示意图如图4-3图4-3 数据库查询示意图数据库设计阶段目标表见表4-4阶段目标概念设计了解功能需求通过分析系统功能定义出系统有哪些实体联系图(即E-R图)逻辑设计把E-R图转换成能处理的逻辑模型检查是否满足第三范式的要求物理设计基于基本数据模型生成适用于应用系统的物理结构表4-4 数据库设计阶段目标表4.3.1 E-R图设计根据以上分析本系统中包含多个实体根据他们以及他们的关系绘制出E-R图如下留言板E-R图如下图4-5图4-5留言板E-R图票务信息E-R图如下图4-6图4-6票务信息E-R图用户信息E-R图如下图4-7图4-7用户信息E-R图演唱会E-R图如下图4-8图4-8演唱会E-R图演唱会售票系统总体E-R图如下图4-9图4-9演唱会售票系统总体E-R图4.3.2 数据库关系表设计数据库关系表如下表4-1论坛交流字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200帖子标题contentlongtext4294967295帖子内容parentidbigint父节点iduseridbigint用户idusernamevarchar200用户名avatarurllongtext4294967295头像isdonevarchar200状态istopint是否置顶0toptimedatetime置顶时间表4-2演唱会分类字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyanchanghuifenleivarchar200演唱会分类表4-3演唱会评论表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPrefidbigint关联表iduseridbigint用户idavatarurllongtext4294967295头像nicknamevarchar200用户名contentlongtext4294967295评论内容replylongtext4294967295回复内容表4-4演唱会字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyanchanghuimingchengvarchar200演唱会名称yanchanghuifenleivarchar200演唱会分类haibaofengmianlongtext4294967295海报封面yanchudizhivarchar200演出地址yanchangrenyuanvarchar200演唱人员kaishishijiandatetime开始时间jieshushijiandatetime结束时间jianjielongtext4294967295简介xiangxijieshaolongtext4294967295详细介绍thumbsupnumint赞0crazilynumint踩0clicktimedatetime最近点击时间clicknumint点击次数0discussnumint评论数0pricedouble价格storeupnumint收藏数0numberint座位总数selectedlongtext4294967295已选座位[用,号隔开]表4-5配置文件字段名称类型长度字段说明主键默认值idbigint主键主键namevarchar100配置参数名称valuevarchar100配置参数值urlvarchar500url表4-6用户表字段名称类型长度字段说明主键默认值idbigint主键主键usernamevarchar100用户名passwordvarchar100密码imagevarchar200头像rolevarchar100角色管理员addtimetimestamp新增时间CURRENT_TIMESTAMP表4-7token表字段名称类型长度字段说明主键默认值idbigint主键主键useridbigint用户idusernamevarchar100用户名tablenamevarchar100表名rolevarchar100角色tokenvarchar200密码addtimetimestamp新增时间CURRENT_TIMESTAMPexpiratedtimetimestamp过期时间CURRENT_TIMESTAMP表4-8收藏表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint用户idrefidbigint商品idtablenamevarchar200表名namevarchar200名称picturelongtext4294967295图片typevarchar200类型1inteltypevarchar200推荐类型remarkvarchar200备注表4-9票务信息字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyanchanghuimingchengvarchar200演唱会名称yanchanghuifenleivarchar200演唱会分类haibaofengmianlongtext4294967295海报封面yanchangrenyuanvarchar200演唱人员daochangrenshuint到场人数zongmenpiaoshuint总门票数表4-10订单字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPorderidvarchar200订单编号tablenamevarchar200商品表名yanchanghuiuseridbigint用户idgoodidbigint商品idgoodnamevarchar200商品名称picturelongtext4294967295商品图片buynumberint购买数量pricedouble价格0totaldouble总价格0typeint支付类型1statusvarchar200状态addressvarchar200地址telvarchar200电话consigneevarchar200收货人remarkvarchar200备注goodtypevarchar200商品类型sfshvarchar200是否审核shhflongtext4294967295审核回复rolevarchar200用户角色表4-11公告资讯分类字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtypenamevarchar200分类名称表4-12公告资讯字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题introductionlongtext4294967295简介typenamevarchar200分类名称namevarchar200发布人headportraitlongtext4294967295头像clicknumint点击次数0clicktimedatetime最近点击时间thumbsupnumint赞0crazilynumint踩0storeupnumint收藏数0picturelongtext4294967295图片contentlongtext4294967295内容表4-13留言板字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPuseridbigint留言人idusernamevarchar200用户名avatarurllongtext4294967295头像contentlongtext4294967295留言内容cpicturelongtext4294967295留言图片replylongtext4294967295回复内容rpicturelongtext4294967295回复图片表4-14用户字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyonghuzhanghaovarchar200用户账号mimavarchar200密码yonghuxingmingvarchar200用户姓名touxianglongtext4294967295头像xingbievarchar200性别nianlingvarchar200年龄lianxidianhuavarchar200联系电话moneydouble余额0系统实现5.1 用户前台系统功能模块实现当游客打开系统的网址后首先看到的就是首页界面。在这里游客能够看到演唱会售票系统的导航条显示系统首页、演唱会、论坛交流、公告资讯、留言板、个人中心。系统首页界面如图5-1所示图5-1系统首页界面当用户进入前台系统进行相关操作前必须先注册登录在注册页面填写用户账号、姓名、密码、确认密码、性别等信息前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息检查用户名是否唯一并将新用户数据存入MySQL数据库。完成后后端向前端发送注册成功的确认前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图5-2所示。图5-2用户注册界面图以下是用户注册代码script export default { data() { return { ruleForm: { }, pageFlag : , tableName:, rules: {}, }; }, mounted(){ this.pageFlag this.$storage.get(pageFlag); let table this.$storage.get(loginTable); this.tableName table; }, created() { }, destroyed() { }, methods: { // 获取uuid getUUID () { return new Date().getTime(); }, close(){ this.$router.push({ path: /login }); }, yonghutouxiangUploadChange(fileUrls) { this.ruleForm.touxiang fileUrls; }, // 多级联动参数 // 注册 login() { var urlthis.tableName/register; if((!this.ruleForm.yonghuzhanghao) yonghu this.tableName){ this.$message.error(用户账号不能为空); return } if((!this.ruleForm.yonghuxingming) yonghu this.tableName){ this.$message.error(用户姓名不能为空); return } if((!this.ruleForm.mima) yonghu this.tableName){ this.$message.error(密码不能为空); return } if((this.ruleForm.mima!this.ruleForm.mima2) yonghu this.tableName){ this.$message.error(两次密码输入不一致); return } if(yonghu this.tableName this.ruleForm.lianxidianhua(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){ this.$message.error(联系电话应输入手机格式); return } if(this.ruleForm.touxiang!null) { this.ruleForm.touxiang this.ruleForm.touxiang.replace(new RegExp(this.$base.url,g),); } this.$http({ url: url, method: post, data:this.ruleForm }).then(({ data }) { if (data data.code 0) { this.$message({ message: 注册成功, type: success, duration: 1500, onClose: () { this.$router.replace({ path: /login }); } }); } else { this.$message.error(data.msg); } }); } } };用户登录用户在登录页面通过填写账号、密码完成登录在登录流程中用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求通过与MySQL数据库交互验证用户凭证。如果认证成功后端生成一个令牌如JWT并返回给前端允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-3所示。图5-3用户登录界面图以下是用户登录代码:mounted() { let menus menu.list(); this.menus menus; for (let i 0; i this.menus.length; i) { if (this.menus[i].hasBackLogin是) { this.roles.push(this.menus[i]) } } }, created() { this.getRandCode() }, destroyed() { }, components: { }, methods: { //注册 register(tableName){ this.$storage.set(loginTable, tableName); this.$storage.set(pageFlag, register); this.$router.push({path:/register}) }, // 登陆 login() { if (!this.rulesForm.username) { this.$message.error(请输入用户名); return; } if (!this.rulesForm.password) { this.$message.error(请输入密码); return; } if(this.roles.length1) { if (!this.rulesForm.role) { this.$message.error(请选择角色); return; } let menus this.menus; for (let i 0; i menus.length; i) { if (menus[i].roleName this.rulesForm.role) { this.tableName menus[i].tableName; } } } else { this.tableName this.roles[0].tableName; this.rulesForm.role this.roles[0].roleName; } this.$http({ url: ${this.tableName}/login?username${this.rulesForm.username}password${this.rulesForm.password}, method: post }).then(({ data }) { if (data data.code 0) { this.$storage.set(Token, data.token); this.$storage.set(role, this.rulesForm.role); this.$storage.set(sessionTable, this.tableName); this.$storage.set(adminName, this.rulesForm.username); this.$router.replace({ path: /index/ }); } else { this.$message.error(data.msg); } }); }, getRandCode(len 4){ this.randomString(len) }, randomString(len 4) { let chars [ a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ] let colors [0, 1, 2,3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f] let sizes [14, 15, 16, 17, 18] let output []; for (let i 0; i len; i) { // 随机验证码 let key Math.floor(Math.random()*chars.length) this.codes[i].num chars[key] // 随机验证码颜色 let code # for (let j 0; j 6; j) { let key Math.floor(Math.random()*colors.length) code colors[key] } this.codes[i].color code // 随机验证码方向 let rotate Math.floor(Math.random()*60) let plus Math.floor(Math.random()*2) if(plus 1) rotate -rotate this.codes[i].rotate rotate(rotatedeg) // 随机验证码字体大小 let size Math.floor(Math.random()*sizes.length) this.codes[i].size sizes[size]px } }, } };用户点击演唱会在演唱会页面的输入栏填写演唱会名称、演出地址、演唱人员、价格进行查询然后还可以查看演唱会名称、演唱会分类、海报封面、演出地址、演唱人员、开始时间、结束时间、点击次数、评论数、价格、收藏数、座位总数等信息如有需要可以点击立即预订、收藏或者评论等详情操作如下图所示如图5-4所示图5-4演唱会页面用户点击公告资讯在公告资讯页面的输入栏填写标题进行查询然后还可以查看文章上一篇、下一篇还可以收藏或者点赞等信息如图5-5所示图5-5公告资讯页面用户点击个人中心在个人中心页面可以修改个人信息、密码修改还可以对修改密码、我的发布、我的订单、我的收藏进行详细操作如图5-6所示。图5-6个人中心界面图5.2管理员功能模块实现本模块主要是使用者可以通过演唱会售票系统的首页进入该系统。用户输入正确的账号名和密码一旦输入信息有错将在系统显示错误提示同时严禁系统用户做出其他动作。如果注册信息正确无误系统就会按照使用者的身份信息做出有关权利的判定用户进入前台系统管理者则进入后台系统。管理员登录主页面如图5-7所示图5-7 管理员登录主页面管理员进入主页面主要功能包括对主页、用户信息、用户、演唱会分类、演唱会、票务信息、留言板、系统管理、订单管理等进行操作。管理员主页面如图5-8所示图5-8管理员主界面用户信息功能在视图层view层)进行交互比如点击“增加”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后调用服务层(service层)以执行相关的业务逻辑例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后进一步与数据访问对象层DAO层)交互后者负责具体的数据操作如搜索、增加、更新或删除用户信息并将操作结果返回给控制器。最终控制器根据这些结果更新视图层以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入用户账号进行搜索可以查看到用户详细信息并根据需要进行修改或者删除等操作如图5-9所示图5-9用户界面演唱会分类功能在视图层view层)进行交互比如点击“增加”按钮或填写演唱会分类信息表单。这些演唱会分类动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后调用服务层(service层)以执行相关的业务逻辑例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后进一步与数据访问对象层DAO层)交互后者负责具体的数据操作如搜索、增加、更新或删除演唱会分类并将操作结果返回给控制器。最终控制器根据这些结果更新视图层以便演唱会分类功能可以看到最新的信息或相应的操作反馈。在演唱会分类页面的输入栏中输入演唱会分类进行搜索可以查看到演唱会分类详细信息并根据需要进行修改或者删除等操作如图5-10所示图5-10演唱会分类界面管理员点击演唱会在演唱会页面输入演唱会名称、演唱会分类、海报封面、演出地址、演唱人员、开始时间、结束时间、点击次数、评论数、价格、收藏数、座位总数等信息可以搜索、增加或者删除演唱会等操作。如图5-11所示图5-11演唱会界面管理员点击票务信息在票务信息页面对演唱会名称、演唱会分类、海报封面、演唱人员、到场人数、总门票数等信息可以搜索或者删除票务信息等操作。如图5-12所示图5-12票务信息界面管理员点击留言板在留言板页面对用户名、留言内容、留言图片、回复内容、回复图片等信息可以搜索或者删除留言板等操作。如图5-13所示图5-13留言板界面管理员点击系统管理在系统管理页面对预约公告资讯分类、轮播图管理、公告资讯等板块信息进行详情操作。如图5-14所示图5-14系统管理界面管理员点击订单管理在订单管理页面对订单编号、商品名称、商品图片、购买数量、价格、总价格、支付类型、状态、备注、商品类型、下单时间等信息可以搜索或者删除订单信息等操作。如图5-15所示图5-15订单管理界面第6章 系统测试6.1 测试方法与步骤本系统首先在本地服务器上进行了安装和测试,之后鉴于对系统的结构和处理方法的充分熟悉和对系统特性的充分了解对系统进行了白盒测试和黑盒试验[15]。在发展软件系统的整个过程中,人们必须面临错综复杂性的实际问题,所以,在软件系统生存周期的各个过程中都必然地会形成错误。应用软件检测目的在于:出现出错并运行某个程序的步骤,而应用软件检测的最重要目的便是找到其中尚未发生的出错。为了制定出合理的测试计划,根据以下原则开始了测量任何测试都要追溯到客户需要当确定了客户使用模型后就要着手制定测试计划,并在编码以前就对整个软件测试工作做出规划和制定御用Pareto原理,主要对占出了百分之八十九以上的最易于出错的约百分之二十的模板实施了检测,并从小规模开始逐步实施大量检测,范围一般从主要检测单编程模板再到完全集成的模板;同时精心设计了检测方法,尽可能地全面覆盖所有程序逻辑并使其满足要求的能力[16]。测试环境软件和硬件的配置清单见下表。测试环境表6-1表6-1 测试环境表设备名称硬件配置应用程序服务器端处理器1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz)配备 4MB 三级缓存jdk1.8,tomcat9.0.12,Mysql8.0maven3.5内存8 GB主硬盘128GB PCIe 固态硬盘网卡802.11a/b/g/n客户端处理器1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz)配备 4MB 三级缓存macOS内存8 GB主硬盘128GB PCIe 固态硬盘显卡Intel UHD Graphics 617网卡802.11a/b/g/n6.2 模块测试6.2.1 登录模块测试进入本系统时根据不同登录方式区分用户以及管理员的登录。二者登录均需填写用户名和密码。当填写了错误的用户名或密码时将提示“用户名或密码错误”按确认按钮返回注册窗口。登录界面简介且高效输入错误后返回注册窗口也不会卡顿。6.3 测试用例本演唱会售票系统在采用单元测试的方法对系统各模块进行测试检测流程必须严格遵循检测的标准流程进行单位检测子系统检测和控制系统检测。经过单位检测就检查出了控制系统中各个模块内在的错误经过子系统检测发现了模板之间相互协作与沟通上的出错经过集成测试发现了流程中出现的错误。通过修正确定了演唱会售票系统能够实现需求分解中确定的技术要求。根据单元测试对系统进行集成测试判断各功能组合完成后是否存在逻辑和功能上的错误保证系统集成后不会出现bug。最后对系统进行系统测试确保整个系统的完整性和功能的流通性。通过管理员和用户两个角色对系统进行完整的系统测试并对相应的测试进行了详细的测试用例制作同时记录了详细测试过程形成了相关的系统测试文档。具体测试用例如下表6-2 注册测试用例表测试对象测试案例操作说明实际结果是否通过注册用户未注册用户登录提示请注册得到相应信息提示是表6-3 后台管理员测试用例表测试对象测试案例操作说明实际结果是否通过后台管理员管理权限添加管理员点击后台管理员/管理员列表/添加管理员按钮显示添加管理员弹框是点击后台管理员/管理员列表/取消管理员按钮关闭弹框是搜索管理员在输入框中输入要找的管理员(用户名/手机号/邮箱)点击搜索按钮显示搜索到的管理员结果是编辑管理员权限/信息点击要编辑的管理员显示要编辑管理员的弹框是删除管理员点击删除管理员显示删除管理员弹窗/确认删除是结 论本系统相对于我查阅到的其他演唱会售票系统具有如下优点其功能全面、易于日后程序更新、数据库管理容易、界面友好、操作方便、效率高、安全性好。本系统在技术层面具有如下优点第一用java实现动态页面使软件系统具备了很好的可维护性和可复用性。其次在本系统的编写流程中使用的是Spring Boot框架该框架将更有效的把显示功能与逻辑分开使得模块更易于管理尤其适用于大型项目的编写。第三后台使用的MySQL数据库系统MySQL的数据库系统引擎主要集中在了对XML标准的支持同时具备可扩充、容易应用和安全性高的优点。综上所述通过这次从零开始的毕业设计是一次全新的开始也期待圆满结束。我也希望这次的设计能通过我后期的自主学习把它趋向于完美成为我的自主创作经验。参考文献[1]刘敏.基于Spring Boot 框架社交网络平台的设计与实现[D].湖南大学,2021.[2]姜萍.基于MySql的房地产销售管理系统设计与开发[D].吉林大学,2020.[3]颜清,苗壮,赖鑫生,等.大数据时代关系数据库MySQL的创新与发展[J].科技风,2020(20):75-76.[4]马景娣,田稷.基于J2EE 的科技查新综合信息系统的设计与实现[J].现代图书情报技术 2019(08):75-80.[5]张玮.浅析白盒测试和黑盒测试[J].无线互联科技,2019(06):136.[6]Riordan ML,Perry GJ.A systematic review and meta‐analysis of the effects of global health competency improvement programs on nurses and nursing students[J].Journal of advanced nursing,2020,76(7):1552-1566.[7]Braude RM,Shirinyan A,Zargaryan T.Republican Scientific-Medical Library,The Republic of Armenia: progress and programs[J].CIM Bulletin,2019,89(1):45-50.[8]秦楠.基于虚拟交互模型的企业管理系统平台研究[J].微型电脑应用,2021,37(10):50-52.[9]毛瑞欣,王平,张国艳,等.基于JAVA的房屋租赁系统[J].信息与电脑,2020,32(23):95-97.[10]游俊慧.B/S、MVP、MVVM三种架构模式的对比[J].办公自动化,2020,25(22):11-12,27.[11]FONTAINE RAFAMANTANANTSOA,PAULSON RAVOMAMPIANDRA.Analysis and Simulink Modeling of the Performance of Dynamic Web Server Using java and[J].Communications and network,2019,10(4):196-210.[12]齐兵辉.浅谈B/S模式和Spring Boot框架[J].数码设计(上),2021,10(5):38.致 谢时光荏苒岁月如梭。大学美好的四年学涯生活即将结束但仔细想想这四年之间发生了很多故事。曾经与同学、老师、亲朋好友在大学里所有美好的事物都将成为回忆心中浮满好多不舍。如果让我总结大学四年生活我会说我成长了这四年时光非常值得!感谢所有相遇的老师、朋友们!首先我要感谢我的指导老师谢谢您这段时间对我的论文修改是您的耐心、细心辅助我顺利的完成了论文的编写也感谢您的奉献精神让我学习到了职业精神希望我以后也能对我的工作同样的负责。其次我要感谢我的同学四年里分享我的情感生活让我们成为了志同道合的朋友感谢在大学认识你们。最后我要感谢我的父母和亲戚是你们这些年的耐心的陪伴让我成为了现在能独立思想的个人有思想、有理想的人。谢谢所有感谢曾经帮助过我的人谢谢你们谢谢