展开菜单
首页 精品内容 本月促销 装机必备 Windows PDF教程 macOS软件 IOS软件 Android AI 专题
全部分类

当前位置:

首页 > 编程开发 > 详细阐述创建JSP文件的方法和步骤

详细阐述创建JSP文件的方法和步骤

JSP文件的创建方法和步骤详解1.准备工作在创建JSP文件之前,您需要确保已经安装了以下软件:Java开发工具包(JDK)ApacheTomcat服务器文本编辑器(如记事本、Notepad++或SublimeText)2.创建JSP文件打开文本编辑器,新建一个文件。将文件另存为.jsp,例如index.jsp。在文件中输入以下代码:<%@pa

JSP文件的创建方法和步骤详解

1. 准备工作

在创建JSP文件之前,您需要确保已经安装了以下软件:

  • Java开发工具包(JDK)
  • Apache Tomcat服务器
  • 文本编辑器(如记事本、Notepad++或Sublime Text)

2. 创建JSP文件

  1. 打开文本编辑器,新建一个文件。
  2. 将文件另存为.jsp,例如index.jsp。
  3. 在文件中输入以下代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>



  JSP Example


  

Hello, JSP!

3. 运行JSP文件

  1. 启动Apache Tomcat服务器。
  2. 将JSP文件复制到Tomcat的webapps目录下。
  3. 在浏览器中输入http://localhost:8080/index.jsp。

