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

初识SpringMVC(SpringMVC学习笔记一)

news 2026/2/8 13:01:16

1 、还是熟悉的配方，先创建一个父Maven项目（忘记怎么创建项目了就去前面翻笔记），导入通用的配置依赖

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"><modelVersion>4.0.0</modelVersion><groupId>org.example</groupId><artifactId>SprinMVC_Father</artifactId><packaging>war</packaging><version>1.0-SNAPSHOT</version><name>SprinMVC_Father Maven Webapp</name><url>http://maven.apache.org</url><dependencies><!--导入junit依赖方便后续测试      --><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.12</version></dependency><!--导入SpringMVC依赖    --><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.1.9.RELEASE</version></dependency><!--导入servlet依赖    --><dependency><groupId>javax.servlet</groupId><artifactId>servlet-api</artifactId><version>2.5</version></dependency><!--导入jsp依赖    --><dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.2</version></dependency><!--导入jsptl依赖    --><dependency><groupId>javax.servlet</groupId><artifactId>jstl</artifactId><version>1.2</version></dependency></dependencies><build><finalName>SprinMVC_Father</finalName></build>
</project>

2、创建子项目，并确定子项目支持web项目

给子项目也导入servlet和jsp的依赖（双重导入确保不会出错，正常的话父项目导入了子项目不导入也可以，这里我们导入两次确保不会出问题）

 <!--导入servlet依赖    --><dependency><groupId>javax.servlet</groupId><artifactId>servlet-api</artifactId><version>2.5</version></dependency><!--导入jsp依赖    --><dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.2</version></dependency>

3、创建一个helleservlet类继承httpservlet用来处理用户的请求,实现父类的doGet和doPost方法

package com.li.myservlet;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;public class HellServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//1、获取前段参数String method = req.getParameter("method");if(method.equals("add")){req.getSession().setAttribute("msg","执行了add方法");}if(method.equals("delete")){req.getSession().setAttribute("msg","执行了delete方法");}//2、调用业务层 暂时没有业务成//3、视图转发或重定向req.getRequestDispatcher("/WEB-INF/jsp/test.jsp").forward(req,resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req, resp);}
}

顺便在web里写个测试页面

 Date: 2024/4/6Time: 16:45To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
${msg}
</body>
</html>

再写个表单测试

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2024/4/6Time: 17:10To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>表单</title>
</head>
<body>
<form action="/hello" method="post">
<input type="text" name="method"><input type="submit" >
</form>
</body>
</html>

3、写完servlet的第一件事情就是给它去web.xml中注册上

web.xml的头文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0"></web-app>

注册完后的web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0"><!--注册servlet  --><servlet><servlet-name>hello</servlet-name><servlet-class>com.li.myservlet.HellServlet</servlet-class></servlet><servlet-mapping><servlet-name>hello</servlet-name><url-pattern>/hello</url-pattern></servlet-mapping><!--还有一些其他的配置        --><!--可以设置session的超时时间    这里设置15分钟    -->
<!--        <session-config>-->
<!--          <session-timeout>15</session-timeout>-->
<!--        </session-config>--><!--也可以在这里设置欢迎页面  默认的是 index.jsp     -->
<!--        <welcome-file-list>-->
<!--          <welcome-file>xxx.jsp</welcome-file>-->
<!--        </welcome-file-list>-->
</web-app>

最后目录如下：

3、一切都写完了就配置tomcat

3、初识SpringMVC

SpringMVC的原理如下

4、对 SpringMVC有初步了解之后我们再来创建一次项目

第一步创建视图

第二步：确保最后发布的项目中导入了SpringMVC的依赖

