ssm082基于java斗车交易系统设计与实现+vue(论文+源码)_kaic

摘  要

21世纪的今天,随着社会的不断发展与进步,人们对于信息科学化的认识,已由低层次向高层次发展,由原来的感性认识向理性认识提高,管理工作的重要性已逐渐被人们所认识,科学化的管理,使信息存储达到准确、快速、完善,并能提高工作管理效率,促进其发展。

论文主要是对斗车交易系统进行了介绍,包括研究的现状,还有涉及的开发背景,然后还对系统的设计目标进行了论述,还有系统的需求,以及整个的设计方案,对系统的设计以及实现,也都论述的比较细致,最后对斗车交易系统进行了一些具体测试。 正是针对上述问题,本论文对线汽车信息管理系统的开发过程进行了较为详细的论述,采用B/S架构、ssm 框架和 java 开发的 Web 框架, eclipse开发工具。

斗车交易系统,主要的模块包括管理员;个人中心、用户管理、汽车分类管理、汽车品牌管理、汽车颜色管理、汽车信息管理、系统管理、订单管理;用户前台;首页、汽车信息、公告信息、个人中心、后台管理、购物车、在线咨询;等功能。系统中管理员主要是为了安全有效地存储和管理各类信息,还可以对系统进行管理与更新维护等操作,并且对后台有相应的操作权限。

要想实现斗车交易系统的各项功能,需要后台数据库的大力支持。管理员验证注册信息,收集的用户信息,并由此分析得出的关联信息等大量的数据都由数据库管理。本文中数据库服务器端采用了Mysql作为后台数据库,使Web与数据库紧密联系起来。在设计过程中,充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。

本系统的开发使获取斗车交易系统信息能够更加方便快捷,同时也使斗车交易系统信息变的更加系统化、有序化。系统界面较友好,易于操作。

关键词斗车交易系统  ;java技术 ;Mysql数据库  ssm框架

Abstract

Today in the 21st century, with the continuous development and progress of society, people's understanding of information science has developed from low level to high level, from the original perceptual knowledge to rational knowledge, and the importance of management has been gradually recognized by people. Scientific management can make information storage accurate, fast and perfect, improve the efficiency of work management, and promote its development development.

This paper mainly introduces the trading system of the bucket car, including the current situation of the research, the development background involved, and then discusses the design objectives of the system, the requirements of the system, as well as the whole design scheme. The design and implementation of the system are also discussed in detail. Finally, some specific tests are carried out on the trading system of the bucket car. In view of the above problems, this paper discusses the development process of online automobile information management system in detail, using B / S architecture, SSM framework and web framework developed by Java, eclipse development tool.

Car trading system, the main modules include administrator; personal center, user management, car classification management, car brand management, car color management, car information management, system management, order management; user front desk; home page, car information, announcement information, personal center, background management, shopping cart, online consulting; etc. The administrator in the system is mainly for the safe and effective storage and management of all kinds of information, can also manage and update the system maintenance and other operations, and has the corresponding operation authority on the background.

In order to realize the functions of the trading system, it needs the support of the background database. The administrator verifies the registration information, collects the user information, and obtains the association information and so on massive data by the database management. In this paper, the database server uses MySQL as the background database, so that the web and database are closely linked. In the design process, it fully ensures the good readability, practicability, expansibility, universality, easy to maintain, easy to operate and concise page of the system code.

The development of the system makes it more convenient to obtain the information of the trading system, and also makes the information of the trading system more systematic and orderly. The system interface is friendly and easy to operate.

Key words: Cart trading system; Java technology; MySQL database SSM framework

目  录

  

Abstract

1 系统概述 2

1.1 概述 3

1.2课题意义

1.3 主要内容

2 系统开发环境

2. 1 java简介

2. 2 Mysql数据库

2.3B/S结构

2.4SSM三大框架

3 需求分析

3.1技术可行性:技术背景     

3.2经济可行性

3.3操作可行性: 

3.4系统设计规则

3.5系统流程和逻辑

4系统概要设计

4.1 概述

4.2 系统结构

4.3 数据库设计

4.3.1 数据库实体

4.3.2 数据库设计表

4.4 数据表

5 系统详细设计

