当前位置: 首页 > news >正文

(附源码)springboot宠物管理系统 毕业设计 121654

springboot宠物管理系统的设计与实现

摘 要

在信息飞速发展的今天,网络已成为人们重要的信息交流平台。宠物管理系统公司每天都有大量的信息需要通过网络发布,为此,本人开发了一个基于B/S(浏览器/服务器)模式的宠物管理系统平台。

该系统以Java编程语言、MySQL和Springboot框架等为开发技术,实现了添加、修改、查看、删除系统数据。本系统采取组件化的方式对系统进行拆分,并对数据库中各个表的增删查改、表与表之间的约束关系进行分析与设计,最终实现符合用户需求功能的商业级应用。

系统界面简洁大方,布局合理,易操作易上手。对应用户的每一步操作,系统都能高响应地做出反馈。系统具体包含了用户管理、宠物信息列表管理、会员留言分类、宠物热点列表管理、宠物热点分类列表管理、订单列表管理、宠物饲料、疫苗药物、饲料下单等功能,为宠物管理系统提供一个管理平台,实现对数据的高效、安全管理。

关键词:宠物管理系统,Springboot框架,MySQL数据库

Design and implementation of spring boot pet managementsystem

Abstract

Today, with the rapid development of information, the network has become an important information exchange platform. Pet management system company has a lot of information to publish through the network every day. Therefore, I developed a pet management system platform based on B / S (Browser / server) mode.

The system takes Java programming language, MySQL and springboot framework as development technologies to add, modify, view and delete system data. The system adopts a component-based way to split the system, and analyzes and designs the addition, deletion, query and modification of each table in the database, and the constraint relationship between tables, so as to finally realize the commercial application that meets the user's needs.

The system interface is simple and generous, the layout is reasonable, easy to operate and start. The system can respond to each step of the user's operation with high response. The system specifically includes user management, pet information list management, member message classification, pet hot spot list management, pet hot spot classification list management, order list management, pet feed, vaccine and drug, feed order and other functions. It provides a management platform for the pet management system to realize efficient and safe data management.

Key words: Pet management system, Springboot framework, MySQLdatabase

目  录

第1章 绪论

1.1 研究背景与意义

1.2 研究现状

1.3 本文的组织结构

第2章 相关技术介绍

2.1 相关技术说明

2.2 B/S体系工作原理

2.3 Springboot框架介绍

2.4 MySQL简介

2.5 JavaScript运行模式

第3章 系统分析

3.1 可行性分析

3.1.1 法律可行性分析

3.1.2 技术可行性分析

3.1.3 经济可行性分析

3.2 功能需求分析

3.3 非功能需求分析 7

3.4 用例分析 7

3.5 业务流程分析

3.6 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构 12

4.3 功能模块设计

4.4 数据库设计

4.4.1 E-R

4.4.2 表结构设计

第5章 系统实现

5.1 开发工具

5.2 注册模块

5.3 登录/注销模块

5.4 用户模块

5.4.1 个人资料模块

5.4.2会员留言模块

5.4.3宠物热点模块

5.4.4 遗弃宠物模块

5.5 管理员模块

5.5.1 密码修改模块

5.5.2 会员留言列表模块 30

5.5.3 宠物信息管理模块 30

5.5.4 订单列表管理模块 31

第6章 系统测试 35

6.1 测试概述 35

6.2 测试过程 35

6.2.1 登录测试 35

6.2.2 信息录入测试 35

6.2.3 信息更新测试 36

6.2.4 信息删除测试 36

6.3 测试结果 36

第7章 总结与展望

7.1 总结

7.2 展望

参考文献

致谢 41

  1. 绪论
    1. 研究背景与意义

在信息科技与多媒体技术高速发展的今天,网络成了我们工作和生活中不可或缺的一部分,各种各样的在线服务系统,更是不断的改变了人们的联系方式,将办公无纸化、网络化是必然趋势。在今天,宠物医院信息管理系统它发挥了强大的作用,让用户能够更加方便、快捷、准确的了解和关爱自己的宠物。

目前很多国内宠物管理系统一般采用纯手工管理。这种方法的弊端在于参与管理的人员文化水平不一,字迹不一,互相之间会导致信息传达不便,而且纸质信息传载媒体有着一个很大的弱点就是容易损坏,造成信息丢失。在当前的信息化时代中,任何宠物医疗机构,都需要一个实用的宠物管理系统来规范宠物医疗信息的管理,这将会大大提高宠物医疗机构的服务水平,优化资源,实现效益的最大化。现在国内也有一些宠物医疗服务管理的软件,采用的技术也是多种多样,但大多数宠物医疗服务系统主要用于大型宠物医院的关键部门。至于小型宠物医院或者医疗机构等,可以服务日常业务的并不多。宠物医疗服务中心,宠物医院等宠物的服务机构纷纷的出现,服务质量和档次也是参差不齐。另有专家预测,未来五年中国宠物经济的市场至少能达到150亿,面对这个庞大的数字的不断增长,宠物医疗服务的需求也将越来越大。针对如此巨大的需要,建立一个完善的宠物医疗服务网站,必须功能齐全,操作简便,向用户展示简单明了的操作界面。在完善功能的同时又必须兼顾系统的灵活性,安全性。

    1. 研究现状

