Eclipse配置tomcat服务器及tomcat简介

article/2025/6/10 4:37:49

一、手动配置tomcat到eclipse

tomcat的压缩包资源可以去资源包中下载。(win32和win64都有)

1、 打开eclipse–>Window–>Preferences,按下图步骤选择:

2、 博主给的资源是tomcat7.0版的,所以这里选择配置7.0版的tomcat,之后点击next。
在这里插入图片描述

3、 将下载好的tomcat压缩包解压,点击Browse按钮,选择解压好的tomcat文件的路径,注意要解压哦!(建议存放tomcat的路径不要有中文,后期可能会有乱码)
在这里插入图片描述
4、之后,Finish完成。
在这里插入图片描述
5、然后在eclipse右上角选择Java EE模块,如果没有的话点击左边的小方块,从那里面找。如果还没有,那就是你的eclipse下载的不对。
在这里插入图片描述
6、 在Eclipse中找到Servers视图,没有的话通过Window–>Show View–>Servers打开,然后点击”new server wizard…”
在这里插入图片描述
7、 打开后,选择我们配置的7.0版本,并设置服务器ip地址和服务器名字(这里就直接默认了),然后next。
在这里插入图片描述
8、 如果有写好的web项目,就可以部署上去了,没有的话可以之后部署,Finish。
在这里插入图片描述
9、 之后,我们就可以在项目栏中看到有一个Servers项目了,而且servers视图中也有我们配置的tomcat的名字。
在这里插入图片描述
在这里插入图片描述
10、 最后我们在修改下tomcat文件里的一些配置。
首先,在servers视图中双击我们配置好的tomcat,在打开的视图中选择箭头所指的选项,删除所选的“wtp”字符串,因为我们项目的文件信息都在“webapps”中。修改后保存,关闭。
在这里插入图片描述
在这里插入图片描述
11、 tomcat的默认端口号为8080,为避免端口号冲突,我们在这里再修改下端口号, 并设置下get传输方式的默认编码格式。
找到并打开server.xml文件
在这里插入图片描述
找到图中位置的xml标签,修改端口号并添加URL编码(这里我修改的端口号为9999,默认8080,编码为”UTF-8”)
在这里插入图片描述
12、 修改后,保存退出。启动我们的服务器,并打开浏览器,输入”localhost:9999”(9999为端口号,上面自己设置的),能出现tomcat的主页就说明配置成功了!
在这里插入图片描述
在这里插入图片描述

二、tomcat简介

1.Tomcat是什么?

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。 
来源:百度百科

2.Tomcat解决什么问题?

处理动态页面(jsp等)

3.Tomcat的历史。

简介: 
Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持,最新的Servlet 和JSP规范总是能在Tomcat 中得到体现,Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。 
名字来源: 
Tomcat最初是由Sun的软件构架师詹姆斯·邓肯·戴维森开发的。后来他帮助将其变为开源项目,并由Sun贡献给Apache软件基金会。由于大部分开源项目O’Reilly都会出一本相关的书,并且将其封面设计成某个动物的素描,因此他希望将此项目以一个动物的名字命名。因为他希望这种动物能够自己照顾自己,最终,他将其命名为Tomcat(英语公猫或其他雄性猫科动物)。而O’Reilly出版的介绍Tomcat的书籍(ISBN 0-596-00318-8)[1]的封面也被设计成了一个公猫的形象。而Tomcat的Logo兼吉祥物也被设计成了一只公猫。 
来源:百度百科

4.Tomcat与Apache服务器的关系?

Apache是web服务器,Tomcat是应用(java)服务器,它只是一个servlet容器,是Apache的扩展。
Apache和Tomcat都可以做为独立的web服务器来运行,但是Apache不能解释java程序(jsp,serverlet)。
Apache是普通服务器,本身只支持html即普通网页。不过可以通过插件支持php,还可以与Tomcat连通(单向Apache连接Tomcat,就是说通过Apache可以访问Tomcat资源。反之不然)
两者都是一种容器,只不过发布的东西不同:Apache是html容器,功能像IIS一样;Tomcat是jsp/servlet容器,用于发布jsp及java的,类似的有IBM的webshere、EBA的Weblogic,sun的JRun等等。
Apache和Tomcat是独立的,在通一台服务器上可以集成。
打个比方:Apache是一辆卡车,上面可以装一些东西如html等。但是不能装水,要装水必须要有容器(桶),Tomcat就是一个桶(装像Java这样的水),而这个桶也可以不放在卡车上。
Apache只支持静态网页,但像asp,php,cgi,jsp等动态网页就需要Tomcat来处理。 