4. JSP文件详解

  • <%@ page ... %>:这是JSP指令,用于指定JSP文件的语言、内容类型和字符编码。
  • :这是HTML文档类型声明。
  • :这是HTML根元素。
  • :这是HTML头部元素,用于放置元数据。
  • </code>:这是HTML标题元素,用于指定网页的标题。</li><li><code><body></code>:这是HTML主体元素,用于放置网页的内容。</li><li><code><h1></code>:这是HTML一级标题元素,用于显示网页的标题。</li></ul><h3>5. JSP中的Java代码</h3><p>JSP文件可以包含Java代码,这使得JSP文件可以动态地生成HTML代码。Java代码可以使用<code><% %></code>标签包裹起来,例如:</p><pre class='brush:jsp;toolbar:false;'><% int x = 10; int y = 20; int sum = x + y; %> <h1>The sum of x and y is <%= sum %></h1></pre><h3>6. JSP中的表达式</h3><p>JSP文件可以使用表达式来计算值,表达式可以使用<code><%= %></code>标签输出,例如:</p><pre class='brush:jsp;toolbar:false;'><h1>The current time is <%= new java.util.Date() %></h1></pre><h3>7. JSP中的动作</h3><p>JSP文件可以使用动作来执行某些操作,动作可以使用<code><jsp:action ... %></code>标签指定,例如:</p><pre class='brush:jsp;toolbar:false;'><jsp:forward page="login.jsp"/></pre><h3>8. JSP中的标签库</h3><p>JSP文件可以使用标签库来简化代码,标签库可以使用<code><jsp:useBean ... %></code>和<code><jsp:setProperty ... %></code>标签指定,例如:</p><pre class='brush:jsp;toolbar:false;'><jsp:useBean id="user" class="com.example.User"/> <jsp:setProperty name="user" property="name" value="John Doe"/> <h1>Hello, <%= user.getName() %>!</h1></pre><h3>9. JSP中的错误处理</h3><p>JSP文件可以使用<code><jsp:errorPage ... %></code>标签指定错误页面,例如:</p><pre class='brush:jsp;toolbar:false;'><jsp:errorPage page="error.jsp"/></pre><h3>10. JSP中的注释</h3><p>JSP文件可以使用<code><!-- --></code>标签进行注释,例如:</p><pre class='brush:jsp;toolbar:false;'><!-- This is a comment --></pre> </div> <span class="article_notice">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系bd@zhengruan.com</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/769014" title="Bandizip在Windows 10上安装失败怎么办?"><span>Bandizip在Windows 10上安装失败怎么办?</span></a> <span>2026-10-03 08:29</span> </div> <div class="otherarticles"> <a href="/news/768988" title="win10注册表修改怎么取消开机自动登录密码"><span>win10注册表修改怎么取消开机自动登录密码</span></a> <span>2026-10-02 16:12</span> </div> <div class="otherarticles"> <a href="/news/768629" title="3dmax常见问题及解决办法:异常关闭和文件找回教程"><span>3dmax常见问题及解决办法:异常关闭和文件找回教程</span></a> <span>2026-09-28 11:55</span> </div> <div class="otherarticles"> <a href="/news/768047" title="微软推出Project Zenith:面向Windows 11开发者的AI硬件加速方案"><span>微软推出Project Zenith:面向Windows 11开发者的AI硬件加速方案</span></a> <span>2026-09-08 18:15</span> </div> <div class="otherarticles"> <a href="/news/768044" title="打破流量垄断,让平台经济释放普惠红利"><span>打破流量垄断,让平台经济释放普惠红利</span></a> <span>2026-09-08 18:07</span> </div> </div> </div> <div class="article_card_class"> <a href="/newslist/313_1" title="编程开发">编程开发</a> <a href="/newslist/41269_1" title="步骤详解">步骤详解</a> </div> <div class="article_nearby"> <div> <span>上一篇:</span> <a href="/news/75862" title="创建JSP文件的过程和注意事项" class="woh">创建JSP文件的过程和注意事项</a> </div> <div> <span>下一篇:</span> <a href="/news/75864" title="掌握Java回调函数的重要性和优势" class="woh">掌握Java回调函数的重要性和优势</a> </div> </div> <div class="article_related"> <div class="index_title flexBox"> <span>相关文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="article_relatedM swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4Ms articlebox"> <a href="/news/770172" title="codex安装windows教程桌面版完整安装步骤指南" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/375d73281c6ffa2a2c00154283d253db.webp" src="/static/m/images/moren.png" alt="codex安装windows教程桌面版完整安装步骤指南" class="oimg" /></a> <div> <a href="/news/770172" title="codex安装windows教程桌面版完整安装步骤指南" class="indexMain4Ms_title poh">codex安装windows教程桌面版完整安装步骤指南</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/23450_1" title="Windows安装">Windows安装</a> </div> <span>10.12</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/770160" title="github配置ssh key windows" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/6f670571fd37c765fb0095d6a21a546e.webp" src="/static/m/images/moren.png" alt="github配置ssh key windows" class="oimg" /></a> <div> <a href="/news/770160" title="github配置ssh key windows" class="indexMain4Ms_title poh">github配置ssh key windows</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> <span>10.12</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/770159" title="backdrop和background区别" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/f01b3e83bcb3ca335be0bd01331e2b04.webp" src="/static/m/images/moren.png" alt="backdrop和background区别" class="oimg" /></a> <div> <a href="/news/770159" title="backdrop和background区别" class="indexMain4Ms_title poh">backdrop和background区别</a> <div class="indexMain4Ms_info"> <span>10.12</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms articlebox"> <a href="/news/770134" title="windsurf ide download Windows版安装教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261011/5805717721f8bb048c4910df66498af8.webp" src="/static/m/images/moren.png" alt="windsurf ide download Windows版安装教程" class="oimg" /></a> <div> <a href="/news/770134" title="windsurf ide download Windows版安装教程" class="indexMain4Ms_title poh">windsurf ide download Windows版安装教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> <span>10.11</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/770039" title="ServBay安装配置详细教程与操作指南" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/23e85d48343504b24e9e821abd859a5d.webp" src="/static/m/images/moren.png" alt="ServBay安装配置详细教程与操作指南" class="oimg" /></a> <div> <a href="/news/770039" title="ServBay安装配置详细教程与操作指南" class="indexMain4Ms_title poh">ServBay安装配置详细教程与操作指南</a> <div class="indexMain4Ms_info"> <span>10.10</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/769810" title="codekit环境配置指南从安装到环境搭建完整教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261009/5c3ee574646cb47ca78dafae16e83fe8.webp" src="/static/m/images/moren.png" alt="codekit环境配置指南从安装到环境搭建完整教程" class="oimg" /></a> <div> <a href="/news/769810" title="codekit环境配置指南从安装到环境搭建完整教程" class="indexMain4Ms_title poh">codekit环境配置指南从安装到环境搭建完整教程</a> <div class="indexMain4Ms_info"> <span>10.09</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms articlebox"> <a href="/news/769656" title="codex安装windows 命令行完整操作教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/364013a532b488f2aba8153461a1f5ca.webp" src="/static/m/images/moren.png" alt="codex安装windows 命令行完整操作教程" class="oimg" /></a> <div> <a href="/news/769656" title="codex安装windows 命令行完整操作教程" class="indexMain4Ms_title poh">codex安装windows 命令行完整操作教程</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/23450_1" title="Windows安装">Windows安装</a> </div> <span>10.08</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/769654" title="NativeRest环境配置要求与完整操作教程" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/f50fae59d340035aeeaff35a320ea572.webp" src="/static/m/images/moren.png" alt="NativeRest环境配置要求与完整操作教程" class="oimg" /></a> <div> <a href="/news/769654" title="NativeRest环境配置要求与完整操作教程" class="indexMain4Ms_title poh">NativeRest环境配置要求与完整操作教程</a> <div class="indexMain4Ms_info"> <span>10.08</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/769617" title="CSS设置透明度的注意事项有哪些?opacity属性详解" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/ea176bd945e6d80230c91fcbebfdd514.webp" src="/static/m/images/moren.png" alt="CSS设置透明度的注意事项有哪些?opacity属性详解" class="oimg" /></a> <div> <a href="/news/769617" title="CSS设置透明度的注意事项有哪些?opacity属性详解" class="indexMain4Ms_title poh">CSS设置透明度的注意事项有哪些?opacity属性详解</a> <div class="indexMain4Ms_info"> <span>10.08</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms articlebox"> <a href="/news/769602" title="flutter页面传值到后台的方法及示例代码" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/da2f0e31aa2b86b0249a7a1f9373eebe.webp" src="/static/m/images/moren.png" alt="flutter页面传值到后台的方法及示例代码" class="oimg" /></a> <div> <a href="/news/769602" title="flutter页面传值到后台的方法及示例代码" class="indexMain4Ms_title poh">flutter页面传值到后台的方法及示例代码</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7699_1" title="Flutter">Flutter</a> <a href="/newslist/23645_1" title="后台">后台</a> </div> <span>10.08</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/769600" title="Java 8至21新特性代码写法对比:Lambda、Record与Switch" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/b569b77f3a9a2f24ce262ce38d2bfa27.webp" src="/static/m/images/moren.png" alt="Java 8至21新特性代码写法对比:Lambda、Record与Switch" class="oimg" /></a> <div> <a href="/news/769600" title="Java 8至21新特性代码写法对比:Lambda、Record与Switch" class="indexMain4Ms_title poh">Java 8至21新特性代码写法对比:Lambda、Record与Switch</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/14687_1" title="Java代码">Java代码</a> </div> <span>10.08</span> </div> </div> </div> <div class="indexMain4Ms articlebox"> <a href="/news/769599" title="AI智能体开发培训课程学什么及实战内容介绍" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261008/d3ceb32fc66155e8b3d70a7acaf28b3b.webp" src="/static/m/images/moren.png" alt="AI智能体开发培训课程学什么及实战内容介绍" class="oimg" /></a> <div> <a href="/news/769599" title="AI智能体开发培训课程学什么及实战内容介绍" class="indexMain4Ms_title poh">AI智能体开发培训课程学什么及实战内容介绍</a> <div class="indexMain4Ms_info"> <span>10.08</span> </div> </div> </div> </div> </div> <div class="article_relatedM_pagination"></div> </div> </div> <div class="indexMain4R1"> <div class="index_title flexBox"> <span>热门文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="indexMain4R1M"> <a href="/news/768676" title="Photoshop蒙版换证件照背景颜色怎么改?实用操作步骤详解" class=""><span class="woh">Photoshop蒙版换证件照背景颜色怎么改?实用操作步骤详解</span></a> <a href="/news/767686" title="AutoCAD绘制机械零件三维实体详细教程" class=""><span class="woh">AutoCAD绘制机械零件三维实体详细教程</span></a> <a href="/news/767677" title="AE教程书籍挑选指南:零基础、动效与合成方向实战标准" class=""><span class="woh">AE教程书籍挑选指南:零基础、动效与合成方向实战标准</span></a> <a href="/news/768677" title="Photoshop图层合并快捷键是什么?合并 盖印及分开图层方法" class=""><span class="woh">Photoshop图层合并快捷键是什么?合并 盖印及分开图层方法</span></a> <a href="/news/768672" title="Photoshop日系调色教程:小清新风格参数与思路" class=""><span class="woh">Photoshop日系调色教程:小清新风格参数与思路</span></a> </div> </div> <div class="indexMain4R2"> <div class="index_title flexBox"> <span>精品专题</span> <a href="/newslist/tag_1" title="更多">更多</a> </div> <div class="indexMain4R2M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/141356_1" title="装机必备"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/141356_1" title="装机必备" class="woh">装机必备</a> <p class="poh">正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/2909_1" title="Windows"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/2909_1" title="Windows" class="woh">Windows</a> <p class="poh">正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/340_1" title="PDF教程"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260920/178986704893123.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/340_1" title="PDF教程" class="woh">PDF教程</a> <p class="poh">正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法,同时介绍常用PDF软件和工具的使用技巧。</p> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3169_1" title="macOS软件" class="woh">macOS软件</a> <p class="poh">正软商城macOS软件专区,精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具,提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/4170_1" title="IOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/13f53c6f8a73cfddb8e967fc48566618.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/4170_1" title="IOS软件" class="woh">IOS软件</a> <p class="poh">正软商城iOS软件专区,精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用,提供功能介绍、适用设备、系统要求和正版获取方式等信息。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3110_1" title="AI"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/10188ccb49192fe36d1dff693e4cf0f3.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3110_1" title="AI" class="woh">AI</a> <p class="poh">正软商城AI软件专区,汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具,提供功能介绍、适用平台、收费方式及正版购买信息。</p> </div> </div> </div> </div> <div class="indexMain4R2M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>Mac软件</span> <a href="/newslist/3169_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/770268" title="WPS Office macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/22f9048ca3df563e76879ea2017f1698.webp" src="/static/m/images/moren.png" alt="WPS Office macOS版" class="oimg" /></a> <div> <a href="/news/770268" title="WPS Office macOS版" class="indexMain3Ms_title woh">WPS Office macOS版</a> <p class="woh">WPS Office是一款面向macOS用户的综合办公套件,将文字处理、电子表格、演示文稿、PDF工具、模板与云协作整合在同一应用中。它兼容常见Microsoft Office格式,支持Intel及Apple芯片Mac,基础功能可免费使用,</p> </div> <a href="/news/770268" title="WPS Office macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769913" title="Shapr3D macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261009/76e2dce4048dbd7352c3892632460771.webp" src="/static/m/images/moren.png" alt="Shapr3D macOS版" class="oimg" /></a> <div> <a href="/news/769913" title="Shapr3D macOS版" class="indexMain3Ms_title woh">Shapr3D macOS版</a> <p class="woh">Shapr3D是一款面向工业设计、机械工程、建筑概念和三维打印工作流的CAD软件。Mac版采用Parasolid建模内核,支持草图约束、实体建模、工程图、可视化渲染及常见CAD格式交换,并可通过账户在多台设备之间同步项目。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/140574_1" title="三维建模">三维建模</a> <a href="/newslist/144611_1" title="CAD设计">CAD设计</a> </div> </div> <a href="/news/769913" title="Shapr3D macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769914" title="REAPER macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/8ffc9b34fcbb8cf56d23853329b649d4.webp" src="/static/m/images/moren.png" alt="REAPER macOS版" class="oimg" /></a> <div> <a href="/news/769914" title="REAPER macOS版" class="indexMain3Ms_title woh">REAPER macOS版</a> <p class="woh">REAPER是Cockos开发的数字音频工作站,提供多轨音频与MIDI录制、剪辑、处理、混音和母带制作工具。Mac版兼容Intel与Apple芯片,支持AU、VST、VST3、CLAP等插件格式,并提供高度可定制的工作流程。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2251_1" title="音频编辑">音频编辑</a> </div> </div> <a href="/news/769914" title="REAPER macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769915" title="Ableton Live macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/b794ed640fcfdaa51980b6249ac56167.webp" src="/static/m/images/moren.png" alt="Ableton Live macOS版" class="oimg" /></a> <div> <a href="/news/769915" title="Ableton Live macOS版" class="indexMain3Ms_title woh">Ableton Live macOS版</a> <p class="woh">Ableton Live 是面向音乐制作人与现场表演者的数字音频工作站,提供编曲视图、独具特色的现场视图、音频录制、MIDI创作、实时变速、乐器及效果器。Mac版原生支持Apple芯片,并可连接音频接口、MIDI控制器和第三方插件。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/4187_1" title="音乐制作">音乐制作</a> </div> </div> <a href="/news/769915" title="Ableton Live macOS版" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/769916" title="Adobe After Effects macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/3b5b51a5744beff2a0d1c4a2aa7a1afa.webp" src="/static/m/images/moren.png" alt="Adobe After Effects macOS版" class="oimg" /></a> <div> <a href="/news/769916" title="Adobe After Effects macOS版" class="indexMain3Ms_title woh">Adobe After Effects macOS版</a> <p class="woh">Adobe After Effects 是面向动态图形、影视特效与视频合成的专业创作软件。它提供关键帧动画、遮罩抠像、运动跟踪、三维空间、文字动画和表达式等工具,并可与 Premiere Pro、Photoshop、Illustrator</p> </div> <a href="/news/769916" title="Adobe After Effects macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769917" title="Adobe Audition macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/e3a373bce3d1a66c06f157c4b1231d7c.webp" src="/static/m/images/moren.png" alt="Adobe Audition macOS版" class="oimg" /></a> <div> <a href="/news/769917" title="Adobe Audition macOS版" class="indexMain3Ms_title woh">Adobe Audition macOS版</a> <p class="woh">Adobe Audition 是面向播客、影视后期、音乐制作及内容创作者的专业音频工作站,提供波形精修、多轨录制与混音、频谱编辑、降噪修复、响度匹配和效果处理工具,并可与 Adobe Premiere 协同完成视频声音制作。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2251_1" title="音频编辑">音频编辑</a> </div> </div> <a href="/news/769917" title="Adobe Audition macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769918" title="Adobe Bridge macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/dc5e362ce1c187e720c6a52de95ae6eb.webp" src="/static/m/images/moren.png" alt="Adobe Bridge macOS版" class="oimg" /></a> <div> <a href="/news/769918" title="Adobe Bridge macOS版" class="indexMain3Ms_title woh">Adobe Bridge macOS版</a> <p class="woh">Adobe Bridge 是面向摄影师、设计师及内容团队的免费数字资产管理工具,可集中预览照片、视频和 Adobe 项目文件,并利用评级、标签、关键词、元数据、筛选与收藏集完成分类检索。它还支持批量重命名、格式导出、相机导入及 Camera</p> </div> <a href="/news/769918" title="Adobe Bridge macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769919" title="Adobe Illustrator macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/9e581bc99b4ba80c82da5411bed7e9b9.webp" src="/static/m/images/moren.png" alt="Adobe Illustrator macOS版" class="oimg" /></a> <div> <a href="/news/769919" title="Adobe Illustrator macOS版" class="indexMain3Ms_title woh">Adobe Illustrator macOS版</a> <p class="woh">Adobe Illustrator 是 Adobe 推出的专业矢量图形设计软件,适合在 Mac 上制作标志、图标、插画、包装、信息图及印刷版面。它以路径和锚点构建可无损缩放的图形,并提供钢笔、形状、文字、图像描摹、渐变、画板及生成式功能。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3337_1" title="illustrator">illustrator</a> </div> </div> <a href="/news/769919" title="Adobe Illustrator macOS版" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/769920" title="Adobe InDesign macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/76a7c787e0ca94d7a2b2d4fa90070942.webp" src="/static/m/images/moren.png" alt="Adobe InDesign macOS版" class="oimg" /></a> <div> <a href="/news/769920" title="Adobe InDesign macOS版" class="indexMain3Ms_title woh">Adobe InDesign macOS版</a> <p class="woh">Adobe InDesign 是面向印刷品与数字出版物的专业版面设计软件,可在 Mac 上制作书籍、杂志、宣传册、海报、报告及交互式文档。它提供精细的文字样式、网格、母版、长文档管理和印前输出能力。</p> </div> <a href="/news/769920" title="Adobe InDesign macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769921" title="Adobe Lightroom Classic macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/94e69184a04e3294249effc158b03197.webp" src="/static/m/images/moren.png" alt="Adobe Lightroom Classic macOS版" class="oimg" /></a> <div> <a href="/news/769921" title="Adobe Lightroom Classic macOS版" class="indexMain3Ms_title woh">Adobe Lightroom Classic macOS版</a> <p class="woh">Adobe Lightroom Classic 是面向桌面摄影工作流的照片管理与后期处理软件,可将原始照片保存在本地硬盘,通过目录、关键词、评分和收藏夹高效整理图库,并提供 RAW 冲印、蒙版、镜头校正、批量同步及多格式导出等功能。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/117898_1" title="Lightroom">Lightroom</a> </div> </div> <a href="/news/769921" title="Adobe Lightroom Classic macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769922" title="Adobe Media Encoder macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/c8a941e34b8a23c2d5300d450e6d8898.webp" src="/static/m/images/moren.png" alt="Adobe Media Encoder macOS版" class="oimg" /></a> <div> <a href="/news/769922" title="Adobe Media Encoder macOS版" class="indexMain3Ms_title woh">Adobe Media Encoder macOS版</a> <p class="woh">Adobe Media Encoder 是 Adobe 推出的专业音视频编码与转码工具,可通过队列、预设和监视文件夹批量完成格式转换、代理文件创建及多平台成片输出,并与 Premiere Pro、After Effects 等软件紧密协作。</p> </div> <a href="/news/769922" title="Adobe Media Encoder macOS版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/769923" title="Adobe Photoshop macOS版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261010/52ef47f7c35a5393274e728bf1bcd67c.webp" src="/static/m/images/moren.png" alt="Adobe Photoshop macOS版" class="oimg" /></a> <div> <a href="/news/769923" title="Adobe Photoshop macOS版" class="indexMain3Ms_title woh">Adobe Photoshop macOS版</a> <p class="woh">Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理软件,提供图层、蒙版、选区、修复、调色、文字排版、智能对象及生成式编辑等能力。Mac 版支持 Intel 与 Apple Silicon 处理器。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/769923" title="Adobe Photoshop macOS版" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>WINDOWS</span> <a href="/newslist/2909_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/770218" title="Adobe Photoshop Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/93cba8fd3167f90db2873847384a274d.webp" src="/static/m/images/moren.png" alt="Adobe Photoshop Windows版" class="oimg" /></a> <div> <a href="/news/770218" title="Adobe Photoshop Windows版" class="indexMain3Ms_title woh">Adobe Photoshop Windows版</a> <p class="woh">Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理工具,可在 Windows 上完成照片修饰、选区抠图、图层合成、文字排版、绘画及生成式编辑。软件采用订阅授权,由 Creative Cloud 管理安装、更新与许</p> </div> <a href="/news/770218" title="Adobe Photoshop Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770219" title="Adobe InDesign Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/97b164e001083413ac4089ca98c3c98b.webp" src="/static/m/images/moren.png" alt="Adobe InDesign Windows版" class="oimg" /></a> <div> <a href="/news/770219" title="Adobe InDesign Windows版" class="indexMain3Ms_title woh">Adobe InDesign Windows版</a> <p class="woh">Adobe InDesign 是面向印刷与数字出版的专业页面排版工具,可制作书籍、杂志、宣传册、海报、交互式 PDF 和电子书。它提供精细的文字样式、多页面管理、印前检查及多格式输出能力,并能与 Photoshop、Illustrator</p> </div> <a href="/news/770219" title="Adobe InDesign Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770220" title="Adobe Illustrator Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/e94d9e9d2b8cf52ded91b4c47d294e19.webp" src="/static/m/images/moren.png" alt="Adobe Illustrator Windows版" class="oimg" /></a> <div> <a href="/news/770220" title="Adobe Illustrator Windows版" class="indexMain3Ms_title woh">Adobe Illustrator Windows版</a> <p class="woh">Adobe Illustrator 是用于绘制矢量图形、插画、图标、徽标和版式的专业设计工具。它以路径和锚点为核心,作品放大后仍能保持清晰,并提供画板、文字、渐变、图像描摹及精确变换等功能,适合品牌视觉、印刷物料、数字界面和商业插画创作。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3337_1" title="illustrator">illustrator</a> </div> </div> <a href="/news/770220" title="Adobe Illustrator Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770221" title="Adobe Bridge Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/c82a5777533e667c1e4072ce4d670f45.webp" src="/static/m/images/moren.png" alt="Adobe Bridge Windows版" class="oimg" /></a> <div> <a href="/news/770221" title="Adobe Bridge Windows版" class="indexMain3Ms_title woh">Adobe Bridge Windows版</a> <p class="woh">Adobe Bridge 是 Adobe 推出的创意资产管理工具,可集中预览、分类和查找照片、视频、PDF及多种设计文件,并支持元数据、关键词、评级、批量重命名和格式导出。它可与 Photoshop、Illustrator 等应用衔接,</p> </div> <a href="/news/770221" title="Adobe Bridge Windows版" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/770222" title="Affinity Photo Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/3a823d91074d725255d0ea33690885cd.webp" src="/static/m/images/moren.png" alt="Affinity Photo Windows版" class="oimg" /></a> <div> <a href="/news/770222" title="Affinity Photo Windows版" class="indexMain3Ms_title woh">Affinity Photo Windows版</a> <p class="woh">Affinity Photo 是一款面向摄影师、修图师和视觉设计人员的桌面图像编辑工具,提供 RAW 显影、多图层合成、蒙版、实时滤镜、批处理和色彩管理等功能。原独立产品已停止销售,其照片编辑能力已延续至免费的新 Affinity 应用;</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/4112_1" title="图像编辑">图像编辑</a> </div> </div> <a href="/news/770222" title="Affinity Photo Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770223" title="Adobe Lightroom Classic Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/96884dbe126016cf58997e25c6de9cf1.webp" src="/static/m/images/moren.png" alt="Adobe Lightroom Classic Windows版" class="oimg" /></a> <div> <a href="/news/770223" title="Adobe Lightroom Classic Windows版" class="indexMain3Ms_title woh">Adobe Lightroom Classic Windows版</a> <p class="woh">Adobe Lightroom Classic 是面向 Windows 桌面摄影工作流的照片管理与无损编辑工具,可通过目录集中整理大型图库,并完成 RAW 显影、局部蒙版、批量调整、打印和多格式导出。它强调本地文件管理与精细控制,</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/117898_1" title="Lightroom">Lightroom</a> </div> </div> <a href="/news/770223" title="Adobe Lightroom Classic Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770225" title="Figma Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/3e016118ee46a3fce7f024eeb74bbc24.webp" src="/static/m/images/moren.png" alt="Figma Windows版" class="oimg" /></a> <div> <a href="/news/770225" title="Figma Windows版" class="indexMain3Ms_title woh">Figma Windows版</a> <p class="woh">Figma 是面向产品设计与开发团队的云端协作平台,可在 Windows 桌面客户端中完成界面绘制、组件管理、交互原型、评论评审和开发交付。文件保存在云端,多名成员能够同步编辑并共享设计系统;官方同时提供免费 Starter 方案及按席位计</p> </div> <a href="/news/770225" title="Figma Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770227" title="Affinity Designer Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/d513c50c1667c98f811128d1859c8e0b.webp" src="/static/m/images/moren.png" alt="Affinity Designer Windows版" class="oimg" /></a> <div> <a href="/news/770227" title="Affinity Designer Windows版" class="indexMain3Ms_title woh">Affinity Designer Windows版</a> <p class="woh">Affinity Designer 是面向矢量图形、数字插画和界面设计的专业创作工具,可在矢量、像素与导出工作区之间快速切换。它提供曲线编辑、形状构建、画板、排版、图层和专业色彩管理,并支持常见设计文件的导入及多种印刷、网页格式输出。</p> </div> <a href="/news/770227" title="Affinity Designer Windows版" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/770228" title="Capture One Pro Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/d102675a65c5f36a2969ad38c836f713.webp" src="/static/m/images/moren.png" alt="Capture One Pro Windows版" class="oimg" /></a> <div> <a href="/news/770228" title="Capture One Pro Windows版" class="indexMain3Ms_title woh">Capture One Pro Windows版</a> <p class="woh">Capture One Pro 是面向摄影师和影像团队的专业桌面照片处理工具,提供相机定制色彩配置、RAW转换、图层与蒙版、联机拍摄、目录及会话管理等功能。它适合棚拍、人像、商业产品、婚礼和风光摄影,</p> </div> <a href="/news/770228" title="Capture One Pro Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770229" title="Adobe Acrobat Pro Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/bfcf04a11ab879d8cfbbe0f62e63afbd.webp" src="/static/m/images/moren.png" alt="Adobe Acrobat Pro Windows版" class="oimg" /></a> <div> <a href="/news/770229" title="Adobe Acrobat Pro Windows版" class="indexMain3Ms_title woh">Adobe Acrobat Pro Windows版</a> <p class="woh">Adobe Acrobat Pro 是面向专业 PDF 工作的综合解决方案,可在 Windows 中创建、编辑、转换、比较、整理和保护文档,并支持表单、电子签名、扫描件文字识别及敏感信息永久遮盖。订阅还包含网页、移动服务和云端协作能力,</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/54524_1" title="acrobat">acrobat</a> </div> </div> <a href="/news/770229" title="Adobe Acrobat Pro Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770230" title="Adobe After Effects Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/bf0e6b2edeb2b8c5d2cd3628b5a0faa0.webp" src="/static/m/images/moren.png" alt="Adobe After Effects Windows版" class="oimg" /></a> <div> <a href="/news/770230" title="Adobe After Effects Windows版" class="indexMain3Ms_title woh">Adobe After Effects Windows版</a> <p class="woh">Adobe After Effects 是面向动态图形、动画与影视视觉特效制作的专业工具,可完成关键帧动画、图层合成、遮罩跟踪、抠像、文字动画和二维三维元素整合。Windows 版通过 Adobe Creative Cloud 安装及更新,</p> </div> <a href="/news/770230" title="Adobe After Effects Windows版" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/770231" title="DaVinci Resolve Windows版" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20261012/92878281071adba987b2696dac00e305.webp" src="/static/m/images/moren.png" alt="DaVinci Resolve Windows版" class="oimg" /></a> <div> <a href="/news/770231" title="DaVinci Resolve Windows版" class="indexMain3Ms_title woh">DaVinci Resolve Windows版</a> <p class="woh">DaVinci Resolve是Blackmagic Design推出的一体化影视后期工具,将素材管理、非线性剪辑、专业调色、Fusion视觉特效、Fairlight音频处理和成片交付整合在统一工程中。免费版已覆盖多数个人创作需求,</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/4356_1" title="视频剪辑">视频剪辑</a> </div> </div> <a href="/news/770231" title="DaVinci Resolve Windows版" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer2"> <p>网站备案号:苏ICP备2026018738号-1 联系邮箱:bd@zhengruan.com</p> <p>Copyright ©2018-2026</p> </div> </footer> <!--底部 end--> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '36']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> </body> <script src="/static/m/layui/layui.all.js"></script> <script src="/static/m/swiper/swiper-bundle.min.js"></script> <script src="/static/m/js/common.js?1.9.3"></script> </html>