随着人们的生活水平的不断提高、物质生活不断丰富、精神追求不断提升,人们也越来亲睐于饲养宠物。近年来宠物市场的急剧发展,也让更多的人们关注饲养宠物的益处,特别是年轻人工作愈发繁重的背景下,留守家中的老年人变得越来越孤独,饲养宠物不失为排解孤独的一种有效途径。近几年计算机网络技术的飞速发展,网络已经成了人们日常生活中重要且必不可少的一部分,很多人想要购买宠物却不知道哪种宠物适合自己;想要了解哪些宠物的饲养习性却无处咨询;想弄清楚哪些宠物适合各年龄段的人却因实体宠物医院路途遥远等原因而作罢。于是,宠物医院管理系统应运而生。由于其方便性、快捷性、可靠性,已成为众多宠物爱好者经常光顾的地方。国内外的宠物医院管理系统众多,虽然这些系统运用的技术有所不同,但是他们实现的功能和目的都有一个共同点,对社会的影响、给人们带来的方便是一样的。他们都能满足绝大多数人的需求,使得分散于各地的宠物饲养者们能找到这样一个虚拟的宠物医院,使得大家不用再为如何领养、挂号、爱护自己的爱宠而发愁。

现在国内外也有很多宠物医院信息管理的软件,采用的技术也是多种多样,如基于MySQL和Springboot模式,但大多数宠物医院信息管理系统主要用于大型宠物医院的关键部门。至于小型宠物医院,利用宠物医院信息管理系统组织管理的并不多。针对国内外对宠物医院信息管理的巨大需要和基本需要,一个好的宠物医院信息管理系统,必须功能齐全,操作简便,向用户展示友善的操作界面。在完善功能的同时又必须兼顾系统的灵活性,安全性,健壮性。

各个宠物医院管理系统在功能上会存在差异,但都在不断完善,静态网站的宠物医院也在向动态网站的宠物医院过渡。随着Internet的不断快速发展,静态Web站点的开发与维护越来越困难,一方面是信息不断更新和增加,不得不让站点维护人员经常修改页面内容;另一方面静态网页不能及时的与浏览者进行有效交互,使浏览者感觉到乏味。所以开发动态网页是很有必要的。动态网页具有交互性,它能根据用户的要求和选择而动态改变和响应。动态数据访问就是动态网页的特征,当浏览器访问服务器网页时,其Web应用程序才访问数据库,实时检索数据库,响应客户要求。

    1. 本文的组织结构

六个章节共同组成了本文研究及设计内容,包括:

第一章:绪论。本文章的开头部分,对本题目的研究背景和研究意义等一些做文字性的描述。

第二章:相关技术介绍。主要介绍Springboot框架、Java嵌入式脚本语言、B/S模式等。

第三章:系统分析。包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章:系统设计。本文章的重要部分,提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章:系统实现。将本系统分为前提的开发工具介绍和后期的功能代码实现。

第六章:系统测试。系统完成后,根据各个模块的测试用例才对各个模块进行功能测试。

  1. 相关技术介绍
    1. 开发技术说明

本系统前端部分基于MVVM模式进行开发,采用B/S模式,后端部分基于Java的springboot框架进行开发。

前端部分:前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型,项目前端通过栅格布局实现响应式,可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分:采用springboot作为开发框架,同时集成MyBatis、Redis等相关技术。

    1. B/S体系工作原理

B/S架构采取浏览器请求,服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;

而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;

Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。

 

    1. spring boot框架介绍

Spring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制,但其在Java应用中的频繁使用让它备受青睐,以至于后来让它作为EJB(EnterpriseJavaBeans)模型的补充,甚至是替补。Spring框架为开发提供了一系列的解决方案,比如利用控制反转的核心特性,并通过依赖注入实现控制反转来实现管理对象生命周期容器化,利用面向切面编程进行声明式的事务管理,整合多种持久化技术管理数据访问,提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转(IOC)特性,IOC旨在方便项目维护和测试,它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期,容器可以通过扫描XML文件或类上特定Java注解来配置对象,开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程(AOP)框架,SpringAOP框架基于代理模式,同时运行时可配置;AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性,虽无法与AspectJ框架相比,但通过与AspectJ的集成,也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制,使本地和全局事务以及嵌套事务能够与保存点一起工作,并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板,系统可以通过事务模板、XML或Java注解进行事务配置,并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象(JDO)、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持,同时还可以与Spring的事务管理一起使用,为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架,其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够,于是创建了SpringMVC。

    1. MySQL简介