原文链接:https://zhidao.baidu.com/question/94817329.html
5.Tomcat怎么用?

  • 5.1Tomcat目录结构及重要文件(以Tomcat7为例)
|--tomcat|-- /bin/    //存放二进制文件|--startup.bat    //启动Tomcat,需要环境变量。|--shutdown.bat    //停止Tomcat|--/conf/    //(configure)里面存放很多配置文件。|--server.xml    //配置整个服务器的信息,如端口号,虚拟主机等|--tomcatusers.xml    //存储tomcat用户名、密码及角色信息,按照文件中的注释信息添加tomcat用户后,可以在tomcat主页中进入tomcat Manager页面,在页面中管理tomcat以及监控tomcat运行状态。|--web.xml    //部署描述符文件,注册了很多MIME类型,即文档类型。服务器发出响应后会告诉客户端浏览器返回的是什么类型,例如,如果是text/html类型的,浏览器就会显示这个html文件,如果服务器响应的是exe文件,浏览器就会弹出下载窗口。MIME类型就是用来说明返回的内容是什么类型的。|--context.xml    //对所用应用的统一配置,通常我们不去配置它。|--/lib/    //tomcat的类库,存放tomcat依赖的jar文件。|--/logs/    //日志文件夹,存放tomcat的运行日志。|--/temp/    //存放临时文件|--/webapps/    //存放web项目的目录,其中每个文件夹都是一个web项目。|--/work/    //存放运行时文件,当访问jsp时,Tomcat在这个文件夹生成java文件,并编译成class文件。|--LICENSE|--NOTICE|--RELEASE-NOTES|--RUNNING.txt
  • 5.2 web项目在Tomcat上的部署

5.2.1 静态部署

利用Tomcat自动部署 
将文件夹复制到Tomcat目录的webapps文件夹下,Tomcat启动时,会自动加载该文件夹里的所有web项目。
修改Server.xml文件部署
增加自定义web文件

5.2.2动态部署
来源:http://blog.csdn.net/yangxueyong/article/details/6130065

6.Tomcat 的配置文件 server.xml 详解
理解Tomcat 的配置文件 server.xml
在这里插入图片描述

结构:<Server>...<Service><Connector></Connector><Connector></Connector><Engine><Host><Context/></Host></Engine></Service></Server>Server:根元素,表示整个服务器的配置信息。Service:它表示服务,在 <Server> 中只能有一个Service元素。Connector:它表示连接,在 <Service> 中可以有N个Connector元素。Engine:该元素表示引擎,它是<Service>组件的核心,在<Service>中只能有一Engine元素。Host:每个<Host>元素表示一个虚拟主机,在<Engine>中可以有N个<Host>元素。所谓虚拟主机就像是真的主机一样,每个主机都有自己的主机名和项目目录。例如:<Host name=”localhost” appBase=”webapps”>表示主机名为localhost,这个主机的项目存放在webapps目录中。访问这个项目下的主机时,需要使用localhost主机名,项目都存放在webapps目录下。Context:每个<Context>元素表示一个web应用,在<Host>中可以有N个<Context>元素。如果应用在<Host>的appBase指定的目录下,那么可以不配置<Context>元素;如果是外部应用,那么就必须配置<Context>;如果要为应用指定资源,也需要配置<Context>元素。
理解方法:我们可以把Server看作是一个大酒店:Service:酒店的服务部门;Connector:服务员;Engine:后厨;Host:后厨中的一个区,例如川菜区是一个<Host>、粤菜区是一个<Host>;Context:后厨某个区的一个厨师。
描述过程:用户发出一个请求:http://localhost:8080/hello/index.jsp。发现是http/1.1协议,而且还是8080端口,所以就交给了处理这一请求的“服务员(处理HTTP请求的<Connector>)”,“服务员”再把菜单(请求)交给了“后厨(<Engine>)”,因为请求是要一盘水煮鱼,所以由“川菜区(<Host>)”负责,因为“大老王师傅<Context>”做水煮鱼最地道,所以由它完成。Connector:关心请求中的http、和8080,用于 浏览器-Tomcat服务器握手连接;Host:关心localhost 主机;Context:关心hello项目。