5.1管理员功能模块

5.2用户前台功能模块

6 系统测试

6.1系统测试的目的

6.2系统测试方法

6.3 测试结果

6.4 系统测试的意义

结论

致 谢

参考文献


1 系统概述

1.1 概述

随着社会的快速发展,计算机的影响是全面且深入的。人们的生活水平不断提高,日常生活中人们对斗车交易方面的要求也在不断提高,需要咨询的人数更是不断增加,使得斗车交易系统的开发成为必需而且紧迫的事情。斗车交易系统主要是借助计算机,通过对斗车交易系统所需的信息管理,增加用户选择,同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。斗车交易系统对用户带来了更多的便利, 该系统通过和数据库管理系统软件协作来满足用户的需求。

1.2课题意义

随着全球信息化的发展,人们的生活节奏越来越快,对信息的时效性越来越重视。以传统的宣传方式为载体的传统媒介早已不能满足用户对获取信息的方式、便捷性的需求。所以斗车交易系统渐渐成为用户关注的焦点。首先,斗车交易系统,网上获取信息的实时性、便捷性要远远高于传统媒介。系统一经上线,无论用户在世界的哪个角落,只要能够连接互联网,就能在第一时间获得想要的信息。

以往的汽车信息相关信息管理,都是工作人员统计。这样即浪费时间,时效性低,而且需要查找和变更的时候很不方便。随着科学的进步,技术的成熟,计算机信息化也日新月异的发展,社会也已经深刻的认识,计算机功能非常的强大,计算机已经进入了人类社会发展的各个领域,并且发挥着十分重要的作用。

计算机技术在现代管理中的应用,使计算机成为用户应用现代技术的重要工具。能够有效的解决获取信息便捷化、全面化的问题,提高效率。

1.3 主要内容

斗车交易系统从功能、数据流程、可行性、运行环境等方面进行需求分析。对斗车交易系统的数据库、功能进行了详细设计。分析了主要界面设计和相关组件设计,对斗车交易系统的具体实现进行了介绍,从而达到对斗车交易系统的管理。

详细内容介绍,将在以下六章中详细阐述:

第一章、绪论,介绍了研究课题选择的背景及意义、研究现状,简要介绍了本文的章节内容。

第二章、引入技术知识,通过引入关键技术进行开发,向系统中涉及直观表达的技术知识。

第三章、重点分析了系统的分析,从系统强大的供需市场出发,对系统开发的可行性,系统流程以及系统性能和功能进行了探讨。

第四章、介绍了系统的详细设计方案,包括系统结构设计和数据库设计。

第五章、系统设计的实现,通过对系统功能设计的详细说明,论证了系统的结构。

第六章、系统的整体测试,评判系统是否可以上线运行。

采用java技术,从数据库中获取数据、向数据库中写入数据,实现系统直接对数据库进行各种操作,在网页中加入动态内容,从而实现斗车交易系统所需要的各种基本功能。

2 系统开发环境

2.1 java简介

Java语言是在二十世纪末由Sun公司发布的,而且公开源代码,这一优点吸引了许多世界各地优秀的编程爱好者,也使得他们开发出当时一款又一款经典好玩的小游戏。Java语言是纯面向对象语言之一,从发布初期到现今,可以说有将近20多年的历史,已发展成为人类计算机编程语言发展史上的一个深远影响。

Java语言具有非常多种的特性:(1)跨平台的无关性;(2)面向对象; (3)安全性得以保障;(4)支持多个任务;(5)多种编写方式,代码编写简单。对比其他的低级语言、高级语言,Java语言具有明显的显著优势以及未来开阔的前景,可以广泛的应用在个人笔记本电脑、大数据、大型游戏等等。

首先,Java语言具有面向对象的特性,并且易于理解。关于对象,其实可以理解成每一种事物都是一种对象,包括我们人类自身都是一种对象。利用面向对象语言的基本特征来解决软件开发中的实际问题,为有效软件开发提供了技术支持。

其次,Java 语言具有很好的跨平台无关性。所编写出来的应用程序是Java语言编写的,那么就无需再使用编译器来修改程序代码,可以直接在任何计算机系统中运行,Windows系统可以运行,在Linux系统中也可以,也就是经过一次编译,可以到处运行,所以Java语言具有卓越的可移植性,可以很好的跨平台实现。