第三步：在web.xml配置文件中配置我们的DispatchServlet

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"version="4.0">
<!--配置DispatchServlet:这个是SpringMVC的核心：请求分发器，前端控制器--><servlet><servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!--DispatchServlet要绑定一个Spring-mvc的配置文件  其实就是spring的配置文件，只是spring可以做很多事情，我们细分下来叫Spring-mvc的配置文件--><init-param><param-name>contextConfigLocation</param-name><!--这里配置文件取名字就是按照上面的servlet-name的名字取的xxx-servlet   --><param-value>classpath:springmvc-servlet.xml</param-value></init-param><!--设置启动级别为1 --><load-on-startup>1</load-on-startup></servlet><!--SpringMVC中/ 和 /* 的区别/ ：只匹配所有的请求，不会去匹配jsp页面/* ：匹配所有的请求，包括jsp页面--><servlet-mapping><servlet-name>springmvc</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>

第四步：编写springmvc的配置文件，其实就是spring的配置文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd"><!--处理器映射器 处理器映射器不止有一种--><bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
<!--处理器适配器 这个和上面的处理映射器在后期的开发中直接注解就可以实现，不用死记，知道流程就可以--><bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>
<!--视图解析器这个必须熟练掌握 后面还会学习一些模板引擎如 Thymeleaf Freemarker--><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver"><!--需要配置两个参数，一个前缀，一个后缀-->
<!--  前缀    --><property name="prefix" value="/WEB-INF/jsp/"/>
<!--  后缀   --><property name="suffix" value=".jsp"/></bean></beans>

第五步：编写Controller

package com.li.controller;import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class HelloController implements Controller {@Overridepublic ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {ModelAndView modelAndView = new ModelAndView();//       假设一个业务代码String result = "HelloSpringmvc";modelAndView.addObject("msg",result);//        视图跳转modelAndView.setViewName("test");return modelAndView;}
}

4、真实的开发：（一般不会像上面这样用）

第一步：配置web.xml配置文件

<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" ><web-app><display-name>Archetype Created Web Application</display-name><!--配置DispatchServlet:这个是SpringMVC的核心：请求分发器，前端控制器--><servlet><servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><!--DispatchServlet要绑定一个Spring-mvc的配置文件  其实就是spring的配置文件，只是spring可以做很多事情，我们细分下来叫Spring-mvc的配置文件--><!--通过初始化参数指定SpringMVC配置文件的位置，进行关联--><init-param><param-name>contextConfigLocation</param-name><!--这里配置文件取名字就是按照上面的servlet-name的名字取的xxx-servlet   --><param-value>classpath:springmvc-servlet.xml</param-value></init-param><!--设置启动级别为1 --><load-on-startup>1</load-on-startup></servlet><!--SpringMVC中/ 和 /* 的区别/ ：只匹配所有的请求，不会去匹配jsp页面/* ：匹配所有的请求，包括jsp页面--><servlet-mapping><servlet-name>springmvc</servlet-name><url-pattern>/</url-pattern></servlet-mapping></web-app>

第二步：创建并配置springmvct配置文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"xmlns:context="http://www.springframework.org/schema/context"xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd"><!-- 自动扫描包，让指定包下的注解生效,由IOC容器统一管理 --><context:component-scan base-package="com.li.controller"/><!-- 让Spring MVC不处理静态资源 --><mvc:default-servlet-handler /><!--支持mvc注解驱动在spring中一般采用@RequestMapping注解来完成映射关系要想使@RequestMapping注解生效必须向上下文中注册DefaultAnnotationHandlerMapping和一个AnnotationMethodHandlerAdapter实例这两个实例分别在类级别和方法级别处理。而annotation-driven配置帮助我们自动完成上述两个实例的注入。--><mvc:annotation-driven /><!-- 视图解析器 --><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"id="internalResourceViewResolver"><!-- 前缀 --><property name="prefix" value="/WEB-INF/jsp/" /><!-- 后缀 --><property name="suffix" value=".jsp" /></bean></beans>

第三步：创建controlle类

package com.li.controller;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
//@Controller是为了让Spring IOC容器初始化时自动扫描到；
//@RequestMapping是为了映射请求路径，这里因为类与方法上都有映射所以访问时应该是/HelloController/hello；@Controller@RequestMapping("/HelloController")public class HelloController {//真实访问地址 : 项目名/HelloController/hello@RequestMapping("/hello")
//        方法中声明Model类型的参数是为了把Action中的数据带到视图中；public String sayHello(Model model){//向模型中添加属性msg与值，可以在JSP页面中取出并渲染model.addAttribute("msg","hello,SpringMVC");
//            方法返回的结果是视图的名称hello，加上配置文件中的前后缀变成WEB-INF/jsp/hello.jsp。return "hello";}}

第四步：常见视图层(注意要在springmvct配置文件中配置的路径下创建视图层)

这里的路径是:/WEB-INF/jsp/

<%--Created by IntelliJ IDEA.User: AdministratorDate: 2024/4/13Time: 16:29To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
${msg}
</body>
</html>

总结：

实现步骤其实非常的简单：

新建一个web项目
导入相关jar包
编写web.xml , 注册DispatcherServlet
编写springmvc配置文件
接下来就是去创建对应的控制类 , controller
最后完善前端视图和controller之间的对应
测试运行调试.

使用springMVC必须配置的三大件：

处理器映射器、处理器适配器、视图解析器

通常，我们只需要手动配置视图解析器，而处理器映射器和处理器适配器只需要开启注解驱动即可，而省去了大段的xml配置

初识SpringMVC(SpringMVC学习笔记一)

1 、还是熟悉的配方，先创建一个父Maven项目（忘记怎么创建项目了就去前面翻笔记），导入通用的配置依赖 <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instan…...

编程日记 2024/4/18 12:13:47

FreeRTOS任务管理

1. 任务状态理论讲解定时器职中断周期此处的1000Hz表示的是没次间隔1毫秒就记一次数（在FreeConfig.h）文件中进行配置 #define configTICK_RATE_HZ ( ( TickType_t ) 1000 ) 判断是否需要任务切换在FreeRTOS里面每次间隔1毫秒切换一次（程序…...

编程日记 2024/4/18 12:11:46

Qwen1.5大语言模型微调实践

在人工智能领域，大语言模型（Large Language Model，LLM）的兴起和广泛应用，为自然语言处理（NLP）带来了前所未有的变革。Qwen1.5大语言模型作为其中的佼佼者，不仅拥有强大的语言生成和理…...

编程日记 2024/4/18 12:07:42

购物车实现

目录 1.购物车常见的实现方式 2.购物车数据结构介绍 3.实例分析 1.controller层 2.service层 1.购物车常见的实现方式方式一：存储到数据库性能存在瓶颈方式二：前端本地存储 localstorage在浏览器中存储 key/value 对，没有过期时间。s…...

编程日记 2024/4/18 12:04:38

HTML5漫画风格个人介绍源码

源码介绍 HTML5漫画风格个人介绍源码，源码由HTMLCSSJS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面效果截图源码下载 HTML5漫画风格…...

编程日记 2024/4/18 12:03:36

工业数学模型——高炉煤气发生量预测（三）

1、工业场景冶金过程中生产的各种煤气，例如高炉煤气、焦炉煤气、转炉煤气等。作为重要的副产品和二次能源，保证它们的梯级利用和减少放散是煤气能源平衡调控的一项紧迫任务，准确的预测煤气的发生量是实现煤气系统在线最优调控的前提。 2、…...

编程日记 2024/4/18 12:02:35

pnpm - Failed to resolve loader: cache-loader. You may need to install it.

起因工作原因需要研究 vue-grid-layout 的源码，于是下载到本地。因为我习惯使用 pnpm，所以直接用 pnpm i 安装依赖，npm run serve 启动失败。折腾了一番没成功。看到源码里有 yarn.lock，于是重新用 yarn install 安装依赖&…...

编程日记 2024/4/18 12:01:29

CSS transition和animation的用法和区别

Transition和Animation在CSS中都是用于实现元素状态变化的效果，但它们在用法和特性上存在明显的区别。 Transition transition是过度属性，主要强调的是元素状态的过渡效果。它通常用于在元素的状态发生变化时，平滑地过渡到一个新的状态。…...

编程日记 2024/4/18 11:59:27

书籍推荐（附上每本书的看点）

1、《FPGA深度解析》，这本书的FIFO部分我觉得讲得很好; 2、《verilog数字系统设计教程》，夏宇闻老师的蓝皮书，这本书里包含很多考试知识点; 3、《SOC设计方法和实现》郭炜老师写的，我觉得他的低功耗设计讲得很好; 《高级FPGA设计结…...

编程日记 2024/4/18 11:54:21

LLM理解v1

答疑什么是知识库？ LLM（Large Language Models，大型语言模型）如GPT系列，通常是基于海量的文本数据进行训练的。它们通过分析和理解这些数据来生成回答、撰写文章、解决问题等。当我们提到LLM的“本地知识库”时&…...

编程日记 2024/4/18 11:51:18

ubuntu 22.04 -- cmake安装

安装方式一：源码安装 1、下载安装包官网下载：下载链接：Download CMake 也可以使用命令行下载 wget https://github.com/Kitware/CMake/releases/download/v3.26.5/cmake-3.26.5.tar.gz2、解压并安装 # 1、解压 tar -zxvf cmake-3.26.5.…...

编程日记 2024/4/18 11:50:16

字符串算法题(第二十四天)

344. 反转字符串题目编写一个函数，其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。不要给另外的数组分配额外的空间，你必须**原地修改输入数组**、使用 O(1) 的额外空间解决这一问题。示例 1： 输入&#xff1…...

编程日记 2024/4/18 11:49:15

【Linux】应用层协议序列化和反序列化

欢迎来到Cefler的博客😁 🕌博客主页：折纸花满衣 🏠个人专栏：题目解析 🌎推荐文章：C【智能指针】前言在正式代码开始前，会有一些前提知识引入目录 👉🏻序列…...

编程日记 2024/4/18 11:48:13

使用Canal同步MySQL 8到ES中小白配置教程

🚀 使用Canal同步MySQL 8到ES中小白配置教程 🚀 文章目录 🚀 使用Canal同步MySQL 8到ES中小白配置教程 🚀**摘要****引言****正文**📘 第1章：初识Canal1.1 Canal概述1.2 工作原理解析 📘 第2章&…...

编程日记 2024/4/18 11:40:04

关于部署ELK和EFLK的相关知识

文章目录一、ELK日志分析系统1、ELK简介1.2 ElasticSearch1.3 Logstash1.4 Kibana（展示数据可视化界面）1.5 Filebeat 2、使用ELK的原因3、完整日志系统的基本特征4、ELK的工作原理二、部署ELK日志分析系统1、服务器配置2、关闭防火墙3、ELK ElasticSea…...

编程日记 2024/4/18 11:34:57

实验室信息系统源码 saas模式java+.Net Core版开发的云LIS系统全套源码可二次开发有演示

实验室信息系统源码 saas模式java.Net Core版开发的云LIS系统全套源码可二次开发有演示一、技术框架技术架构：Asp.NET CORE 3.1 MVC SQLserver Redis等开发语言：C# 6.0、JavaScript 前端框架：JQuery、EasyUI、Bootstrap 后端框架&am…...

编程日记 2024/4/18 11:27:50

PCB---Design Entry cis 绘图导出

修改纸张大小： 画图前准备：导入画图： 习惯： 电源朝上地朝下配置pbc_footprint编号： 都配置好编号就可以导出了导出：...

编程日记 2024/4/18 11:26:49

vue 一键更换主题颜色

这里提供简单的实现步骤，具体看自己怎么加到项目中我展示的是vue2 vue3同理在 App.vue 添加入口处直接修改 #app { // 定义的全局修改颜色变量--themeColor:#008cff; } // 组件某些背景颜色需要跟着一起改变，其他也是同理 /deep/ .ant-btn-primar…...

编程日记 2024/4/18 11:25:47

WebKit内核游览器

WebKit内核游览器基础概念游览器引擎Chromium 浏览器架构Webkit 资源加载这里就不得不提到http超文本传输协议这个概念了： 游览器多线程HTML 解析总结基础概念百度百科介绍 WebKit 是一个开源的浏览器引擎，与之相对应的引擎有Gecko（Mozil…...

编程日记 2024/4/18 11:21:43

Qt 拖放功能详解：理论与实践并举的深度指南

拖放（Drag and Drop）作为一种直观且高效的用户交互方式，在现代图形用户界面中扮演着重要角色。Qt 框架提供了完善的拖放支持，允许开发者在应用程序中轻松实现这一功能。本篇博文将详细阐述Qt拖放机制的工作原理，结合详…...

编程日记 2024/4/18 11:18:40

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...

编程新知 2026/2/8 4:37:37

内存分配函数malloc kmalloc vmalloc

内存分配函数malloc kmalloc vmalloc malloc实现步骤： 1）请求大小调整：首先，malloc 需要调整用户请求的大小，以适应内部数据结构（例如，可能需要存储额外的元数据）。通常，这包括对齐调整，确保分配的内存地址满足特定硬件要求（如对齐到8字节或16字节边界）。 2）空闲…...

编程新知 2025/11/1 5:21:39

springboot 百货中心供应链管理系统小程序

一、前言随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，百货中心供应链管理系统被用户普遍使用，为方…...

编程新知 2026/2/7 9:51:41

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

Kafka入门-生产者

生产者生产者发送流程： 延迟时间为0ms时，也就意味着每当有数据就会直接发送异步发送API 异步发送和同步发送的不同在于：异步发送不需要等待结果，同步发送必须等待结果才能进行下一步发送。普通异步发送首先导入所需的k…...

编程新知 2026/1/26 4:49:33

Qemu arm操作系统开发环境

使用qemu虚拟arm硬件比较合适。步骤如下： 安装qemu apt install qemu-system安装aarch64-none-elf-gcc 需要手动下载，下载地址：https://developer.arm.com/-/media/Files/downloads/gnu/13.2.rel1/binrel/arm-gnu-toolchain-13.2.rel1-x…...

编程新知 2026/1/31 9:18:40

WEB3全栈开发——面试专业技能点P7前端与链上集成

一、Next.js技术栈 ✅ 概念介绍 Next.js 是一个基于 React 的服务端渲染（SSR）与静态网站生成（SSG） 框架，由 Vercel 开发。它简化了构建生产级 React 应用的过程，并内置了很多特性： ✅ 文件系…...

编程新知 2025/11/22 5:40:56

sshd代码修改banner

sshd服务连接之后会收到字符串： SSH-2.0-OpenSSH_9.5 容易被hacker识别此服务为sshd服务。是否可以通过修改此banner达到让人无法识别此服务的目的呢？ 不能。因为这是写的SSH的协议中的。也就是协议规定了banner必须这么写。 SSH- 开头&#xff0c…...

编程新知 2026/2/5 22:05:56

ArcGIS Pro+ArcGIS给你的地图加上北回归线！

今天来看ArcGIS Pro和ArcGIS中如何给制作的中国地图或者其他大范围地图加上北回归线。我们将在ArcGIS Pro和ArcGIS中一同介绍。 1 ArcGIS Pro中设置北回归线 1、在ArcGIS Pro中初步设置好经纬格网等，设置经线、纬线都以10间隔显示。 2、需要插入背会归线&#xf…...

编程新知 2026/2/1 12:04:40

HTML版英语学习系统

HTML版英语学习系统这是一个完全免费、无需安装、功能完整的英语学习工具，使用HTML CSS JavaScript实现。功能文本朗读练习 - 输入英文文章，系统朗读帮助练习听力和发音，适合跟读练习，模仿学习；实时词典查询 - 双…...

编程新知 2026/1/28 17:37:26