MySQL是一个开放的、快速的、多线程的SQL关系型数据库服务器。由于其体积小、免费、运行速度快以及可以通过相关免费的软件来对MySql数据库中的相关数据结构信息等等优点。受广大中等、小型企业所喜爱并占据了很大地位。本系统在数据库方面选用MySQL,并通过Nacivat来进行MySql数据库的管理。在Mysql的安装过程中,最需要注意的就是数据库的编码问题,所以在安装数据库时需要设置数据库的编码为Utf-8,与前台页面和服务器的编码相一致。

    1. JavaScript 运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的

1.8.1是一种解释性脚本语言(代码不进行预编译)。

1.8.2主要用来向HTML标准通用标记语言下的一个应用)页面添加交互行为。

1.8.3可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离

1.8.4跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如WindowsLinuxMacAndroidiOS等)。

1.8.5 JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

  1. 系统分析
    1. 可行性分析
      1. 法律可行性分析

开发软件有没有触犯法律,这涉及到软件或者系统能不能发布的问题。如果触犯了法律,就必将会受到法律的制裁。常见法律问题就是软件抄袭问题,若是抄袭别人软件,将会受到严厉惩罚。

      1. 技术可行性分析

软件产业经过多年的发展,现在已经达到了很大的规模,从事软件开发的专业人员不计其数,软件产业的重要性已经上升到了影响和推动国民经济发展的核心地位。本系统基于的架构,目前技术已经非常的成熟,是不存在技术上面难以实现的麻烦。

      1. 经济可行性分析

开发软件所需的时间、人力和物力成本,开发完成后的收益如何,从投资回报的角度软件所需功能在现有经济条件能不能实现等进行深入的考虑,都符合实际的要求。所以宠物管理系统具有经济可行性和实用性,可以节约管理成本

    1. 功能需求分析

宠物管理系统主要是为了更加地完善宠物医疗的服务情况,对用户的信息、宠物信息和用户管理、宠物热点管理、会员留言管理、疫苗药物管理、订单列表管理、遗弃宠物管理、宠物饲料情况、招聘员工、志愿者申请等提供了方便的机制。本系统有多类使用者,分别是管理员和用户注册。以下是从这两种用户的角度分别介绍本系统所要实现的功能。

用户:

注册:首先检查用户名和邮箱是否存在,如不存在即可进行注册,并将用户输入的密码进行MD5加密,注册成功后提示注册成功,并将用户信息保存到数据库中。

登录:使用宠物医疗服务系统前是需要用户登录个人账号。

养宠资讯:用户登录宠物医疗服务系统首页时,可以浏览养宠资讯信息,根据不同地宠物可以查看每个不同宠物饲养地方式等,还可以将自己感兴趣的资讯点赞以及加入收藏列表中。

会员留言:用户可以在系统中的宠物信息栏内搜索宠物信息,具体包括:封面图、标题、分类、标签等。

宠物热点:用户可以浏览宠物列表,可以自行搜索某样宠物列表相关详情。具体功能需求如下:宠物列表搜索:前台用户可以直接在前台输入框内输入关键词进行搜索,页面弹跳出对应宠物信息。

宠物饲料:用户可以浏览宠物列表可以自行搜索某样宠物饲料列表相关详情。具体包括:图片、编号、饲料名称、价格、下单数量等。

遗弃宠物:用户可以浏览遗弃宠物列表可以自行搜索遗弃宠物列表相关详情。具体包括:编号、宠物名称、品种、性别、备注、图片等。

活动中心:用户可以查看宠物活动信息表的宠物状态,可以根据宠物状态发起领养申请:包括填写活动标题、内容、要求、图片。

管理员:

用户管理:对用户进行管理,用户的注册,包括用户昵称、用户名、用户的宠物信息(宠物类别、宠物性别、年龄等)用户的账号信息:

宠物信息列表:增加与宠物相关的信息,对宠物进行列表,列表信息包括:标题、封面图、卖价、原价、商品库存、产品分类、描述、毛色。

订单列表管理:

(1)按购买订单编号查询购买订单;

(2)查看购买订单详情;

(3)支付情况;

    1. 非功能需求分析

系统非功能需求有非常多,比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求,因为系统是给人使用的,所以必须充分从用户的角度出发,考虑用户体验,使系统易理解易上手易操作。

    1. 用例分析

1.普通用户主要使用系统的宠物热点和宠物管理系统,下图所示为普通用户的用例               

 

图3-1 普通用户用例图

2.管理员主要负责用户管理、宠物医疗管理、商品管理、商品订单管理、宠物领养,下图所示描述管理员的用例图。

                 

 

图3-2 管理员用例图

    1. 业务流程分析

系统业务流程图如下所示。

                                         

 

图3-3 系统业务流程图

业务流程图(TFD)通过一些特定的符号描述业务的处理过程,它重点强调业务过程中每一项处理活动和具体业务部门的关系,选择部分模块进行具体描述。重点对本系统整体业务中最为主要的宠物交易及订单业务进行描述,用户进入宠物管理系统后进行各种模块信息的浏览,选择想要购买的宠物添加到购买订单,对宠物饲料下单,用户确认购买、填写订单信息,另外,管理人员进入后端管理,以执行该订单信息控制模块的相关管理方法,并在解决后向客户提供反馈机制。

    1. 数据流程分析