2.2 Mysql数据库

Mysql是一个多患者、多线程的服务器,采用SQL的数据库,数据库管理系统是基于SQL的患者以及服务器模式的关系,它的优点有强大的功能、操作简单、管理方便、可靠安全、运行较快、多线程、跨平台性、完全网络化、稳定性等,非常适合Web站点或者其他应用软件,在数据库后端的开发。此外,利用许多语言,患者可以编写和访问Mysql数据库的程序。Mysql数据库也是开放源代码的,开发者越来越喜欢使用Mysql关系数据库,应用范围也被推而广之。这是由于速度快和易用性, Web站点或应用软件的数据库后端的开发也都在使用它。

mysql 数据库它有很多的优点,例如它在操作上能够让人通俗易懂、功能强大、信息储存量高等优点。所以被人们广泛应用,对于mysql数据库来说它一般主要是对数据进行编码和查询,而且在很多的设计当中都应用到了该数据库,在此过程当中我们可以对常规的数据进行查询和组合,所以我们在进行使用mysql数据库的时候只要对编写一小段的数据就能实现相应的功能。数据库,就是数据存储的储藏室,只不过数据是存储在计算机上的,而不是现实中的储藏室,数据的存放是按固定格式,而不是无序的,则定义就是 :长期有固定格式,可以共享的存储在计算机存储器上。数据库管理主要包括数据表的建立,数据存储、修改和增加数据,为了使数据库系统能够正常运行,相关人员进行的管理工作。数据表的建立,可以对数据表中的数据进行调整,数据的重新组合及重新构造,保证数据的安全性。

2.3 B/S结构

BROWSER/SERVER程序架构方式是使用电脑中安装的各种浏览器来进行访问和使用的,相比C/S的程序结构不需要进行程序的安装就可以直接使用。BROWSER/SERVER架构的运行方式是在远程的服务器上进行安装一个,然后在任何接入互联网的电脑上访问和使用。BROWSER/SERVER架构的开发方式给患者带来了极大的便利,在任何时间和地点都可以使用开发的程序系统。

在B/S的结构中,患者可以在任何可以上网的地方访问和使用系统网站的功能,没有地域和时间等方面的限制,B/S结构是把程序完整放置到计算机网络的服务器上,通过计算机互联网给患者提供远程的网络服务。在三层体系结构的B/S系统中,通过浏览器,患者可以对很多服务器发出请求, B/S系统会很大程度的降低工作量,患者只需要安装运行较少的患者端即可,大量的工作将由服务器承担,另外,服务器也完成包括访问数据库,执行应用程序的工作等等。

B/S结构主要有三层,分别为数据层、控制逻辑层和视图层。患者通过视图层,让控制层调用数据层的数据,从而达到整个访问过程。三层相互独立,维护方便,使用安全,三层有互相调用,提高效率。

2.4 SSM三大框架

1.Spring的优势:
通过Spring的IOC特性,将对象之间的依赖关系交给了Spring控制,方便解耦,简化了开发。

2.Spring MVC的优势:
SpringMVC是使用了MVC设计思想的轻量级web框架,对web层进行解耦,使我们的开发更简洁。

3.Mybatis的优势:

数据库的操作(sql)采用xml文件配置,解除了sql和代码的耦合,提供映射标签,支持对象和和数据库orm字段关系的映射,支持对象关系映射标签,支持对象关系的组建提供了xml标签,支持动态的sql

3 需求分析

3.1技术可行性:技术背景     

斗车交易系统是在Windows操作系统中进行开发运用的,而且目前PC机的各项性能已经可以胜任普通网站的web服务器。系统开发所使用的技术也都是自身所具有的,也是当下广泛应用的技术之一。

系统的开发环境和配置都是可以自行安装的,系统使用Java开发工具,使用比较成熟的Mysql数据库进行对系统前台及后台的数据交互,根据技术语言对数据库,结合需求进行修改维护,可以使得网站运行更具有稳定性和安全性,从而完成实现网站的开发。

(1)硬件可行性分析

