当前位置:首页 > 文章列表 > 文章 > java教程 > 详解JSP文件的创建过程及步骤

详解JSP文件的创建过程及步骤

2024-01-31 20:41:24 0浏览 收藏

知识点掌握了,还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战,手把手教大家学习《详解JSP文件的创建过程及步骤》,在实现功能的过程中也带大家重新温习相关知识点,温故而知新,回头看看说不定又有不一样的感悟!

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><p>终于介绍完啦!小伙伴们,这篇关于《详解JSP文件的创建过程及步骤》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!</p> </div> <div class="labsList"> <a href="javascript:;" title="jsp">jsp</a> <a href="javascript:;" title="步骤详解">步骤详解</a> <a href="javascript:;" title="文件创建">文件创建</a> </div> <div class="cateBox"> <div class="cateItem"> <a href="/article/92891.html" title="创建和注意事项:JSP文件的流程" class="img_box"> <img src="/uploads/929/53acb670320fd6fac8730ba80ffdc6b7.png" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="创建和注意事项:JSP文件的流程">创建和注意事项:JSP文件的流程 </a> <dl> <dt class="lineOverflow"><a href="/article/92891.html" title="创建和注意事项:JSP文件的流程" class="aBlack">上一篇<i></i></a></dt> <dd class="lineTwoOverflow">创建和注意事项:JSP文件的流程</dd> </dl> </div> <div class="cateItem"> <a href="/article/92893.html" title="深入研究Kafka分区策略的多样性与应用案例" class="img_box"> <img src="/uploads/929/42d7a74f0f680a62277ffd09aa75e732.png" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="深入研究Kafka分区策略的多样性与应用案例"> </a> <dl> <dt class="lineOverflow"><a href="/article/92893.html" class="aBlack" title="深入研究Kafka分区策略的多样性与应用案例">下一篇<i></i></a></dt> <dd class="lineTwoOverflow">深入研究Kafka分区策略的多样性与应用案例</dd> </dl> </div> </div> </div> </div> <div class="leftContBox pt0"> <div class="pdl20"> <div class="contTit"> <a href="/articlelist.html" class="more" title="查看更多">查看更多<i class="iconfont"></i></a> <div class="tit">最新文章</div> </div> </div> <ul class="newArticleList"> <li> <div class="contBox"> <a href="/article/207622.html" class="img_box" title="Java中String的含义及类特性与常用方法"> <img src="/uploads/20250513/1747138183682336875feae.png" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java中String的含义及类特性与常用方法"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  30秒前  |   <a href="javascript:;" class="aLightGray" title="性能">性能</a> <a href="javascript:;" class="aLightGray" title="string">string</a> <a href="javascript:;" class="aLightGray" title="线程安全">线程安全</a> <a href="javascript:;" class="aLightGray" title="stringbuilder">stringbuilder</a> <a href="javascript:;" class="aLightGray" title="不可变性">不可变性</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207622.html" class="aBlack" target="_blank" title="Java中String的含义及类特性与常用方法">Java中String的含义及类特性与常用方法</a> </dt> <dd class="cont2"> <span><i class="view"></i>498浏览</span> <span class="collectBtn user_collection" data-id="207622" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207575.html" class="img_box" title="Java类详解:定义与作用全面解析"> <img src="/uploads/20250513/1747129259682313ab9fad0.gif" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java类详解:定义与作用全面解析"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  2小时前  |   <a href="javascript:;" class="aLightGray" title="继承">继承</a> <a href="javascript:;" class="aLightGray" title="面向对象编程">面向对象编程</a> <a href="javascript:;" class="aLightGray" title="多态">多态</a> <a href="javascript:;" class="aLightGray" title="封装">封装</a> <a href="javascript:;" class="aLightGray" title="Java类">Java类</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207575.html" class="aBlack" target="_blank" title="Java类详解:定义与作用全面解析">Java类详解:定义与作用全面解析</a> </dt> <dd class="cont2"> <span><i class="view"></i>401浏览</span> <span class="collectBtn user_collection" data-id="207575" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207554.html" class="img_box" title="Java类详解:成员变量与方法的组成及解析"> <img src="/uploads/20250513/174712710768230b431e6ce.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java类详解:成员变量与方法的组成及解析"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  3小时前  |   <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="方法">方法</a> <a href="javascript:;" class="aLightGray" title="封装">封装</a> <a href="javascript:;" class="aLightGray" title="类">类</a> <a href="javascript:;" class="aLightGray" title="成员变量">成员变量</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207554.html" class="aBlack" target="_blank" title="Java类详解:成员变量与方法的组成及解析">Java类详解:成员变量与方法的组成及解析</a> </dt> <dd class="cont2"> <span><i class="view"></i>404浏览</span> <span class="collectBtn user_collection" data-id="207554" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207550.html" class="img_box" title="Java异常分类与特点深度解析"> <img src="/uploads/20250513/174712608668230746ba308.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java异常分类与特点深度解析"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  3小时前  |   <a href="javascript:;" class="aLightGray" title="错误">错误</a> <a href="javascript:;" class="aLightGray" title="nullpointerexception">nullpointerexception</a> <a href="javascript:;" class="aLightGray" title="IOException">IOException</a> <a href="javascript:;" class="aLightGray" title="非受检异常">非受检异常</a> <a href="javascript:;" class="aLightGray" title="受检异常">受检异常</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207550.html" class="aBlack" target="_blank" title="Java异常分类与特点深度解析">Java异常分类与特点深度解析</a> </dt> <dd class="cont2"> <span><i class="view"></i>228浏览</span> <span class="collectBtn user_collection" data-id="207550" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207546.html" class="img_box" title="Java必备知识点详解,体系结构全解析"> <img src="/uploads/20250513/1747125849682306592003c.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java必备知识点详解,体系结构全解析"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  3小时前  |   </span> </dd> <dt class="lineOverflow"> <a href="/article/207546.html" class="aBlack" target="_blank" title="Java必备知识点详解,体系结构全解析">Java必备知识点详解,体系结构全解析</a> </dt> <dd class="cont2"> <span><i class="view"></i>414浏览</span> <span class="collectBtn user_collection" data-id="207546" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207500.html" class="img_box" title="Java中间件详解:定义与应用场景"> <img src="/uploads/20250513/17471096976822c741d761e.png" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java中间件详解:定义与应用场景"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  7小时前  |   <a href="javascript:;" class="aLightGray" title="Web服务器">Web服务器</a> <a href="javascript:;" class="aLightGray" title="消息队列">消息队列</a> <a href="javascript:;" class="aLightGray" title="ORM框架">ORM框架</a> <a href="javascript:;" class="aLightGray" title="事务管理">事务管理</a> <a href="javascript:;" class="aLightGray" title="Java中间件">Java中间件</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207500.html" class="aBlack" target="_blank" title="Java中间件详解:定义与应用场景">Java中间件详解:定义与应用场景</a> </dt> <dd class="cont2"> <span><i class="view"></i>498浏览</span> <span class="collectBtn user_collection" data-id="207500" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207461.html" class="img_box" title="Java异常分类与处理原则深度解析"> <img src="/uploads/20250513/17471039656822b0ddb19cc.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java异常分类与处理原则深度解析"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  9小时前  |   <a href="javascript:;" class="aLightGray" title="异常处理">异常处理</a> <a href="javascript:;" class="aLightGray" title="throws">throws</a> <a href="javascript:;" class="aLightGray" title="try-catch">try-catch</a> <a href="javascript:;" class="aLightGray" title="非受检异常">非受检异常</a> <a href="javascript:;" class="aLightGray" title="受检异常">受检异常</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207461.html" class="aBlack" target="_blank" title="Java异常分类与处理原则深度解析">Java异常分类与处理原则深度解析</a> </dt> <dd class="cont2"> <span><i class="view"></i>185浏览</span> <span class="collectBtn user_collection" data-id="207461" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207455.html" class="img_box" title="Java中impl啥意思?接口实现类命名攻略"> <img src="/uploads/20250513/17471026736822abd15de39.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java中impl啥意思?接口实现类命名攻略"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  9小时前  |   <a href="javascript:;" class="aLightGray" title="可读性">可读性</a> <a href="javascript:;" class="aLightGray" title="接口实现">接口实现</a> <a href="javascript:;" class="aLightGray" title="命名约定">命名约定</a> <a href="javascript:;" class="aLightGray" title="驼峰命名法">驼峰命名法</a> <a href="javascript:;" class="aLightGray" title="impl">impl</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207455.html" class="aBlack" target="_blank" title="Java中impl啥意思?接口实现类命名攻略">Java中impl啥意思?接口实现类命名攻略</a> </dt> <dd class="cont2"> <span><i class="view"></i>200浏览</span> <span class="collectBtn user_collection" data-id="207455" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207450.html" class="img_box" title="Java类组成:成员变量与方法详解"> <img src="/uploads/20250513/17471018946822a8c657f4c.png" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java类组成:成员变量与方法详解"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  10小时前  |   <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="方法">方法</a> <a href="javascript:;" class="aLightGray" title="封装">封装</a> <a href="javascript:;" class="aLightGray" title="类">类</a> <a href="javascript:;" class="aLightGray" title="成员变量">成员变量</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207450.html" class="aBlack" target="_blank" title="Java类组成:成员变量与方法详解">Java类组成:成员变量与方法详解</a> </dt> <dd class="cont2"> <span><i class="view"></i>485浏览</span> <span class="collectBtn user_collection" data-id="207450" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207445.html" class="img_box" title="Java文件复制技巧:文件流标准操作"> <img src="/uploads/20250513/17471007506822a44e75252.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java文件复制技巧:文件流标准操作"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  10小时前  |   </span> </dd> <dt class="lineOverflow"> <a href="/article/207445.html" class="aBlack" target="_blank" title="Java文件复制技巧:文件流标准操作">Java文件复制技巧:文件流标准操作</a> </dt> <dd class="cont2"> <span><i class="view"></i>484浏览</span> <span class="collectBtn user_collection" data-id="207445" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207443.html" class="img_box" title="Java中的mapping是什么?对象关系映射入门"> <img src="/uploads/20250513/17471006436822a3e3deae2.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java中的mapping是什么?对象关系映射入门"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  10小时前  |   <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="Hibernate">Hibernate</a> <a href="javascript:;" class="aLightGray" title="orm">orm</a> <a href="javascript:;" class="aLightGray" title="性能问题">性能问题</a> <a href="javascript:;" class="aLightGray" title="jpa">jpa</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207443.html" class="aBlack" target="_blank" title="Java中的mapping是什么?对象关系映射入门">Java中的mapping是什么?对象关系映射入门</a> </dt> <dd class="cont2"> <span><i class="view"></i>103浏览</span> <span class="collectBtn user_collection" data-id="207443" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> <li> <div class="contBox"> <a href="/article/207418.html" class="img_box" title="Java引入包关键字及import语句详解"> <img src="/uploads/20250513/1747097338682296fa7c1f7.jpg" onerror="this.src='/assets/images/moren/morentu.png'" alt="Java引入包关键字及import语句详解"> </a> <dl> <dd class="cont1"> <span> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a>   |  11小时前  |   <a href="javascript:;" class="aLightGray" title="最佳实践">最佳实践</a> <a href="javascript:;" class="aLightGray" title="import">import</a> <a href="javascript:;" class="aLightGray" title="通配符">通配符</a> <a href="javascript:;" class="aLightGray" title="静态引入">静态引入</a> <a href="javascript:;" class="aLightGray" title="编译效率">编译效率</a> </span> </dd> <dt class="lineOverflow"> <a href="/article/207418.html" class="aBlack" target="_blank" title="Java引入包关键字及import语句详解">Java引入包关键字及import语句详解</a> </dt> <dd class="cont2"> <span><i class="view"></i>124浏览</span> <span class="collectBtn user_collection" data-id="207418" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </dd> </dl> </div> </li> </ul> </div> </div> <div class="mainRight"> <!-- 右侧广告位banner --> <div class="rightContBox" style="margin-top: 0px;"> <div class="rightTit"> <a href="/courselist.html" class="more" title="查看更多">查看更多<i class="iconfont"></i></a> <div class="tit lineOverflow">课程推荐</div> </div> <ul class="lessonRecomRList"> <li> <a href="/course/9.html" class="img_box" target="_blank" title="前端进阶之JavaScript设计模式"> <img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineTwoOverflow"><a href="/course/9.html" target="_blank" class="aBlack" title="前端进阶之JavaScript设计模式">前端进阶之JavaScript设计模式</a></dt> <dd class="cont1 lineTwoOverflow"> 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。 </dd> <dd class="cont2">542次学习</dd> </dl> </li> <li> <a href="/course/2.html" class="img_box" target="_blank" title="GO语言核心编程课程"> <img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineTwoOverflow"><a href="/course/2.html" target="_blank" class="aBlack" title="GO语言核心编程课程">GO语言核心编程课程</a></dt> <dd class="cont1 lineTwoOverflow"> 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。 </dd> <dd class="cont2">508次学习</dd> </dl> </li> <li> <a href="/course/74.html" class="img_box" target="_blank" title="简单聊聊mysql8与网络通信"> <img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineTwoOverflow"><a href="/course/74.html" target="_blank" class="aBlack" title="简单聊聊mysql8与网络通信">简单聊聊mysql8与网络通信</a></dt> <dd class="cont1 lineTwoOverflow"> 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让 </dd> <dd class="cont2">497次学习</dd> </dl> </li> <li> <a href="/course/57.html" class="img_box" target="_blank" title="JavaScript正则表达式基础与实战"> <img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineTwoOverflow"><a href="/course/57.html" target="_blank" class="aBlack" title="JavaScript正则表达式基础与实战">JavaScript正则表达式基础与实战</a></dt> <dd class="cont1 lineTwoOverflow"> 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。 </dd> <dd class="cont2">487次学习</dd> </dl> </li> <li> <a href="/course/28.html" class="img_box" target="_blank" title="从零制作响应式网站—Grid布局"> <img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineTwoOverflow"><a href="/course/28.html" target="_blank" class="aBlack" title="从零制作响应式网站—Grid布局">从零制作响应式网站—Grid布局</a></dt> <dd class="cont1 lineTwoOverflow"> 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。 </dd> <dd class="cont2">484次学习</dd> </dl> </li> </ul> </div> <div class="rightContBox"> <div class="rightTit"> <a href="/ai.html" class="more" title="查看更多">查看更多<i class="iconfont"></i></a> <div class="tit lineOverflow">AI推荐</div> </div> <ul class="lessonRecomRList"> <li> <a href="/ai/13002.html" target="_blank" title="美图AI抠图:行业领先的智能图像处理技术,3秒出图,精准无误" class="img_box"> <img src="/uploads/20250513/1747124403682300b3b9854.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="美图AI抠图:行业领先的智能图像处理技术,3秒出图,精准无误" style="object-fit:cover;width:100%;height:100%;"> </a> <dl> <dt class="lineTwoOverflow"><a href="/ai/13002.html" class="aBlack" target="_blank" title="美图AI抠图">美图AI抠图</a></dt> <dd class="cont1 lineTwoOverflow"> 美图AI抠图,依托CVPR 2024竞赛亚军技术,提供顶尖的图像处理解决方案。适用于证件照、商品、毛发等多场景,支持批量处理,3秒出图,零PS基础也能轻松操作,满足个人与商业需求。 </dd> <dd class="cont2">4次使用</dd> </dl> </li> <li> <a href="/ai/13001.html" target="_blank" title="SEO标题PetGPT:智能桌面宠物程序,结合AI对话的个性化陪伴工具" class="img_box"> <img src="/uploads/20250513/17471238026822fe5ac3291.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="SEO标题PetGPT:智能桌面宠物程序,结合AI对话的个性化陪伴工具" style="object-fit:cover;width:100%;height:100%;"> </a> <dl> <dt class="lineTwoOverflow"><a href="/ai/13001.html" class="aBlack" target="_blank" title="PetGPT">PetGPT</a></dt> <dd class="cont1 lineTwoOverflow"> SEO摘要PetGPT 是一款基于 Python 和 PyQt 开发的智能桌面宠物程序,集成了 OpenAI 的 GPT 模型,提供上下文感知对话和主动聊天功能。用户可高度自定义宠物的外观和行为,支持插件热更新和二次开发。适用于需要陪伴和效率辅助的办公族、学生及 AI 技术爱好者。 </dd> <dd class="cont2">5次使用</dd> </dl> </li> <li> <a href="/ai/13000.html" target="_blank" title="可图AI图片生成:快手可灵AI2.0引领图像创作新时代" class="img_box"> <img src="/uploads/20250509/1746779402681dbd0ac7790.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="可图AI图片生成:快手可灵AI2.0引领图像创作新时代" style="object-fit:cover;width:100%;height:100%;"> </a> <dl> <dt class="lineTwoOverflow"><a href="/ai/13000.html" class="aBlack" target="_blank" title="可图AI图片生成">可图AI图片生成</a></dt> <dd class="cont1 lineTwoOverflow"> 探索快手旗下可灵AI2.0发布的可图AI2.0图像生成大模型,体验从文本生成图像、图像编辑到风格转绘的全链路创作。了解其技术突破、功能创新及在广告、影视、非遗等领域的应用,领先于Midjourney、DALL-E等竞品。 </dd> <dd class="cont2">41次使用</dd> </dl> </li> <li> <a href="/ai/12999.html" target="_blank" title="MeowTalk喵说:AI猫咪语言翻译,增进人猫情感交流" class="img_box"> <img src="/uploads/20250509/1746780013681dbf6d6e1c9.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="MeowTalk喵说:AI猫咪语言翻译,增进人猫情感交流" style="object-fit:cover;width:100%;height:100%;"> </a> <dl> <dt class="lineTwoOverflow"><a href="/ai/12999.html" class="aBlack" target="_blank" title="MeowTalk喵说">MeowTalk喵说</a></dt> <dd class="cont1 lineTwoOverflow"> MeowTalk喵说是一款由Akvelon公司开发的AI应用,通过分析猫咪的叫声,帮助主人理解猫咪的需求和情感。支持iOS和Android平台,提供个性化翻译、情感互动、趣味对话等功能,增进人猫之间的情感联系。 </dd> <dd class="cont2">35次使用</dd> </dl> </li> <li> <a href="/ai/12998.html" target="_blank" title="SEO标题Traini:全球首创宠物AI技术,提升宠物健康与行为解读" class="img_box"> <img src="/uploads/20250509/1746778802681dbab2cbce8.jpg" onerror="this.onerror='',this.src='/assets/images/moren/morentu.png'" alt="SEO标题Traini:全球首创宠物AI技术,提升宠物健康与行为解读" style="object-fit:cover;width:100%;height:100%;"> </a> <dl> <dt class="lineTwoOverflow"><a href="/ai/12998.html" class="aBlack" target="_blank" title="Traini">Traini</a></dt> <dd class="cont1 lineTwoOverflow"> SEO摘要Traini是一家专注于宠物健康教育的创新科技公司,利用先进的人工智能技术,提供宠物行为解读、个性化训练计划、在线课程、医疗辅助和个性化服务推荐等多功能服务。通过PEBI系统,Traini能够精准识别宠物狗的12种情绪状态,推动宠物与人类的智能互动,提升宠物生活质量。 </dd> <dd class="cont2">35次使用</dd> </dl> </li> </ul> </div> <!-- 相关文章 --> <div class="rightContBox"> <div class="rightTit"> <a href="/articlelist.html" class="more" title="查看更多">查看更多<i class="iconfont"></i></a> <div class="tit lineOverflow">相关文章</div> </div> <ul class="aboutArticleRList"> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/62591.html" class="aBlack" title="提升Java功能开发效率的有力工具:微服务架构">提升Java功能开发效率的有力工具:微服务架构</a></dt> <dd> <span class="left">2023-10-06</span> <span class="right">501浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/64322.html" class="aBlack" title="掌握Java海康SDK二次开发的必备技巧">掌握Java海康SDK二次开发的必备技巧</a></dt> <dd> <span class="left">2023-10-01</span> <span class="right">501浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/64966.html" class="aBlack" title="如何使用java实现桶排序算法">如何使用java实现桶排序算法</a></dt> <dd> <span class="left">2023-10-03</span> <span class="right">501浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/71903.html" class="aBlack" title="Java开发实战经验:如何优化开发逻辑">Java开发实战经验:如何优化开发逻辑</a></dt> <dd> <span class="left">2023-10-31</span> <span class="right">501浏览</span> </dd> </dl> </li> <li> <dl> <dt class="lineTwoOverflow"><a href="/article/75705.html" class="aBlack" title="如何使用Java中的Math.max()方法比较两个数的大小?">如何使用Java中的Math.max()方法比较两个数的大小?</a></dt> <dd> <span class="left">2023-11-18</span> <span class="right">501浏览</span> </dd> </dl> </li> </ul> </div> </div> </div> <div class="footer"> <div class="footerIn"> <div class="footLeft"> <div class="linkBox"> <a href="/about/1.html" target="_blank" class="aBlack" title="关于我们">关于我们</a> <a href="/about/5.html" target="_blank" class="aBlack" title="免责声明">免责声明</a> <a href="#" class="aBlack" title="意见反馈">意见反馈</a> <a href="/about/2.html" class="aBlack" target="_blank" title="联系我们">联系我们</a> <a href="/send.html" class="aBlack" title="广告合作">内容提交</a> </div> <div class="footTip">Golang学习网:公益在线Go学习平台,帮助Go学习者快速成长!</div> <div class="shareBox"> <span><i class="qq"></i>技术交流群</span> </div> <div class="copyRight"> Copyright 2023 http://www.17golang.com/ All Rights Reserved | <a href="https://beian.miit.gov.cn/" target="_blank" title="备案">苏ICP备2023003363号-1</a> </div> </div> <div class="footRight"> <ul class="encodeList"> <li> <div class="encodeImg"> <img src="/assets/examples/qrcode_for_gh.jpg" alt="Golang学习网"> </div> <div class="tit">关注公众号</div> <div class="tip">Golang学习网</div> </li> <div class="clear"></div> </ul> </div> <div class="clear"></div> </div> </div> <!-- 微信登录弹窗 --> <style> .popupBg .n-error{ color: red; } </style> <div class="popupBg"> <div class="loginBoxBox"> <div class="imgbg"> <img src="/assets/images/leftlogo.jpg" alt=""> </div> <!-- 微信登录 --> <div class="loginInfo encodeLogin" style="display: none;"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="changeLoginType cursorPointer create_wxqrcode" onclick="$('.loginInfo').hide();$('.passwordLogin').show();"> <div class="tip">密码登录在这里</div> </div> <div class="encodeInfo"> <div class="tit"><i></i> 微信扫码登录或注册</div> <div class="encodeImg"> <span id="wx_login_qrcode"><img src="/assets/examples/code.png" alt="二维码"></span> <!-- <div class="refreshBox"> <p>二维码失效</p> <button type="button" class="create_wxqrcode">刷新1111</button> </div> --> </div> <div class="tip">打开微信扫一扫,快速登录/注册</div> </div> <div class="beforeLoginTip">登录即同意 <a href="#" class="aBlue" title="用户协议">用户协议</a> 和 <a href="#" class="aBlue" title="隐私政策">隐私政策</a></div> </div> <!-- 密码登录 --> <div class="loginInfo passwordLogin"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="changeLoginType cursorPointer create_wxqrcode" onclick="$('.loginInfo').hide();$('.encodeLogin').show();"> <div class="tip">微信登录更方便</div> </div> <div class="passwordInfo"> <ul class="logintabs selfTabMenu"> <li class="selfTabItem loginFormLi curr">密码登录</li> <li class="selfTabItem registerFormBox ">注册账号</li> </ul> <div class="selfTabContBox"> <div class="selfTabCont loginFormBox" style="display: block;"> <form name="form" id="login-form" class="form-vertical form" method="POST" action="/index/user/login"> <input type="hidden" name="url" value="//www.17golang.com/article/92892.html"/> <input type="hidden" name="__token__" value="775c9d00aaf7a15b438529d31ea1da72" /> <div class="form-group" style="height:70px;"> <input class="form-control" id="account" type="text" name="account" value="" data-rule="required" placeholder="邮箱/用户名" autocomplete="off"> </div> <div class="form-group" style="height:70px;"> <input class="form-control" id="password" type="password" name="password" data-rule="required;password" placeholder="密码" autocomplete="off"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" data-rule="required;length(4)" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <img src="/captcha.html" width="100" height="45" onclick="this.src = '/captcha.html?r=' + Math.random();"/> </span> </div> <div class="other"> <a href="#" class="forgetPwd aGray" onclick="$('.loginInfo').hide();$('.passwordForget').show();" title="忘记密码">忘记密码</a> </div> <div class="loginBtn mt25"> <button type="submit">登录</button> </div> </form> </div> <div class="selfTabCont registerFormBox" style="display: none;"> <form name="form1" id="register-form" class="form-vertical form" method="POST" action="/index/user/register"> <input type="hidden" name="invite_user_id" value="0"/> <input type="hidden" name="url" value="//www.17golang.com/article/92892.html"/> <input type="hidden" name="__token__" value="775c9d00aaf7a15b438529d31ea1da72" /> <div class="form-group" style="height:70px;"> <input type="text" name="email" id="email2" data-rule="required;email" class="form-control" placeholder="邮箱"> </div> <div class="form-group" style="height:70px;"> <input type="text" id="username" name="username" data-rule="required;username" class="form-control" placeholder="用户名必须3-30个字符"> </div> <div class="form-group" style="height:70px;"> <input type="password" id="password2" name="password" data-rule="required;password" class="form-control" placeholder="密码必须6-30个字符"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" data-rule="required;length(4)" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <img src="/captcha.html" width="100" height="45" onclick="this.src = '/captcha.html?r=' + Math.random();"/> </span> </div> <div class="loginBtn"> <button type="submit">注册</button> </div> </form> </div> </div> </div> <div class="beforeLoginTip">登录即同意 <a href="https://www.17golang.com/about/3.html" target="_blank" class="aBlue" title="用户协议">用户协议</a> 和 <a href="https://www.17golang.com/about/4.html" target="_blank" class="aBlue" title="隐私政策">隐私政策</a></div> </div> <!-- 重置密码 --> <div class="loginInfo passwordForget"> <div class="closeIcon" onclick="$('.popupBg').hide();"></div> <div class="returnLogin cursorPointer" onclick="$('.passwordForget').hide();$('.passwordLogin').show();">返回登录</div> <div class="passwordInfo"> <ul class="logintabs selfTabMenu"> <li class="selfTabItem">重置密码</li> </ul> <div class="selfTabContBox"> <div class="selfTabCont"> <form id="resetpwd-form" class="form-horizontal form-layer nice-validator n-default n-bootstrap form" method="POST" action="/api/user/resetpwd.html" novalidate="novalidate"> <div style="height:70px;"> <input type="text" class="form-control" id="email" name="email" value="" placeholder="输入邮箱" aria-invalid="true"> </div> <div class="codeBox" style="height:70px;"> <div class="form-group" style="height:70px; width:205px; float: left;"> <input type="text" name="captcha" class="form-control" placeholder="验证码" /> </div> <span class="input-group-btn" style="padding:0;border:none;"> <a href="javascript:;" class="btn btn-primary btn-captcha cursorPointer" style="background: #2080F8; border-radius: 4px; color: #fff; padding: 12px; position: absolute;" data-url="/api/ems/send.html" data-type="email" data-event="resetpwd">发送验证码</a> </span> </div> <input type="password" class="form-control" id="newpassword" name="newpassword" value="" placeholder="请输入6-18位密码"> <div class="loginBtn mt25"> <button type="submit">重置密码</button> </div> </form> </div> </div> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> </body> </html>