如下为系统的层数据流图,外部实体有用户和管理员,分别对系统输入数据,从而得到要输出的数据

    

 

图3-4系统顶层数据流图

如下图所示为系统层数据流图。

 

图3-5系统底层数据流图

宠物服务平台底层数据流图主要描述系统底层模块的数据流、数据载体、数据处理、外部实体的具体交互。本系统就是管理员和普通用户在用户管理、宠物管理、疫苗药物管理、订单列表管理、下单管理、会员信息管理等模块上的数据交互。

  1. 系统设计
    1. 系统架构设计

本系统架构设计主要分为可以3层,主要有Web层,业务层,Model层。其中web层还包括View层和Controller层,Model层包括元数据扩展层和数据访问层。

 

图4-1系统架构图

    1. 系统功能结构

为了将系统从“做什么”落实到“怎么做”,基于系统设计原则,对系统功能进行更适合编码实现的功能划分。根据上图的系统架构设计,整理出规范的系统功能结构图,为系统的实现编码做好准备。

如下图所示为系统功能结构图。

 

图4-2系统功能结构图

    1. 功能模块设计

用户管理针对所有用户和管理员。未注册用户点击注册,进入注册页面填写新用户信息,得到自定义生成账号后,注册完成。未注册用户注册的活动图如下图所示。

 

图4-3未注册用户注册活动图

用户可进行登录使用更多功能,首先进入用户登录界面,输入用户账号和密码,后台对账号和密码信息进行核对验证,验证成功则页面直接显示登录用户昵称代表登录成功,否则返回用户登录界面。用户登录活动图如下图。

 

图4-4用户登录活动图

用户登录后,进入功能页面,可自己的信息进行管理,包括个人信息,用户管理、宠物医疗服务管理、宠物商品管理、订单管理、商品订单管理、宠物领养用户使用功能活动图如所示

 

图4-5用户使用功能活动图

用户功能界面可对自己的密码进行修改。进入修改密码界面后核对当前密码,核对成功后填写新密码。修改密码活动图如下图所示。

 

图4-6修改密码活动图

    1. 数据库设计

宠物服务平台采用的数据库是MySQL,该部分将根据系统需求和设计,设计合理的数据库。本系统考虑到之后系统的扩展集群,数据库将不使用外键。此外,不用外键时数据管理也较为简单,操作更加方便,性能更高。

      1. E-R图

E-R图,更加直观的告诉开发人员系统的各个数据的属性,各个数据之间的联系,各个数据的类型。能通过该模型更直观地了解数据库的设计,并根据对其逐渐改善。

本系统图设计,如下图所示。

 

图4-7系统E-R图

      1. 表结构设计

本系统根据第三范式的思想设计数据库,减少最大程度的冗余,总共建立有多个表,用户注册表、管理员表、招聘员工表、宠物信息表、遗弃宠物表、活动中心表、会员信息表、疫苗药物表、志愿者申请表等。

表结构如下所示。

vaccine_drugs表:

名称

类型

长度

不是null

主键

注释

vaccine_drugs_id

int

11

疫苗药物ID

number

varchar

64

编号

production_time

date

0

生产时间

name

varchar

64

名称

quality_guarantee_period

varchar

64

保质期

use_purpose

varchar

64

使用用途

picture

varchar

255

图片

hits

int

11

点击数

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

pet_information表:

名称

类型

长度

不是null

主键

注释

pet_information_id

int

11

志愿者申请ID

activity_title

varchar

64

活动标题

applicant

int

11

申请人

reason_for_application

text

0

申请原因

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

user_registration表:

名称

类型

长度

不是null

主键

注释

user_registration_id

int

11

用户注册ID

user_account

varchar

64

用户账号

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

user_id

int

11

用户ID

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

recruit_employees表:

名称

类型

长度

不是null

主键

注释

recruit_employees_id

int

11

招聘员工ID

recruitment_position

varchar

64

招聘岗位

number_of_recruits

varchar

64

招聘人数

recruitment_requirements

text

0

招聘要求

deadline

time

0

截至时间

picture

varchar

255

图片

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

pet_information表:

名称

类型

长度

不是null

主键

注释

pet_information_id

int

11

宠物信息ID

hair_color

varchar

64

毛色

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

cart_title

varchar

125

标题

cart_img

text

0

封面图

cart_description

varchar

255

描述

cart_price_ago

double

8

原价

cart_price

double

8

卖价

cart_inventory

int

11

商品库存

cart_type

varchar

64

商品分类:

cart_content

longtext

0

正文

cart_img_1

text

0

主图1

cart_img_2

text

0

主图2

cart_img_3

text

0

主图3

cart_img_4

text

0

主图4

cart_img_5

text

0

主图5

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

abandoned_pets表:

名称

类型

长度

不是null

主键

注释

abandoned_pets_id

int

11

遗弃宠物ID

number

varchar

64

编号

pet_name

varchar

64

宠物名称

varieties

varchar

64

品种

hair_color

varchar

64

毛色

gender