系统管理及信息分析的设计对于所使用的计算机没有什么硬性的要求,计算机只要可以正常的使用进行代码的编写及页面设计就可行,主要是对于服务器有些要求,对于平台搭建完成要上传的服务器是有一定的要求的,服务器必须选择安全性比较高的,然后就是在打开网站必须顺畅,不能停顿太长时间;性价比高;安全性高。

(2)软件可行性分析

开发整个系统使用的是云计算,流量的可扩展性和基于流量的智能调整云计算的优点就是流量的可扩展性和基于流量的智能调整,保障了数据信息能够得到及时的备份,整个系统可以安全有效的运行。

因此,我们从两个方面进行了可行性研究,可以看出系统的开发没有问题。

3.2经济可行性

在斗车交易系统开发之前所做的市场调研及与其相关的其他管理系统,都是没有任何费用的。所有的调查研究都是通过开发者自己的努力,所有的工作也都是自己亲力亲为的。在碰到自己比较难以解决的问题时,大多数是通过指导老师和同学的帮助进行相关问题的解决。所以对于斗车交易系统的开发在经济上是完全可行的,没有任何费用支出的。

使用比较成熟的技术,系统是基于Java的开发,采用Mysql数据库。所以系统在开发人力、财力方面的要求不高,具有经济可行性。

3.3操作可行性: 

可操作性主要是对在斗车交易系统设计完成后,用户的使用体验度,以及管理员可以通过系统随时管理相关的数据信息,并且对于管理员、用户二个角色,都可以简单明了的进入到自己的系统界面,通过界面可以简单明了地操作功能模块,方便用户信息的操作需求和管理员数据信息。对于系统的操作,不需要专业人员都可以直接进行功能模块的操作管理,所以斗车交易系统的可操作性是完全可以的。本系统的操作使用的也是界面窗口进行登录,所以操作人员只要会简单的电脑操作就完全可以的。

3.4系统设计规则

本斗车交易系统采用Java技术,Mysql数据库开发,充分保证了系统稳定性、完整性。

斗车交易系统的设计与实现的设计思想如下:

  1. 操作简单方便、系统界面安全良好:简单明了的页面布局,方便查询管理的相关信息。

2、即时可见:对斗车交易系统信息的处理将立马在对应地点可以查询到,从而实现“即时发布、即时见效”的系统功能。

3、功能的完善性:管理员;个人中心、用户管理、汽车分类管理、汽车品牌管理、汽车颜色管理、汽车信息管理、系统管理、订单管理,

用户前台;首页、汽车信息、公告信息、个人中心、后台管理、购物车、在线咨询等模块的修改和维护操作。

3.5系统流程和逻辑

系统业务流程图,如图所示:

图3-1登录流程图

图3-2添加信息流程图

图3-3注册信息流程图

4系统概要设计

4.1 概述

斗车交易系统基于Web服务模式,是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在不受时间、地点的限制来使用这个系统。斗车交易系统工作原理图,如图4-1所示:

图4-1  系统工作原理图

4.2 系统结构

本系统架构网站系统,本系统的具体功能如下:

图4-2系统功能结构图

管理员:个人中心、用户管理、汽车分类管理、汽车品牌管理、汽车颜色管理、汽车信息管理、系统管理、订单管理,功能结构图,如图4-3所示:

图4-3 管理员功能结构图

用户前台;首页、汽车信息、公告信息、个人中心、后台管理、购物车、在线咨询,结构图,如图4-4所示:

图4-4 用户前台结构图

4.3. 数据库设计

4.3.1 数据库实体

管理员信息结构图,如图4-6所示:

 图4-6 管理员信息实体结构图

用户信息:用户名、姓名、头像、性别、联系电话,实体属性图,如图4-7所示:

图4-7用户信息实体属性图

汽车信息:汽车名称、分类、品牌、颜色、图片、座位、换挡方式、汽车排量、上市年份、上牌时间、行驶里程,实体属性图如图4-8所示。

图4-8汽车信息实体属性图

4.3.2 数据库设计表

4.4 数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中,数据关系由数据表组成,但是表的结构表现在表的字段上。

allusers表:

序号

字段名称

字段类型

大小

允许为空

最大长度

备注

1

id

Int