Tomcat 的配置文件 server.xml详细介绍
https://blog.csdn.net/weixin_42749765/article/details/82186417

6.2tomcat web.xml 配置详解及用法
在java工程中,web.xml用来初始化工程配置信息,比如说welcome页面,filter,listener,servlet,servlet-mapping,启动加载级别等等。
每一个xml文件都有定义他书写规范的schema文件,web.xml所对应的xml Schema文件中定义了多少种标签元素,web.xml中就可以出现它所定义的标签元素,也就具备哪些特定的功能。web.xml的模式文件是由Sun 公司定义的,每个web.xml文件的根元素为中,必须标明这个web.xml使用的是哪个模式文件。
web.xml的根元素定义如下所示:

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="2.5"   
xmlns="http://java.sun.com/xml/ns/javaee"  
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
</web-app>  

下面就来介绍一下web.xml中常用的标签及其功能

1.<description>,<display-name>,<icon>
<description>项目描述</discription>  对项目做出描述.
<display-name>项目名称</display-name> 定义项目的名称.
<icon> icon元素包含small-icon和large-icon两个子元素.用来指定web站台中小图标和大图标的路径.<small-icon>/路径/smallicon.gif</small-icon>small-icon元素应指向web站台中某个小图标的路径,大小为16 X 16 pixel,但是图象文件必须为GIF或JPEG格式,扩展名必须为:.gif或 .jpg.<large-icon>/路径/largeicon-jpg</large-icon> large-icon元素应指向web站台中某个大图表路径,大小为32 X 32 pixel,但是图象文件必须为GIF或JPEG的格式,扩展名必须为; gif 或jpg.
例如:
<display-name>Develop Example</display-name>    
<description>JSP 2.0 Tech Book's Examples</description>   <icon>    <small-icon>/images/small.gif</small-icon>      <large-icon>/images/large.gir</large-icon>   </icon> 2.<context-param>
<context-param>元素含有一对参数名和参数值,用作应用的servlet上下文初始化参数。参数名在整个Web应用中必须是惟一的。
context-param 元素用来设定web应用的环境参数(context),它包含两个子元素: param-name和param-value. <param-name>参数名称</param-name> 设定Context名称 <param-value>值</param-value> 设定Context名称的值 </context-param> 
例如:
<context-param>  <param-name>param_name</param-name>  <param-value>param_value</param-value>  
</context-param>  
此所设定的参数,在JSP网页中可以使用下列方法来取得:${initParam.param_name}
若在Servlet可以使用下列方法来获得:String param_name=getServletContext().getInitParamter("param_name");

3.
filter元素用于指定Web容器中的过滤器。

在请求和响应对象被servlet处理之前或之后,可以使用过滤器对这两个对象进行操作。
利用下一节介绍 的filter-mapping元素,过滤器被映射到一个servlet或一个URL模式。
这个过滤器的filter元素和filter-mapping 元素必须具有相同的名称。
filter元素用来声明filter的相关设定.filter元素除了下面介绍的的子元素之外,还包括之前介绍过的,,,,其用途一样.
下面介绍filter-name,filter-class和init-param元素
init-param元素与context-param 元素具有相同的元素描述符。
filter-name元素用来定义过滤器的名称,该名称在整个应用中都必须是惟一的。
filter-class元素指定过滤 器类的完全限定的名称。

<filter-name>Filter的名称</filter-name> 定义Filter的名称.
<filter-class>Filter的类名称</filter-class> 定义Filter的类名称.例如:com.foo.hello
例如:
<filter>  <filter-name>setCharacterEncoding</filter-name>  <filter-class>coreservlet.javaworld.CH11.SetCharacterEncodingFilter</filter-class>  <init-param>  <param-name>encoding</param-name>  <param-value>GB2312</param-value>  </init-param>  
</filter>  