varchar

64

性别

remarks

text

0

备注

picture

varchar

255

图片

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

activity_center表:

名称

类型

长度

不是null

主键

注释

activity_center_id

int

11

活动中心ID

activity_title

varchar

64

活动标题

content

text

0

内容

requirement

text

0

要求

picture

varchar

255

图片

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

member_information表:

名称

类型

长度

不是null

主键

注释

member_information_id

int

11

会员信息ID

user_account

int

11

用户账号

membership_time

date

0

入会时间

full_name

varchar

64

姓名

membership_card_number

varchar

64

会员卡号

remarks

text

0

备注

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

pet_food表:

名称

类型

长度

不是null

主键

注释

pet_food_id

int

11

宠物饲料ID

number

varchar

64

编号

feed_name

varchar

64

饲料名称

production_time

date

0

生产时间

quality_guarantee_period

varchar

64

保质期

matters_needing_attention

varchar

64

注意事项

component

varchar

64

成分

price

int

11

价格

picture

varchar

255

图片

stock

int

11

库存

hits

int

11

点击数

examine_state

varchar

16

审核状态

recommend

int

11

智能推荐

create_time

datetime

0

创建时间

update_time

timestamp

0

更新时间

  1. 系统实现
    1. 开发工具

系统中应用的开发工具总结如下表所示。

表5-1开发工具

名称

工具

版本

操作系统

IDE(Integrated Development Environment)

Windows

Eclipse

7/8/10

2017

服务器

Tomcat

9.10.7

JDK(Java Development Kit)

JDK

Java SE 8.0 (1.8.0)

数据库

浏览器

界面工具

MySQL

谷歌

Photoshop

5.7

6.0

2016

    1. 注册模块

未注册用户在用户注册界面uerRegister.jsp,输入新用户信息,点击注册后,新用户信息由界面传入控制层userAction,调用addUser(user)方法,通过userDAOImp向数据库用户表插入用户信息,由于用户账号是自动生成的,若成功则反馈注册成功,并提示新用户的用户账号;若失败则回到登录界面,并显示登录失败。

注册界面如下所示。

 

图5-1注册界面