4

10

2

username

150

255

3

pwd

150

255

4

cx

150

255

5

addtime

DateTime

8

19

qichexinxi表:

序号

字段名称

字段类型

大小

允许为空

最大长度

备注

1

id

Int

4

10

2

addtime

150

255

3

qichemingcheng

150

255

4

fenlei

DateTime

8

255

5

pinpai

150

255

6

yanse

DateTime

8

255

7

tupian

150

255

8

zuowei

DateTime

8

255

8

huandangfangshi

150

255

9

qichepailiang

DateTime

8

255

10

shangshinianfen

150

255

11

shangpaishijian

DateTime

8

255

12

xingshilicheng

150

255

13

qichexiangqing

DateTime

8

255

yonghu表:

序号

字段名称

字段类型

大小

允许为空

最大长度

备注

1

id

Int

4

10

2

addtime

150

255

3

yonghuming

150

255

4

mima

DateTime

8

255

5

xingming

150

255

6

touxiang

DateTime

8

255

7

xingbie

150

255

8

lianxidianhua

DateTime

8

255

qichepinpai表:

序号

字段名称

字段类型

大小

允许为空

最大长度

备注

1

id

Int

4

10

2

addtime

150

255

4

pinpai

DateTime

8

255

5 系统详细设计

5.1管理员功能模块

管理员登录,管理员通过输入用户名、密码等信息进行系统登录,如图5-1所示。

图5-1管理员登录界面图

首页,管理员登录进入斗车交易系统可以查看个人中心、用户管理、汽车分类管理、汽车品牌管理、汽车颜色管理、汽车信息管理、系统管理、订单管理等内容,如图5-2所示。

图5-2管理员首页功能界面图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/11128.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

linux命令curl

curl 是一个用于从命令行传输数据的强大工具,支持多种协议(如 HTTP、HTTPS、FTP 等)。它常用于测试 API、下载文件、提交表单、模拟浏览器请求等操作。 基本语法 curl [选项] [URL]常用选项 以下是一些常用的 curl 命令选项及其功能&#…

【GoWeb示例】通过示例学习 Go 的 Web 编程

文章目录 你好世界HTTP 服务器路由(使用 gorilla/mux)连接到 MySQL 数据库MySQL 数据库简单操作模板静态资源和文件操作表单处理中间件(基础)中间件(高级)会话JSONWebsockets密码哈希 你好世界 Go语言创建…

基于Multisim的烟雾报警电路设计与仿真