4.
filter-mapping元素用来声明Web应用中的过滤器映射。过滤器可被映射到一个servlet或一个URL模式。将过滤器映射到一个 servlet中会造成过滤器作用于servlet上。将过滤器映射到一个URL模式中则可以将过滤器应用于任何资源,只要该资源的URL与URL模式匹配。过滤是按照部署描述符的filter-mapping元素出现的顺序执行的。
filter-mapping 元素的两个主要子元素filter-name和url-pattern.用来定义Filter所对应的URL。还有servlet-name和dispatcher子元素,不是很常用。
Filter的名称 定义Filter的名称.
URL Filter所对应的RUL.例如:/Filter/Hello
Servlet的名称 定义servlet的名称.
REQUEST|INCLUDE|FORWARD|ERROR 设定Filter对应的请求方式,有RQUEST,INCLUDE,FORWAR,ERROR四种,默认为REQUEST.
例如:

<filter-mapping>  <filter-name>GZIPEncoding</filter-name>  <url-pattern>/*</url-pattern>  
</filter-mapping>  
完整的filter配置例子如下:
[html] view plain copy 
<filter>  <filter-name>struts2</filter-name>  <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>  
</filter>  
<filter-mapping>  <filter-name>struts2</filter-name>  <url-pattern>/*</url-pattern>  
</filter-mapping>  

5.
在web.xml中完成的一个最常见的任务是对servlet或JSP页面给出名称和定制的URL。用servlet元素分配名称,使用servlet-mapping元素将定制的URL与刚分配的名称相关联。
例如:

<servlet>   <servlet-name>Test</servlet-name>   <servlet-class>com.moreservlets.TestServlet</servlet-class>   
</servlet>   
这表示位于WEB-INF/classes/com/moreservlets/TestServlet的servlet已经得到了注册名Test。

6.
servlet-mapping元素包含两个子元素servlet-name和url-pattern.用来定义servlet所对应URL.
Servlet的名称 定义Servlet的名称.
Servlet URL 定义Servlet所对应的RUL.例如:/Servlet/Hello
例如:

<servlet-mapping>  <servlet-name>LoginChecker</servlet-name>  <url-pattern>/LoginChecker</url-pattern>  
</servlet-mapping>  
完整的servlet配置如下所示:
[html] view plain copy 
<servlet>  <servlet-name>ServletName</servlet-name>     <servlet-class>xxxpackage.xxxServlet</servlet-class>   <!--Servlet的类-->  <init-param>                                     <!--初始化一个变量,可看成全局变量,可省略-->  <param-name>参数名称</param-name>              <!--变量名称-->  <param-value>参数值</param-value>              <!--变量值-->  </init-param>  
</servlet>  
<servlet-mapping>  <servlet-name>ServletName</servlet-name>                 <url-pattern>/aaa/xxx</url-pattern>                   <!--映射的url路径 -->  
</servlet-mapping>  
在地址栏中输入http://localhost:8080/web-App/aaa/xxx就可以访问了。

7.
listener元素用来注册一个监听器类,可以在Web应用中包含该类。使用listener元素,可以收到事件什么时候发生以及用什么作为响应的通知。
listener元素用来定义Listener接口,它的主要子元素为
Listener的类名称 定义Listener的类名称.例如: com.foo.hello
例如:

<listener>  <listener-class><span style="font-family: FangSong_GB2312;font-size:18px; white-space: pre;">com.foo.hello</span></listener-class>  
</listener>  

8.
session-config包含一个子元素session-timeout.定义web应用中的session参数.
分钟 定义这个web应用所有session的有效期限.单位为分钟.
例如:

20

9.<mime-mapping>
mime-mapping包含两个子元素extension和mime-type.定义某一个扩展名和某一MIME 				Type做对映.<extension>扩展名名称</extension> 扩展名称<mime-type>MIME格式</mime-type> MIME格式.
例如:<mime-mapping>  <extension>doc</extension>  <mime-type>application/vnd.ms-word</mime-type>  
</mime-mapping>  
<mime-mapping>  <extension>xls</extension>  <mime-type>application/vnd.ms-excel</mime-type>  
</mime-mapping>  
<mime-mapping>  <extension>ppt</extesnion>  <mime-type>application/vnd.ms-powerpoint</mime-type>  
</mime-mapping> 

10.
welcome-file-list包含一个子元素welcome-file.用来定义首页列单.
用来指定首页文件名称
welcome-file用来指定首页文件名称.我们可以用指定几个首页,而服务器会依照设定的顺序来找首页.
例如:

<welcome-file-list>  <welcome-file>index.jsp</welcome-file>  <welcome-file>index.htm</welcome-file>  
</welcome-file-list> 

11.
error-page元素包含三个子元素error-code,exception-type和location.
将错误代码(Error Code)或异常(Exception)的种类对应到web应用资源路径.
错误代码 HTTP Error code,例如: 404
Exception 一个完整名称的Java异常类型
/路径 在web应用内的相关资源路径
例如:

<error-page>  <error-code>404</error-code>  <location>/error404.jsp</location>  
</error-page>  
<error-page>  <exception-type>java.lang.Exception</exception-type>  <location>/except.jsp</location>  
</error-page>  

12.
jsp-config元素主要用来设定JSP的相关配置,jsp:config包括和两个子元素.其中元素在JSP 1.2时就已经存在了;而是JSP 2.0新增的元素.

<taglib>
taglib元素包含两个子元素taglib-uri和taglib-location.用来设定JSP网页用到的Tag Library路径.<taglib-uri>URI</taglib-uri> taglib-uri定义TLD文件的URI,JSP网页的taglib指令可以经由这个URI存取到TLD文件.<taglib-location>/WEB-INF/lib/xxx.tld</taglib-laction> TLD文件对应Web应用的存放位置.<jsp-property-group>
jsp-property-group元素包含8个元素,分别为:<description>Description</descrition>    此设定的说明<display-name>Name</display-name>        此设定的名称<url-pattern>URL</url-pattern>           设定值所影响的范围,如:/CH2 或者/*.jsp<el-ignored>true|false</el-ignored>      若为true,表示不支持EL语法.<scripting-invalid>true|false</scripting-invalid>    若为true表示不支持<%scription%>语法.<page-encoding>encoding</page-encoding>  设定JSP网页的编码<include-prelude>.jspf</include-prelude> 设置JSP网页的抬头,扩展名为.jspf<include-coda>.jspf</include-coda>       设置JSP网页的结尾,扩展名为.jspf例如:<jsp-config>  <taglib>  <taglib-uri>Taglib</taglib-uri>  <taglib-location>/WEB-INF/tlds/MyTaglib.tld</taglib-location>  </taglib>  <jsp-property-group>  <description>  Special property group for JSP Configuration JSP example.  </description>  <display-name>JSPConfiguration</display-name>  <uri-pattern>/*</uri-pattern>  <el-ignored>true</el-ignored>  <page-encoding>GB2312</page-encoding>  <scripting-inivalid>true</scripting-inivalid>  ............  </jsp-property-group>  
</jsp-config>  12.<resource-ref>
resource-ref元素包括五个子元素description,res-ref-name,res-type,res-auth,res-	sharing-	scope.利用JNDI取得应用可利用资源.
<description>说明</description> 资源说明
<rec-ref-name>资源名称</rec-ref-name> 资源名称
<res-type>资源种类</res-type> 资源种类
<res-auth>Application|Container</res-auth> 资源由Application或Container来许可
<res-sharing-scope>Shareable|Unshareable</res-sharing-scope> 资源是否可以共享.默认值为 Shareable

例如:

<resource-ref>  <description>JNDI JDBC DataSource of JSPBook</description>  <res-ref-name>jdbc/sample_db</res-ref-name>  <res-type>javax.sql.DataSoruce</res-type>  <res-auth>Container</res-auth>  
</resource-ref>

原文:http://blog.csdn.net/m751075306/article/details/9452893
原文:https://blog.csdn.net/weixin_42472048/article/details/81560888
原文:https://blog.csdn.net/xu810260277/article/details/78041194
原文: https://blog.csdn.net/weixin_42749765/article/details/82186417
原文:https://blog.csdn.net/qq_34231010/article/details/78926031
原文: https://blog.csdn.net/titan_max/article/details/52462447


http://chatgpt.dhexx.cn/article/YMVb1WF3.shtml

相关文章

Tomcat概述

文章目录 一、Tomcat简介&#xff08;1&#xff09;Tomcat概述&#xff08;2&#xff09;Tomcat和Apache的比较&#xff08;3&#xff09;Tomcat同类产品&#xff08;4&#xff09;Tocmat和JDK的关系&#xff08;5&#xff09;Tomcat和JDK版本对应图 二、Tomcat工作原理&#x…

tomcat的简介

1. tomcat是什么 Tomcat是Apache 软件基金会&#xff08;Apache Software Foundation&#xff09;的Jakarta 项目中的一个核心项目&#xff0c;由Apache、Sun 和其他一些公司及个人共同开发而成。 Tomcat 服务器是一个免费的开放源代码的Web 应用服务器&#xff0c;属于轻量级应…

仿酷狗音乐播放器开发日志十八——换肤功能的实现二:改变控件和窗体透明度(附挂件类源码)

转载请说明原出处&#xff0c;谢谢~~ 昨天把大致布局分析了一下&#xff0c;昨天晚上把布局写好实现了&#xff0c;今天把大致的功能完成了一下&#xff0c;现在的外观已经和原酷狗的换肤界面完全一样&#xff0c;其中的调整播放列表透明度和设置整个软件透明度的代码已经完成了…

stylish网站换肤与网站分析妙用

作者&#xff1a;吴甜甜 个人博客网站&#xff1a; wutiantian.github.io 微信公众号&#xff1a; 吴甜甜的博客 stylish是火狐浏览器等平台的换肤插件 结合F12开发者功能可以进行&#xff1a; 背景色看起来不舒服&#xff0c;想换种颜色页面有一些内容你不想看到&#xff0c…

Unity3D 模型换肤技术

最近在看Unity3D的人物模型和动画。所以今天先说下人物的换装吧。相信大家都玩过网游吧&#xff0c;没有玩过的也相信见过&#xff0c;就是网游或者单机游戏里的人物会有更换服装&#xff0c;更换武器的功能。如果外形(mesh)是一样的&#xff0c;那么把贴图换下就好&#xff0c…

C++ QT结合FFmpeg实战开发视频播放器-13视频播放器换肤功能实现(1)背景属性添加

视频播放器换肤功能实现(1)背景属性添加 作者&#xff1a;虚坏叔叔 博客&#xff1a;https://xuhss.com 早餐店不会开到晚上&#xff0c;想吃的人早就来了&#xff01;&#x1f604; 视频播放器换肤功能实现(1)背景属性添加 回到我们的编辑器源码中&#xff0c; 运行程序&am…

iOS端实现节日换肤

本文是我在网上看到一篇不错的文章,因为之前没接触过,所以特意转过来,和大家一起分享下..以下正文:一、问题的提出  不知道大家有没有发现, 元旦期间, 很多APP界面里的图标都换成了具有节日气氛的样式,而在过了元旦节之后, 这些图标又悄无声息的变回了本来的面貌.   这些具…

换肤 与 静态库

一 换肤 基本的换肤功能实现选中皮肤保存至系统偏好 // 记录用户选中的皮肤[[NSUserDefaults standardUserDefaults] setObject:skinColor forKey:"skinColor"];[[NSUserDefaults standardUserDefaults] synchronize];123123 抽取SkinTools单例&#xff0c;简化视图…

C++ QT结合FFmpeg实战开发视频播放器-15换肤功能的后台实现

作者&#xff1a;虚幻私塾 博客&#xff1a;https://xuhss.com 早餐店不会开到晚上&#xff0c;想吃的人早就来了&#xff01;&#x1f604; 一、换肤功能的后台实现 定义changeBackground函数&#xff0c;让qml去调用这个函数来实现换肤功能&#xff0c; 函数的实现调用了set…

Element UI主题换肤功能(基于vue-element-admin框架)

环境信息&#xff1a; 日期&#xff1a;2022-08-05 node版本&#xff1a;v14.15.4 "sass": "1.26.8", "sass-loader": "8.0.2", 本次实现的是基于花裤衩大佬的 vue-element-admin 或者 vue-admin-template 的前端框架实现的主题换肤功…

JavaScript:演示Ajax的get和post请求,练习选顶卡和换肤案例

JavaScript:演示Ajax的get和post请求&#xff0c;练习选顶卡和换肤案例 Ajax 异步请求 特别提示: 异步请求不要使用live server插件,必须创建一个本地服务器环境 同步与异步 以前端请求,后端响应为例 同步: 前端发请求, 必须等到后端响应完成,才允许发送另一个请求异步: 前端…

Android换肤之Android-skin-support

前言 之前做个APP需要用到换肤&#xff0c;在githup上面找了很久&#xff0c;终于找到一款功能强大、基本能够满足产品需求的换肤框架&#xff0c;那就是Android-skin-support&#xff0c;这个框架换肤功能很强大、不管是白天、黑夜还是任意颜色、图片的皮肤包都可以&#xff…

对 Android 应用换肤方案的总结

作者&#xff1a;me 虽然现在已经有很多不错的换肤方案&#xff0c;但是这些方案或多或少都存在自己的问题。在这篇文章中&#xff0c;我将对 Android 现有的一些动态换肤方案进行梳理&#xff0c;对其底层实现原理进行分析&#xff0c;然后对开发一个新的换肤方案的可能性进行…

前端换肤,聊一聊主题切换那些事

一些网站通常会提供白天、夜间模式&#xff0c;以及自定义主题等等&#xff0c;这种主题切换也就是本文说的前端换肤。 这次案例用的是白天和夜间模式的切换&#xff0c;在做换肤之前&#xff0c;得先知道一件事情&#xff1a;css的变量定义&#xff0c;对变量定义不熟悉的同学…

android 皮肤,Android换肤

前言 之前做个APP需要用到换肤&#xff0c;在githup上面找了很久&#xff0c;终于找到一款功能强大、基本能够满足产品需求的换肤框架&#xff0c;那就是Android-skin-support&#xff0c;这个框架换肤功能很强大、不管是白天、黑夜还是任意颜色、图片的皮肤包都可以&#xff0…

Android 应用换肤方案的总结

虽然现在已经有很多不错的换肤方案&#xff0c;但是这些方案或多或少都存在自己的问题。在这篇文章中&#xff0c;我将对 Android 现有的一些动态换肤方案进行梳理&#xff0c;对其底层实现原理进行分析&#xff0c;然后对开发一个新的换肤方案的可能性进行总结。 1、通过自定…

Android 插件化换肤方案

效果 实现流程 实现LayoutInflater.Factory2这个接口&#xff0c;实现onCreateView方法(主要仿照系统原来LayoutInflater.createView()方法的实现)&#xff0c;此处可以拿到页面中所有的View&#xff0c;判断有没有需要换肤的View&#xff0c;并且保存下来&#xff1b;在Activ…

墨迹天气桌面挂件换肤分析

该篇文章需要准备如下工具&#xff1a; 1、墨迹皮肤文件&#xff0c;下载地址。 Andorid换肤在网上搜索出来的结果&#xff0c;大概有三种&#xff1a; 1、应用本身带有写好的布局 优点&#xff1a;开发难度低 缺点&#xff1a;灵活性低&#xff0c;用户不能自定义皮肤。 2、使…

前端换肤的一些思考

先看看大家怎么做的。下面是两篇别人写的文章&#xff0c;最后是我自己的方法。 第一篇&#xff1a;聊一聊前端换肤 之前在做网站换肤&#xff0c;所以想谈谈网站换肤的实现。网页换肤就是修改颜色值&#xff0c;因此重点就在于怎么来替换。 一般实现 如上图&#xff0c;我们…

Visio保存为网页出错

visio 试图保存文档时出错。已创建的页面可能无效。 试图保存文档时出错。以创建的页面可能无效。最近在用Visio作图的时候时长发生的问题。 经过摸索&#xff0c;不覆盖保存没有问题&#xff0c;如果覆盖保存&#xff0c;有时会有这个问题。解决办法就是把以前生成的网页和相关…