用户注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID:[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态:[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组:[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间:

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证:[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名:[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称:[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证:[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址:[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间:

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

    1. 登录/注销模块

用户在首页点击登录,进入用户登录界面uerLogin.jsp,输入用户账号和密码,点击登录,用户账号和密码信息由界面传入控制层userAction,调用userLogin(user)方法,通过userDAOImp向数据库用户表搜索该用户账号与密码,将最终结果反馈到前端。若成功则回到首页;用户成功登录,若失败则回到登录界面,并显示登录失败。

用户点击注销,清空浏览器session值,然后返回登录页或者首页。

登录界面如下所示。

图5-2登录界面

登录界面关键代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态,不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

    1. 用户模块
      1. 个人资料模块

登录用户在首页点击进入用户中心userCenter.jsp,再点击修改个人信息按钮进入userChangeInfo.jsp界面,系统根据session中存储的目前登录的用户的账号,向控制层userAction发送请求,搜索当前用户信息,userAction向userDAOImp调用queryByUserId(user),向数据库的用户表搜索当前用户信息并将用户信息以对象的形式层层返回到userChangeInfo.jsp界面,显示出当前用户的个人信息。

若用户要对个人信息进行修改,则通过修改当前信息之后点击确认,向控制层userAction发送更改后的用户信息,调用changeUser(user)方法,通过userDAOImp向数据库用户表更新用户信息,若成功则反馈注册成功,则返回的userChangeInfo.jsp界面被更改成功;若失败则显示修改失败。

      1. 会员留言模块

用户可以在首页进行会员留言搜索,在搜索框输入关键词后,前台发起请求,将传递的keyword参数信息从前台传递ShangpinController类里,匹配到list()方法,list()方法调用ShangpinServiceImpl类的getShangpinByKeywordCategory()方法,如果没有该关键词,则返回空的结果集。

会员留言界面如下。

 

图5-3会员留言界面

      1. 宠物热点模块

用户在登录状态下浏览宠物热点时可将该宠物热点加入宠物购买订单,从session中取出该用户的信息,点击加入宠物热点后前台发起请求,将对应的商品数量shuliang、id参数信息从前台传递GoumaiController类里,匹配到add()方法,add()方法调用GoumaiServiceImpl类的add()方法。

宠物热点界面如下所示。

 

图5-4宠物热点界面

      1. 遗弃宠物模块

用户在登录状态下浏览遗弃宠物信息时可将该遗弃宠物信息加入收藏记录,从session中取出该用户的信息,点击加入遗弃宠物信息收藏前台发起请求,将对应的遗弃宠物信息shichang、id参数信息从前台传递XiadanController类里,匹配到add()方法,add()方法调用XiadanServiceImpl类的add()方法。

遗弃宠物信息界面如下所示。

 

图5-5宠物信息界面

    1. 管理员模块
      1. 密码修改模块

管理员选择个人中心的修改本人密码。通过密码框输入现密码和2次新密码,如果现密码错误,则提示修改失败。如果2次新密码不一致,则提示修改失败。都没问题的话,系统提示修改成功,并返回登录界面。

密码修改界面如下所示。

 

图5-6密码修改界面

密码修改关键代码如下所示。

  /**

     * 修改密码

     * @param data

     * @param request

     * @return

     */

    @PostMapping("change_password")

    public Map<String, Object> change_password(@RequestBody Map<String, String> data, HttpServletRequest request){

        // 根据Token获取UserId

        String token = request.getHeader("x-auth-token");

        Integer userId = tokenGetUserId(token);

        // 根据UserId和旧密码获取用户

        Map<String, String> query = new HashMap<>();

        String o_password = data.get("o_password");

        query.put("user_id" ,String.valueOf(userId));

        query.put("password" ,service.encryption(o_password));

        Query ret = service.count(query, service.readConfig(request));

        List list = ret.getResultList();

        Object s = list.get(0);

        int count = Integer.parseInt(list.get(0).toString());

        if(count > 0){

            // 修改密码

            Map<String,Object> form = new HashMap<>();

            form.put("password",service.encryption(data.get("password")));

            service.update(query,service.readConfig(request),form);

            return success(1);

        }

        return error(10000,"密码修改失败!");

    }

      1. 会员留言列表模块

管理员在后台管理界面点击到所有会员留言列表界面shangpinxinxi_list.jsp,向控制层shangpinxinxiAction发送请求,搜索当前所有会员信息,shangpinxinxiAction向shangpinxinxiDAOImp调用搜索全部会员留言的请求,向数据库的会员留言表搜索当前所有会员并将留言信息以对象的形式层层返回到shangpinxinxi_list.jsp界面,显示出当前所有会员留言信息。若要对会员留言列表信息进行修改和删除,则分别进入shangpinxinxi_updt.jsp或shangpinxinxi_delete.jsp,通过shangpinxinxiAction向shangpinxinxiDAOImp调用对应的修改或删除方法,向数据库的会员留言表做相应的持久层操作。

会员留言列表界面如下所示。

 

图5-7会员留言列表界面

      1. 宠物信息管理模块

管理员在后台管理界面点击到所有宠物信息界面chongwufuwuxinxi_list.jsp,向控制层chongwufuwuxinxiAction发送请求,搜索当前所有宠物信息,chongwufuwuxinxiAction向chongwufuwuxinxiDAOImp调用搜索全部宠物信息的请求,向数据库的宠物信息表搜索当前所有宠物信息并将宠物信息以对象的形式层层返回到chongwufuwuxinxi_list.jsp界面,显示出当前所有宠物信息列表。

宠物信息列表管理界面如下所示。

 

图5-8宠物信息列表管理界面

      1. 订单列表管理模块

根据需求,需要对订单列表进行添加、删除或修改详情信息。删除或修改订单时,系统根据订单列表的状态判定为可删除状态下,才会给出删除和修改链接,点击删除链接按钮时,请求到达后台,还会先查询订单状态再次做出判定能否删除。点击修改链接按钮时,会跳转到修改信息的页面,重新填写好数据后,数据提交到后台会对数据库中相应的记录做出修改。

添加订单列表时,会给出数据填写的页面,该页面根据填写好的订单同样会事先发送Ajax请求查询订单号是否已存在,数据填写好之后提交到后台,会调用相关服务在数据库中插入记录。

订单列表页面设计效果如下图所示。

 

图5-9订单列表界面图

订单列表管理的关键代码如下。

  @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作:{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

  1. 系统测试
    1. 测试概述

软件测试是软件开发完成后必须经过的一道程序,它在软件开发过程中地位十分重要,需要由专业的测试工程师来对软件进行各方面的测试,大到功能模块测试,小到代码的单元测试,这对测试工程师来说需要有足够的耐心和专业的测试方案,软件测试归根结底就是对软件的结构和功能的综合测评,需要做到结构稳定和功能正确,二者兼顾。软件测试也叫寻找系统bug的过程,世界上没有完美无缺、不存在bug的软件,只能将软件的bug降到最低最小,来追求极致。

    1. 测试过程
      1. 登录测试

登录测试是系统最开始就要进行,测试用户能否登录,才能完成后续的功能操作。

登录测试用例表如下所示。

表6-1登录测试

用例编号

YL001

程序版本

1.00

功能名称

使用者登录测试

编制人

李铁蛋

功能描述

根据用户的登录情况测试

用例目的

测试用户登录情况是否正确

测试项

测试数据

测试结果

预期结果

用户名

为空

请输入用户名

请输入用户名

密码

为空

请输入密码

请输入密码

用户密码组合

用户名:klouse 密码 klouses

用户与密码不匹配

用户与密码不匹配

用户密码组合

用户名 : klouse 密码

klouse

进入系统

正确的用户名和密码

登录系统

      1. 信息录入测试

管理员在发布信息页面,通过按照预先格式发布信息,如果因为输入时候缺少相关内容,就不能发布成功,且有相应错误提示

信息录入发布测试用例表如下所示。

表6-1信息录入发布测试

用例编号

YL002

程序版本

1.00

功能名称

信息发布测试

编制人

李铁蛋

功能描述

对使用者发布或者录入信息进行测试,判断其功能是否达到预期的要求

用例目的

对系统使用者录入发布信息进行原型测试。

测试项

测试数据

测试结果

预期结果

属性1

为空

请输入属性1对应的数据

请输入属性1对应的数据

属性2

为空

请输入属性2对应的数据

请输入属性2对应的数据

属性3

为空

请输入属性3对应的数据

请输入属性3对应的数据

全部输入

数据均填入

录入发布成功

录入发布成功

      1. 信息更新测试

管理员在更新信息页面,通过按照预先格式更新信息,如果因为输入时候缺少相关内容或者更新的数据不符合当前规范的话,就不能更新成功,且有相应错误提示

信息更新测试用例表如下所示。

表6-1信息更新测试

用例编号

YL003

程序版本

1.00

功能名称

信息更新测试

编制人

李铁蛋

功能描述

对使用者更新信息进行测试,判断其功能是否达到预期的要求

用例目的

对系统使用者更新信息进行原型测试。

测试项

测试数据

测试结果

预期结果

属性1

编号:321

编号更新成功

编号更新成功

属性2

名称:名称1

名称更新成功

名称更新成功

属性3

内容:内容1234内容

内容更新成功

内容更新成功

全部输入

数据均未更改

更新成功

更新成功

      1. 信息删除测试

管理员在信息页面,通过点击数据删除按钮来删除该条数据,如果该数据和其他数据有关联,则提示是否确定删除。

信息删除测试用例表如下所示。

表6-1信息删除测试

用例编号

YL004

程序版本

1.00

功能名称

信息删除测试

编制人

李铁蛋

功能描述

对使用者删除信息进行测试,判断其功能是否达到预期的要求

用例目的

对系统使用者删除信息进行原型测试。

测试项

测试数据

测试结果

预期结果

数据1

无任何关联的数据1

数据删除成功

数据删除成功

数据2

和其他数据有关联的数据2

请确认是否删除

请确认是否删除

    1. 测试结果

在经过之前的所有的工作之后,通过对软件的测试方法、测试原则还有典型的测试用例进行全面的、深入的介绍。经过对系统的全面测试,系统目前所具有的所有功能均成功的实现并且通过了测试,整个系统实现了基于 Java 开发的期望。

  1. 总结与展望
    1. 总结

宠物管理系统采用Springboot框架开发,该系统非常完美的集优点于一身,成熟、强大、易理解易使用,通过使用这个结构,降低了开发的难度。本系统实现了基于Springboot的宠物管理平台,将数据操作维护的过程转化成电脑操作流程,具体实现了对系统人员管理、宠物数据维护、订单数据维护、疫苗药物数据维护、会员信息管理数据维护,并提供查询统计功能来对宠物管理系统的相关数据进行统计分析,让使用者能更清晰的掌握运营情况,帮助使用者进行数据操作维护,简化工作流程,提高工作效率和盈利。

    1. 展望

目前完成的宠物管理系统,还有许多有待改进的地方。一个是功能上的改进,用户理应可以修改自己的相关信息,故应增设个人中心功能;另外,系统如果能提供更多的功能就会使得系统更加丰富和多样化,比如数据当前分析和未来预测等。第二个是技术上的改进,由于对开发框架不太熟悉,权限管理这部分,本系统采用一个Java页面来规定好导航栏,即跳转的页面,这相对比较不灵活,如果将URL路径记录到数据库并实现增删查改会比较好;另外就是对EasyUI的使用还不够熟练,视觉效果和界面观感有待提升,希望日后能对这个系统有所改进。

参考文献

[1]王萨仁图雅,薛爱兰.动物医院管理系统软件的应用技巧[J].当代畜禽养殖业,2021(05):63-64.

 [2]郭恒川.基于物联网技术的智能宠物饲养系统设计[J].信息与电脑(理论版),2021,33(17):187-190.

[3]沈俊.宠物清洁用品中臭味管理的探讨[J].中国洗涤用品工业,2021(06):47-51.

 [4]吴文洋,刘世宇.基于B/S架构宠物领养管理系统设计[J].软件,2020,41(11):85-87.

[5]叶军,华旭奋,孙晓艳.基于用户体验的互联网+宠物管理系统设计与实现[J].科技创新与应用,2020(31):87-89.

[6]马海珠.小型宠物店管理系统的设计[J].电脑知识与技术,2020,15(36):93-94+108. [7]陈金谊,李泳清,邱广萍.机智云技术在宠物管理系统中的应用[J].物联网技术,2019,9(09):87-89+93.

 [8]黄琳,林国钦.基于Java web的宠物店管理系统的设计[J].电子技术与软件工程,2019(04):36-37.

[9]Esther Dias Costa,Camila Marinelli Martins,Graziela Ribeiro Cunha,Dariane Cristina Catapan,Fernando Ferreira,Simone Tostes Oliveira,Rita de Cassia Maria Garcia,Alexander Welker Biondo. Impact of a 3-year pet management program on pet population and owner’s perception[J]. Preventive Veterinary Medicine,2019,139(Pt A):

[10] Veterinary Medicine; Studies from Federal University Reveal New Findings on Veterinary Medicine (Impact of a 3-year pet management program on pet population and owner's perception)[J]. Veterinary Week,2019:

[11]支元,徐栋.基于RFID技术的城市宠物信息管理系统设计与实现[J].无线互联科技,2019(01):140-142.

[12]张帆. 华阳社区宠物医院管理系统的设计与实现[D].东北大学,2019.

[13]韩新超. 一种基于C/S和B/S的宠物识别和管理系统[C]//Proceedings of 2019 International Conference on Software Engineering and Multimedia Communication (SEMC2011 V2).,2018:390-393.

[14]陈文浩,朱义胜,张广璐.宠物管理系统中RFID读卡器设计[J].现代电子技术,2018(12):61-62+68.

[15]季国强. 义乌50只宠物有了“电子身份证”[N]. 金华日报,2018-11-02(002).

 [16]刘东明,陈建国,胡长敏,丁明星. 宠物医院门诊管理系统的设计与实现[C]//全国兽医外科学第13次学术研讨会、小动物医学第1次学术研讨会暨奶牛疾病第3次学术讨论会论文集.,2018:397-398.

致谢

在老师的教导和帮助下,本人完成了本篇论文,老师对论文的内容、格式都有非常严格的要求,在我写毕业论文的过程中,他多次给出了建议,并定期检查,对我们严格要求,帮助我们在文档的编写上写到极致和正确,他这种教学和工作态度,让我对他产生无限的敬佩感和尊敬感。写毕业论文的同时,作为应届生,我也忙着找工作中,遇到了很多选择,感到困惑迷茫的时候,老师给了我很多意见,感谢老师的耐心开导,跟她的聊天我明白了许多。

我还要感谢我的父母,一直以来都非常支持和相信我,在精神和经济上给了我很多力量,如今我将毕业走上工作之路,终于能报答父母的养育教导之恩。还有我大学期间所有老师和全体同学,遇到问题时,这些老师同学总是无私地帮助我,真的非常感谢,我也会加油努力成长为一个有用的人。

免费领取本源代码,请关注点赞+私信

相关文章:

  • 中国铝制圆顶盖行业竞争态势与供需前景预测报告2022-2028年
  • YoloX大升级:阿里巴巴提出新框架,超越Yolov6和PPYoloE(附源代码)
  • linux redis 字符串增删改查
  • 什么是无常损失?
  • 找年龄最大的人
  • Java网络教程的基础简介说明
  • Flask 学习-35.restful-full 自定义错误内容 error_msg 使用
  • Linux连接文件与vim编译器的使用
  • oracle 删除语句(时间范围)
  • CMS垃圾收集器与三色标记算法详解
  • 2022速卖通重点运营策略,商品合规划经营必知
  • 【WSN通信】基于最佳簇半径的无线传感器网络分簇路由算法附matlab代码
  • 最新 MySQL 面试笔记解析直接爆砍 39K 月薪,拿走不谢
  • Jenkins实战中的一些技巧
  • webpack定制化 加载与插件[css加载器、html插件、image打包配置、babel代码兼容、vue加载器及配置]
  • JS 中的深拷贝与浅拷贝
  • 【5+】跨webview多页面 触发事件(二)
  • AHK 中 = 和 == 等比较运算符的用法
  • Apache Spark Streaming 使用实例
  • Flex布局到底解决了什么问题
  • JavaScript类型识别
  • JavaScript设计模式与开发实践系列之策略模式
  • Lsb图片隐写
  • magento2项目上线注意事项
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • Netty 4.1 源代码学习:线程模型
  • NSTimer学习笔记
  • python学习笔记-类对象的信息
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • SQL 难点解决:记录的引用
  • vue-router的history模式发布配置
  • 阿里云爬虫风险管理产品商业化,为云端流量保驾护航
  • 表单中readonly的input等标签,禁止光标进入(focus)的几种方式
  • 动态规划入门(以爬楼梯为例)
  • 多线程 start 和 run 方法到底有什么区别?
  • 力扣(LeetCode)56
  • 前端js -- this指向总结。
  • 设计模式 开闭原则
  • 深度学习中的信息论知识详解
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 想写好前端,先练好内功
  • 学习笔记TF060:图像语音结合,看图说话
  • 移动端 h5开发相关内容总结(三)
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • 资深实践篇 | 基于Kubernetes 1.61的Kubernetes Scheduler 调度详解 ...
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • ​用户画像从0到100的构建思路
  • # centos7下FFmpeg环境部署记录
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • (2020)Java后端开发----(面试题和笔试题)
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • (转)shell中括号的特殊用法 linux if多条件判断
  • . NET自动找可写目录
  • .bat批处理(一):@echo off