设计任务和要求: ( 1 )需要有低浓度、中浓度和高浓度 3 个浓度范围。 ( 2 )需要用电压比较器设置不同浓度的阈值。 ( 3 )用蜂鸣器和二极管指示灯( 3 个浓度范围的指示灯用 3 …

旅行是过于梦幻的镜月【西域之旅】

旅行的意义就是几个定格的“瞬间” 短暂的相遇 恰如涉水而过 每条河终究是 奔向属于它的海看到一句话:一个人的行走范围,就是他的世界。 快节奏的社会里,旅行也许不值得被歌颂,但它却实实在在拓宽一个人的世界。 当我没灵感时&…

Simulink中Matlab function使用全局变量

目录 一. 引言二. 普通Matlab function使用全局变量三. Simulink中的Matlab function使用全局变量四. 如何利用Matlab function的全局变量施加随机噪声 一. 引言 最近发现了之前仿真中的一个问题,记录一下备忘。 Matlab function中有时候需要用到全局变量&#xf…

架构篇(04理解架构的演进)

目录 学习前言 一、架构演进 1. 初始阶段的网站架构 2. 应用服务和数据服务分离 3. 使用缓存改善网站性能 4. 使用应用服务器集群改善网站的并发处理能力 5. 数据库读写分离 6. 使用反向代理和CDN加上网站相应 7. 使用分布式文件系统和分布式数据库系统 8. 使用NoSQL和…

zabbix前台界面配置

点击下一步 如上异常错误解决方法代码如下,安装缺失的软包,并修改php.ini对应参数的值即可 yum install php-mbstring php-bcmath php-gd php72w-xml -y yum install gd gd-devel -y 修改配置文件 sed -i /post_max_size/s/8/16/g;/max_ex…

数据库去O搞了个寂寞!甲骨文股价翻倍,市值突破5200亿美金!

随着川建国同志的当选,到账最近几天美股科技股都有不小的涨幅,涨幅最高的当tesla莫属,然而据传甲骨文老板也是川普的金主! 或许正因为如此,甲骨文股价也创新高了,最近几天涨了10%,市值突破5200…

[强网杯 2019]随便注 1

[强网杯 2019]随便注 1 审题 观察题目,判断可能是SQL注入,或者Linux命令执行,结合题目就是注入了 知识点 堆叠注入,handler命令执行,更改表名,预编译 知识点解析 堆叠注入 简单来说,堆叠注入就是按…

三菱QD77MS定位模块紧急停止功能

“紧急停止功能” 是通过简单运动模块的外部输入连接用连接器上连接的紧急停止输入,对同服放大器的全部轴进行批量停止的功能。(初始值为“0:有效”。)通过“[r.82]紧急停止有效/无效设置”可以选择紧急停止输入的有效/无效。 [1]控制内容 将“[r82]紧急停止有效/无…

计算机组成原理(指令格式)

(1)指令:是用来表示控制信息的一组二进制代码 (2)指令由操作码和地址码组成,操作码表示操作的性质和功能,地址码用来存放操作数的地址。地址码不为1。 (3)程序计数器(PC):专门存放当前要执行的指令地址。 (4)累加器AC:是一种寄存器,用来存储…

时序预测 | 改进图卷积+informer时间序列预测,pytorch架构

时序预测 | 改进图卷积informer时间序列预测,pytorch架构 目录 时序预测 | 改进图卷积informer时间序列预测,pytorch架构预测效果基本介绍参考资料 预测效果 基本介绍 改进图卷积informer时间序列预测代码 CTR-GC卷积,informer,CTR-GC 图卷积…

docker desktop es windows解决vm.max_map_count [65530] is too low 问题

如果你使用windows上的docker desktop 搭建es相关的应用,大概率会遇到vm.vm.max_map_count [65530] is too low这个错误,本篇文章分享下怎么解决这个问题,主要分享长期解决的方法,重启机器之后也能生效的方法。 这个错误的详细信息…

ssm072基于bs模式的医院在线挂号预约系统的设计与实现+jsp(论文+源码)_kaic

毕 业 设 计(论 文) 题目:医院在线挂号预约系统的设计与实现 摘 要 互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以…

Web实时消息推送

Web实时消息推送 消息推送 web端消息推送移动端推送 消息推送:推Push 和 拉Pull 消息推送常见方案 短轮询 轮询:由浏览器向服务器发出HTTP请求,服务器实时返回未读消息数据给客户端,浏览器再做渲染显示。 JS请求 setInter…

ReactPress数据库表结构设计全面分析

ReactPress Github项目地址:https://github.com/fecommunity/reactpress 欢迎Star。 ReactPress是一个基于React框架开发的开源发布平台和内容管理系统(CMS)。它不仅支持用户在支持React和MySQL数据库的服务器上搭建自己的博客和网站&#…

无线振动传感器的安装方法

lora无线温振一体传感器即传感器的采集时间,采集方式完全有主机通过命令实现。其主要特点是:传感器平时处在低功耗状态、传感器可以随时响应远程主机控制命令、传感器可采集特征值或者原始加速度数据 lora 技术,提高了传输速率多振动&#xf…

GESP4级考试语法知识(暴力枚举(三))

古堡算式代码&#xff1a; # include <stdio.h> int main(){int a, b, c, d, e;int x;int left, right;left a * 10000 b * 1000 c * 100 d * 10 e * 1;right e * 10000 d * 1000 c * 100 b * 10 a * 1;for(a 0; a < 9; a){for(b 0; b < 9; b){for(c …

CSS学习

目录 一、CSS概述 二、CSS的三种引入方式 (一)直接使用style标签编辑样式(调试样式代码时使用) (二)使用link标签引入CSS文件(上线时使用) (三)内嵌式(尽量不用&#xff0c;后期维护麻烦) 三、CSS常用选择器 (一)标签选择器(通过html标签选择元素) (二)class选择器(通…