Servlet入门

article/2025/10/2 18:34:07

一,简单使用servlet

1.在游览器输出hello Word

1.创建一个java普通类,实现Servlet类

实现servlet类有三种方法:①实现servlet接口②继承GenericServlet③HttpServlet

package com.hqyj.gwr.servlet;import javax.servlet.*;
import java.io.IOException;/*servlet :server applet 运行在服务器上面的小程序定义了一套服务器能够访问servlet*/
public class ServletDemo01 implements Servlet {@Overridepublic void init(ServletConfig servletConfig) throws ServletException {}@Overridepublic ServletConfig getServletConfig() {return null;}@Overridepublic void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {System.out.println("hello word");}@Overridepublic String getServletInfo() {return null;}@Overridepublic void destroy() {}
}

 2.配置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去一个别名--><servlet-name>servletDemo01</servlet-name><!-- 全类名--><servlet-class>com.hqyj.gwr.servlet.ServletDemo01</servlet-class></servlet><servlet-mapping><!-- 这个别名要和上面的别名一样--><servlet-name>servletDemo01</servlet-name><!-- 配置映射路劲--><url-pattern>/servletDemo01</url-pattern></servlet-mapping>
</web-app>

3.启动服务器,游览器自动弹出页面,如果没有,则自己手动输入访问路径

点击右上角Edit Configurations

 其中的URL

 游览器输出

 简便方法:使用@WebServlet()注解,就不用配置xml文件

括号里面写自定义路径名以"/"开头

亦或是在setting如下位置设置servlet代码模板之后

在文件右键直接创建servlet文件,即可使用
 

2.在游览器实现简单的逻辑控制

创建登录页面,输入用户名以及密码,判断输入是否正确,正确跳转登录成功页面,失败提示用户名或密码输入错误,重新输入。

1、创建login.jsp文件

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/17Time: 13:42To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<form action="/loginServlet" method="post"><label for="username">用户名: <input id="username" name="username" type="text"></label><br><label for="password">密码:<input id="password" name="password" type="password"></label><br><button type="submit">提交</button>
</form>
<span style="color: red">${requestScope.msg}</span></body>
</html>

其中method取值可以是get和post,区别:

 GET
          * 意味着找服务器拿数据,并不希望修改服务器的状态
          * 传递参数是直接放在请求url中(请求行中)
          * 格式是在请求url末尾以?开始 name1=value1&name2=value2
          * url长度有2k限制,传参不能传递大量的数据(文件)
          * 会浏览器的地址栏中显示传递的参数,相对不安全
          * GET方式没有请求体  
POST 
          * 意味这给服务器放数据,意图希望改变服务器的某些状态
          * 传递参数放在请求体中,参数大小没有限制,用于给服务器上传文件
          * 传递参数相对安全 
          * POST有请求体

推荐使用post

2.创建success.jsp文件

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/17Time: 14:38To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<h1>登录成功!</h1>
</body>
</html>

3.创建servlet文件,从前端拿取数据,并作判断

package com.hqyj.gwr.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//从前端拿取参数 服务器创建了两个对象request,response//request对象 request.getParameter();拿取数据,里面的参数名值对中的名字String username = request.getParameter("username");String password = request.getParameter("password");//逻辑判断if ("zhangsan".equals(username)&&"123456".equals(password)){//跳转页面到success.jsp页面request.getRequestDispatcher("/success.jsp").forward(request,response);}else {//request 是学习的第一个域对象,有一个作用域,可以在这个作用域范围内去共享数据request.setAttribute("msg","用户名或者密码错误");//如果登录失败,跳转到login.jsprequest.getRequestDispatcher("login.jsp").forward(request,response);}}
}

二,四个作用域

1.request域

request:指属性在一次请求范围内有效。如果页面从给一个页面跳转到另一个页面,那么该属性就决效了。这里所指的跳转是指客户端跳转,比如客户单击超链接跳转到其他页面或者通过浏览器地址栏浏览其他页面。如果使用服务器端跳转则该属性仍然生效。同理使用request对象的setAttribute()和getAttribute()。

1 request内置对象

使用request对象获取请求消息相关的信息 ,请求方式 http总共有7种请求方式,掌握GET和POST两种方式

在使用过程中get请求发送中文没有乱码,tomcat帮我们处理了,但post请求发送中文有乱码

原因在于发送请求时使用utf-8对中文编码

解码时,读请求体数据的流对象中的缓冲区编码默认使用IOS-8859-1,不一致导致乱码

解决: request.setCharacterEncoding("utf-8"),注意要在获取请求参数之前使用。

1.发送数据

①实现方式

继承HttpServlet (最常用方式)

②设置共享数据

 request.setAttribute("数据名","数据内容");

③获取请求转发器

request.getRequestDispatcher("内部资源地址")

④使用请求转发器做请求转发、是一种服务器内部资源的跳转方式

RequestDispatcher.forward(request, response)

package com.hqyj.gwr.request;import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/requestDemo01")
public class RequestDemo01 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//存储一个域数据request.setAttribute("name","ggg");//请求转发到下一个servlet,先得到请求转发器RequestDispatcher rd = request.getRequestDispatcher("/RequestDemo02");//再进行请求转发rd.forward(request,response);}
}

2.接收数据

request.getAttribute("数据名") 获取共享的数据

package com.hqyj.gwr.request;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/requestDemo02")
public class RequestDemo02 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//得到域对象里面的数据Object attribute = request.getAttribute("name");//进行打印System.out.println(attribute);Object name = request.getServletContext().getAttribute("name");System.out.println(name);}
}

3.其他常用api方法

 ①获取请求的URI

String requestURI = request.getRequestURI();

②获取请求的URL
StringBuffer requestURL = request.getRequestURL();
③获取queryString
String queryString = request.getQueryString();

package com.hqyj.gwr.request;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/RequestDemo03")
public class RequestDemo03 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取请求的URIString requestURI = request.getRequestURI();System.out.println(requestURI);// /RequestDemo03//获取请求的URLStringBuffer requestURL = request.getRequestURL();System.out.println(requestURL);//获取queryStringString queryString = request.getQueryString();System.out.println(queryString);}
}

练习:模拟用户登录

创建LoginServlet,获取浏览器的登录请求,自行判断是否登录成功,如果成功,跳转/success.jsp,如果失败,跳转会login.jsp

LoginServlet

package com.hqyj.gwr.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//解决请求中文乱码,post请求发送到服务器会乱码,但是get不会,因为Tomcat服务器帮我们处理了
//        request.setCharacterEncoding("utf-8");//从前端拿取参数 服务器创建了两个对象request,response//request对象 request.getParameter();拿取数据,里面的参数名值对中的名字String username = request.getParameter("username");System.out.println(username);String password = request.getParameter("password");System.out.println(password);//逻辑判断if ("zhangsan".equals(username)&&"1234".equals(password)){request.getSession().setAttribute("isLogin","登录过");//跳转页面到success.jsp页面request.getRequestDispatcher("/success.jsp").forward(request,response);}else {//request 是学习的第一个域对象,有一个作用域,可以在这个作用域范围内去共享数据request.setAttribute("msg","用户名或者密码错误");//如果登录失败,跳转到login.jsprequest.getRequestDispatcher("login.jsp").forward(request,response);}}
}

login.jsp登录界面

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/17Time: 13:42To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<form action="/loginServlet" method="post"><label for="username">用户名: <input id="username" name="username" type="text"></label><br><label for="password">密码:<input id="password" name="password" type="password"></label><br><button type="submit">提交</button>
</form>
<span style="color: red">${sessionScope.msg}</span>
</body>
</html>

success.jsp

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/17Time: 14:38To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<h1>登录成功!</h1>
</body>
</html>



2.page域

page:就是设置的属性只能在当前页面有效。通过pageContext的setAttribute()和getAttribute()。

设置共享数据和获取共享数据

3.application域

aplicaton:.指在整个服务器范围,知道服务器停止以后才会关效。同理通过applicaton对象的setltribute()和getstributel).application范围就是保存的属性只要服务器不重启,就能在任意页面中获取,就算重新打开浏览器也是可以获取属性的。

servletContext内置对象

 ServletContext 属于 application域 在我们整个web应用都可以应用

代表整个web应用的一个对象,可以使用它来和web服务器通信

ServletContext的生命周期,就是当我们的服务器关闭时销毁

  1. 它是一个域对象,作用范围为整个web应用,可以使用它来在各个web组件(servlet)中共享数据

    1. void setAttribute("数据名", 数据) 共享数据;

    2. Object getAttribute("数据名") 获取共享的数据;

    3. void removeAttribute("数据名") 删除共享的数据;

    4. application域对象使用比较少,要谨慎

  2. 如何获取

    1. request.getServletContext() ,使用request对象来获取

    2. 在HttpServlet中使用this.getServletContext() 获取

package com.hqyj.gwr.servletContext;import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/ServletContextDemo01")
public class ServletContextDemo01 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {ServletContext servletContext = request.getServletContext();System.out.println("ServletContextDemo01****");servletContext.setAttribute("name","ggg");}
}

4.session域

session内置对象: 指客户浏览器与服务器一次会话范围内,如果服务器断开连接,那么属性就失效了。是服务端的会话技术,共享数据放在服务端。

在一次会话中多次请求和响应之间共享数据,该共享的数据存放在HttpSession对象中

HttpSession它也是一个域对象 作用范围就是一次会话

session方法

void setAttribute(String name, Object obj) 共享一个数据

Object getAttribute(String name) 获取共享的数据

void removeAttribute(String name) 删除共享的数据

发送共享数据

package com.hqyj.gwr.session;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;@WebServlet("/SessionDemo01")
public class SessionDemo01 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {HttpSession session = request.getSession();session.setAttribute("id","11");}
}

获取共享数据 

package com.hqyj.gwr.session;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/SessionDemo02")
public class SessionDemo02 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {Object id = request.getSession().getAttribute("id");System.out.println(id);}
}

session总结:

  • 服务器不重启,浏览器关闭之后再打开,获取到session对象是否是同一个?

    • 结论,不是同一个session对象,默认情况JSESSIONID保存在浏览器内存中,如果想要浏览器关闭之后保持session,可以创建名为JSESSIONID的cookie,值为session.getId(),将该cookie的maxAge设置为一个时间。

    • 我们一般不去设maxAge

  • 浏览器不关闭,服务器重启,前后两次获取的session是否是同一个?

    • 结论,对象不是同一个,但是该对象的数据是一摸一样的。

    • tomcat的机制:钝化/软化,钝化为服务器关闭时将所有的session对象序列化到一个文件中,当服务器重启时,将该文件中的对象反序列化(软化)

  • session对象何时会被销毁?

    • 服务器关闭

      • 默认tomcat服务器有30分钟session失效的功能,浏览器一定时间之内不和服务器交互,session就会失效

    • 配置tomcat服务器session默认不活跃的失效时间

三,其他内置对象

1.response

开发者使用response对象设置响应消息

通过response对象获取输出流对象,两种:字节输出流、字符输出流
ServletOutputStream getOutputStream()
PrintWriter getWriter()
使用流对象的write()方法输出响应信息

使用Reponse对象输出字符数据

* 中文乱码问题。 根源在 对字符的编码和解码不一致
* 使用response.setContentType("text/html;charset=utf-8"); 指定响应体数据的文档类型即编码格式

重定向的简单写法

response.sendRedirect("url")

package com.hqyj.gwr.response;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/ResponseDemo02")
public class ResponseDemo02 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//设置重定向
//        response.sendRedirect("/login.jsp");response.sendRedirect("https://home.firefoxchina.cn/?from=extra_start");}
}

2.cookie

客户端会话技术 cookie, 共享数据存放在浏览器中  。

会话: 一次会话包含浏览器与服务器之间的多次请求和响应

一次会话,从浏览器第一次发送请求开始,会话建立,直到其中一方主动断开连接为止,会话结束

会话技术解决的问题:解决多次请求和响应之间共享数据

cookie存储的数据格式:名值对

1.cookie问题

①cookie保存时间多长?

       默认情况下,浏览关闭则cookie信息消失(信息存在浏览器的内存中,如果希望持久保存cookie,可以使用Cookie.setMaxAge(int seconds)设置cookie在浏览器中保存的时间

seconds为负数 默认情况 浏览器不持久存储cookie

seconds为整数 单位秒,浏览器持久保存的时长

seconds为0时,服务器告诉浏览器删除该cookie

②cookie能不能保存多个?

可以,多次调用response.addCookie(cookie)

③cookie能不能存储中文?

tomcat8之后是可以的

tomcat8之前不行,可以在发送cookies之前通过url编码,再获取cookie再使用url解码

如果cookie中有空格这种不合法字符,也需要进行url编码,使用时再url解码

URLEncoder.encode("待编码字符串", "utf-8")

URLDecoder.decode("待解码字符串","utf-8")

④其他的项目能访问当前项目中存储的cookie吗?

浏览器给某服务器发送cookie时会根据path属性发送

默认情况不行,path属性值默认为项目的虚拟目录

可以使用Cookie.setPath(String path), 修改为/即所有项目都可以访问

2.session和cookie区别

cookie 共享数据保存在客户端,个数,大小都有限制,类型只能是字符串,不安全。

session 共享数据保存在服务端,个数,大小都没有限制,类型是任意对象,数据相对安全的。

3.filter过滤器

作用,对多个资源的请求作一些通用操作,登录访问,编码转换,敏感字符过滤

  • 生命周期

    • Filter对象在服务器启动时由web服务器创建,这时调用Filter.init()生命周期方法

    • 服务器运行中,该对象一直存在,一个过滤器只会有一个实例对象(单例的)

    • Filter对象在服务器正常关闭时由web服务器销毁,这时回调用Filter.destroy()生命周期方法

  • 2种配置方式

    • @WebFilter("urlPattern") 注解在我们自定义的Filter类上

    • 配置web.xml

<!-- FilterDemo2的配置--><filter> <filter-name>filterDemo2</filter-name><!-- FilterDemo2的全类名--> <filter-class>com.hqyj.zjc.filter.FilterDemo2</filter-class> 
</filter> 
<!-- 配置FilterDemo2要拦截的url样式-->
<filter-mapping> <filter-name>filterDemo2</filter-name> <url-pattern>/hello.jsp</url-pattern> 
</filter-mapping>
  • 过滤器的url pattern的写法

    • /user/* 拦截具有/user/的所有url

    • *.do 拦截后缀名为.do的所有url

    • /* 拦截项目中任何的url

  • 过滤器的代码执行过程

    • 先访问过滤器

    • 再访问被拦截的资源

    • 执行过滤器中放行后的代码

练习:登录功能实现简单的过滤,只有登录成功才能访问success.jsp页面,不能直接访问

package com.hqyj.gwr.filter;import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;//拦截所有
@WebFilter("/*")
public class LoginFilter implements Filter {@Overridepublic void init(FilterConfig filterConfig) throws ServletException {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {//对特定的资源进行放行//对servletRequest进行强转HttpServletRequest request = (HttpServletRequest) servletRequest;HttpServletResponse response = (HttpServletResponse) servletResponse;//拿到当前请求的URIString requestURI = request.getRequestURI();if (requestURI.contains("/login.jsp") || requestURI.contains("/loginServlet")) {//对着两个对象进行放行filterChain.doFilter(servletRequest, servletResponse);} else {//判断是否登陆过Object attribute = request.getSession().getAttribute("isLogin");if (attribute != null) {//如果设置的域对象不为空,就说明登录过filterChain.doFilter(servletRequest, servletResponse);}else {//如果未登录。重定向到login.jspresponse.sendRedirect("login.jsp");}}}@Overridepublic void destroy() {}
}

总结 :

JSP内置对象和属性列举如下:

1.request对象
     客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应。它是HttpServletRequest类的实例。
2.response对象
     response对象包含了响应客户请求的有关信息,但在JSP中很少直接用到它。它是HttpServletResponse类的实例。
3.session对象
     session对象指的是客户端与服务器的一次会话,从客户连到服务器的一个WebApplication开始,直到客户端与服务器断开连接为止。它是HttpSession类的实例.
4.out对象
     out对象是JspWriter类的实例,是向客户端输出内容常用的对象
5.page对象
     page对象就是指向当前JSP页面本身,有点象类中的this指针,它是java.lang.Object类的实例
6.application对象
     application对象实现了用户间数据的共享,可存放全局变量。它开始于服务器的启动,直到服务器的关闭,在此期间,此对象将一直存在;这样在用户的前后连接或不同用户之间的连接中,可以对此对象的同一属性进行操作;在任何地方对此对象属性的操作,都将影响到其他用户对此的访问。服务器的启动和关闭决定了application对象的生命。它是ServletContext类的实例。
7.exception对象
   exception对象是一个例外对象,当一个页面在运行过程中发生了例外,就产生这个对象。如果一个JSP页面要应用此对象,就必须把isErrorPage设为true,否则无法编译。他实际上是java.lang.Throwable的对象
8.pageContext对象
pageContext对象提供了对JSP页面内所有的对象及名字空间的访问,也就是说他可以访问到本页所在的SESSION,也可以取本页面所在的application的某一属性值,他相当于页面中所有功能的集大成者,它的本 类名也叫pageContext。
9.config对象
config对象是在一个Servlet初始化时,JSP引擎向它传递信息用的,此信息包括Servlet初始化时所要用到的参数(通过属性名和属性值构成)以及服务器的有关信息(通过传递一个ServletContext对象)

三,JSP,EL,JSTL 

1.JSP

JSP指令 对JSP页面进行配置,引入一些外部资源

常见指令

errorPage:可以配置一个错误页面,当前页面发生异常时,可以跳转到该错误页面

isErrorPage:配置一个错误页面中,配置为true,可以访问jsp的一个内置对象error错误对象,得到异常信息,便于记录日志

import:在JSP页面导入其他java类

include:指令 引入其他JSP页面

taglib:指令 引入标签库

isELIgnored:指定是否忽略el表达式,是否让其发挥作用,默认为false

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/19Time: 13:35To change this template use File | Settings | File Templates.
--%>
<%--erroPage 定义我们该页面错误时跳转的页面 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" errorPage="error.jsp" isELIgnored="false" %>
<%--引入jsp页面 --%>
<%@include file="head.jsp"%>
<%--导入标签库指令  相当于java import指令 --%>
<%@taglib prefix="cq" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head><title>Title</title>
</head>
<body>
<%--放在service方法体里面 --%>
<%System.out.println("hello jsp");int i =5;pageContext.setAttribute("num",i);//jsp的内置对象有  已经帮我们定义好的隐式对象 不用去声明的可以直接拿来用的有9个
//    pageContext
//    request
//    session
//    applicationpageContext.setAttribute("aaa","123");request.setAttribute("bbb","456");session.setAttribute("ccc","789");application.setAttribute("fff","000");
%>
<%--第二种脚本 放在方法外面,声明变量 --%>
<%!int x = 3;%><%--第三种脚本 输出脚本 --%>
<%=x
%>
${pageScope.num}
${pageScope.aaa}
${requestScope.bbb}
${sessionScope.ccc}
${applicationScope.fff}
</body>
</html>

2.EL表达式

  • 定义: Expression Language 表达式语言 用于简化JSP页面书写

  • 语法: ${ 表达式 }

    • 表达式可以有 变量常量

    • 算术运算符 + - * / (div) % (mod)

    • 比较运算符 > < >= <= == !=

    • 逻辑运算符 &&(and) ||(or) !(not)

    • empty 判空运算符 可以判断对象是否为null,如果是数组或List,还可以用于判断该集合中是否有元素

  • 使用el获取变量的值

    • 只能从el特定的4个内置对象中获取值

      • pageScope page域 pageContext对象中共享的数据

      • requestScope request域 request对象中共享的数据

      • sessionScope session域 session对象中共享的数据

      • applicationScope application域 application对象中共享的数据

    • 用法 ${域名.变量名}

    • 域名可以省,${变量名} el会按照域的由小至大进行查找pageScope->requestScope->sessionScope->applicationScope,找到了为止,找不到就显示空串

  • 使用el获取对象中的属性

    • 用法 {域名.变量名.属性名} 对象的属性名指对象定义中对应的getter方法的方法名去掉get剩下的字符串首字母小写后的字符串

  • 使用el获取数组型(数组、List)中的元素

    • 用法 {域名.变量名[脚标]}

  • 使用el获取Map对象中的key的值

    • 用法

      • {域名.变量名.key} ,key的命名必须符合java语言中变量的命名方式

      • {域名.变量名["key"]}

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/19Time: 14:59To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<%request.setAttribute("name","tom");session.setAttribute("name","jack");
%>
<%--el表达式取值只能从域中取 --%>
${requestScope.name}
<%--从小到大从域中找到name 直到找到为止--%>
${password}
${name}
<%--比较运算符 < > >= <= == --%>
${3>4}<br>
${3<4}<br>
${3>=4}<br>
${3<=4}<br>
<%--+ - * / % --%>
${3+4}<br>
${3-4}<br>
${3*4}<br>
${3/4}<br>
${3%4}<br>
<%--&& || --%></body>
</html>

3.JSTL表达式

JSTL:JavaServer pages Tag Libraty JSP标签库

用处:代替使用JSP脚本,可以用于JSP页面做一些只有java代码能做的逻辑控制

1.使用步骤:

工程中导入jstl.jar包,在WEB-INF下创建一个lib包将其复制到里面

 然后导包

JSP使用jsp指令 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 引入jstl的核心标签库

2.学习三个标签

①if标签

test属性中看值是否为true还是false如果true,显示标签体中内容,false 不显示标签体中的内容

一般if标签得配置el表达式来使用如果想判断else的情况,得再写一个if标签

②choose标签

配合<when>标签来进行条件筛选 使用test属性来指定一个条件,条件成功则显示<when>标签体中的内容, 一般配合el表达式使用 相当于switch语句中的 case:

其他条件使用<otherwise>标签指定 相当于switch语句中的 default:

③forEach标签

用法1 用作循环控制,重复输出标签体中内容

var属性定义循环控制变量 begin属性定义寻遍控制变量的起始值 end属性定义循环控制变量的结束值,step定义每次循环时循环控制变量的增长值。

作用:重复显示标签体中的内容 可以使用el表达式访问循环控制变量 <c:forEach var="i" begin="0" end="10" step="2">

用法2 遍历集合

items属性指定在共享域中的一个集合, var指定遍历该集合时的元素的变量名,在forEach标签体中使用el表达式来访问集合中的元素

<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %><%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/19Time: 15:14To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="cq" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head><title>Title</title>
</head>
<body>
<%-- if标签 test是必要的条件 当我们的test的值为true,就执行标签里面的语句--%>
<%-- 结合el表达式--%>
<cq:if test="${3>4}"><h1>成功</h1>
</cq:if>
<%-- choose 相当于java的switch--%>
<cq:choose><cq:when test="${2>4}">hello</cq:when><cq:when test="${6>4}">word</cq:when><cq:when test="${6>4}">java</cq:when><cq:otherwise>cc</cq:otherwise>
</cq:choose>
<%List<Object> list = new ArrayList<>();list.add("1111");list.add("222");list.add("333");list.add("444");session.setAttribute("list",list);
%>
<%--foreach --%>
<%--<cq:forEach var="i" begin="0" end="10" step="4">这是循环的第${i}
</cq:forEach>--%>
<cq:forEach var="one" items="${list}" >${one}
</cq:forEach>
</body>
</html>

四,json和ajax

1.json

①json全称:javaSrcipt Object Notation js对象表示法做数据传输时使用的一种格式
    json优点:直观明了,冗余小,可以传很多数据 **json!=js对象** 相当于java对象对象与                                  toString方法打印出来的内容之间的关系
        所以说json就是一个字符串,是用来表示或传输js对象
    js对象的设置方法:
        js对象的名:字符串类型,可以加引号,单双引号都可以
② js对象的值的命名方式:
       字符串类型:只能是单双引号,不能不加引号
       数字类型:不用加引号
       关键字的类型:true false null 不用加引号
       js对象:{名1:值1,名2:值2}
       js数组: [元素1,元素2,元素3,...]
              元素的类型
              字符串类型:只能是单双引号,不能不加引号
              数字类型:不用加引号
              关键字的类型:true false null 不用加引号
              js对象:{名1:值1,名2:值2}
              js数组: [元素1,元素2,元素3,...]
        js对象与json字符串最大的区别在于:
          JSON与JS对象的格式一样, 但是JSON的字符串中属性名必须加双引号。
  ③ 转化为 json格式,使用json内置的方法,参数即为我们要传递的参数
 

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/22Time: 9:16To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<script>// var person = {"username":"zhangsan","age":15,"isMarried":false}// var person = {'username':"zhangsan",'age':15,'isMarried':false}// var person = {username:"zhangsan",age:15,isMarried:false}// var person = {"username":'zhangsan',"age":15,'isMarried':false}// var person = {"username":'zhangsan',"age":15,'isMarried':false,money:null}var person = {"username":'zhangsan',"age":15,'isMarried':false,money:null,"address":{"province":"四川省","city":"chengdu"},"school":["qinghua","beida","huaqing"]}/*转化为 json格式,使用json内置的方法,参数即为我们要传递的参数*/var personJson = JSON.stringify(person);alert(personJson)
</script>
</body>
</html>

④ js对象获取值的方法
    第一种方式  js对象.名  常用
    第二种方式  js对象["键名"] 

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/22Time: 10:10To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<script>var person = {"username":'zhangsan',"age":15,'isMarried':false,money:null,"address":{"province":"四川省","city":"chengdu"},"school":["qinghua","beida","huaqing"]}/**/// var age = person.age;// alert(age);// var person1 = person["username"];// alert(person1);// // 特殊情况:获取js对象中的js对象中的值// var city = person.address.city;// alert(city);// // 获取js对象中数组元素的值// var str = person.school[1];// alert(str);//遍历js数组var school = ["qinghua","beida","huaqing"];/*for (var i = 0; i < school.length; i++){alert(school[i]);}*///相当于增强for循环for (var i in school){alert(school[i])}
</script>
</body>
</html>

⑤java对象和json之间的转换

package com.hqyj.gwr.jackson;import com.fasterxml.jackson.databind.ObjectMapper;
import com.hqyj.gwr.entity.User;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileWriter;
import java.io.IOException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;@WebServlet("/JacksonDemo01")
public class JacksonDemo01 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");List<User> list = new ArrayList<>();//创建user对象User user1 = new User();user1.setUsername("杨老师");user1.setPassword("123456");user1.setSex("男");user1.setAge("18");user1.setHobby("washFoot");User user2 = new User();user2.setUsername("张-三");user2.setPassword("123456");user2.setSex("男");user2.setAge("18");user2.setHobby("washFoot");User user3 = new User();user3.setUsername("李四");user3.setPassword("123456");user3.setSex("男");user3.setAge("18");user3.setHobby("washFoot");list.add(user1);list.add(user2);list.add(user3);//将java对象转化为json格式,new一个ObjectMapperObjectMapper objectMapper = new ObjectMapper();//使用writeValueAsString把java对象转换成json格式的字符串String userJson = objectMapper.writeValueAsString(user1);System.out.println(userJson);//了解的方法objectMapper.writeValue(new FileWriter("D:\\HQ\\serverlet\\jackson.text"),user1);//ObjectMapper支持将list转换为json数组String json = objectMapper.writeValueAsString(list);System.out.println(json);//也支持转换mapHashMap<String, Object> map = new HashMap<>();map.put("username","zhnagsna");map.put("age","34");map.put("sex","男");String mapJson = objectMapper.writeValueAsString(map);System.out.println(mapJson);//ObjectMapper也可以将json格式的字符串转换成java类 第一个参数是待转换的json,第二个为想要转换成的java类User user = objectMapper.readValue("{\"username\":\"杨老师\",\"password\":\"123456\",\"age\":\"18\",\"sex\":\"男\",\"hobby\":\"washFoot\"}", User.class);System.out.println(user);}
}

2.ajax

①  ajax请求全称:Asynchronous Javascript And XML(异步JavaScript和XML)

异步和同步:指浏览器和服务器之间的步调一致(同步)或不一致(异步)

同步:浏览器给服务器发出请求之后,必须要等待服务器的响应之后,才能做其他事,在等待的过程中浏览器不能响应用户的操作

异步:浏览器给服务器发出请求之后,无需等待服务器的响应,就可以继续响应用户的操作。 用户体验更高

②AJAX:就是浏览器发送请求并对服务器响应数据做出处理的浏览器侧的一项技术;这项技术只需要和服务器交互一小段数据,来实现页面的局部更新。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。

③Jquery AJAX 三种用法

  $.ajax() 重点掌握这种

  $.get(url,data[,dataType]) //发送get请求方式的请求

  $.post(url,data[,dataType]) //发送post请求方式的请求

练习:写一个注册的系统
1.当鼠标的焦点(onblur)从用户名输入框离开时,发送ajax的请求,
去判断该用户名是否存在,
如果存在的话,显示此用户名太受欢迎了换一个吧,color:red;
如果不存在的话,显示该用户名可用,color:green
2.用户密码要求,用户名要求
3.连接数据库建表查询

登录界面

<%--Created by IntelliJ IDEA.User: LenovoDate: 2022/8/22Time: 13:46To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title><script src="/js/jquery-3.5.0.js"></script>
</head>
<body>
用户名:<input id="username" type="text" onblur="ajaxPost()"><br>
<sapn id="msg"></sapn><br>
密码:<input id="password" type="password"><br>
<button  onclick="tijao()">提交</button><br>
<sapn id="ms"></sapn><br><script>function ajaxPost() {var username = $("#username").val();var pwd = $("#password").val();//jquery Ajax 写法$.ajax({})$.ajax({url:"/AjaxServlet",//将要提交到的路径type:"POST",//选择提交参数的方式 get或者postdata:{"name":username,"password":pwd},//名值对形式。与js对象格式相同dataType:"JSON",//希望服务器返回数据的格式  text json//成功返回到浏览器之后希望ajax做的事success:function (result) {if (result.status == "200"){//$("#msg").css("color","red")$("#msg").html(result.mess)}else {//设置样式$("#msg").css("color","green")$("#msg").html(result.mess)}}})}function tijao() {var username = $("#username").val();var pwd = $("#password").val();//jquery Ajax 写法$.ajax({})$.ajax({url:"/Servlet02",//将要提交到的路径type:"POST",//选择提交参数的方式 get或者postdata:{"name":username,"password":pwd},//名值对形式。与js对象格式相同dataType:"JSON",//希望服务器返回数据的格式  text json//成功返回到浏览器之后希望ajax做的事success:function (result) {if (result.status == "500"){$("#ms").css("color","yellow")$("#ms").html(result.mess)}else{$("#ms","失败")}}})}
</script>
</body>
</html>

 用户名判断界面

package com.hqyj.gwr.jackson;import com.fasterxml.jackson.databind.ObjectMapper;
import com.hqyj.gwr.util.JDBCUtil;
import com.hqyj.gwr.vo.Result;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;@WebServlet("/AjaxServlet")
public class AjaxServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");String name = request.getParameter("name");String password = request.getParameter("password");//连接数据库Connection conn = null;PreparedStatement pre = null;ResultSet set = null;ArrayList<Object> username = new ArrayList<>();try {conn = JDBCUtil.getCon();String sql = "select * from us ";pre = conn.prepareStatement(sql);set= pre.executeQuery();while (set.next()) {username.add(set.getString("name"));if(username.contains(name)){Result result = new Result("500","名字有了",null);ObjectMapper objectMapper = new ObjectMapper();String s = objectMapper.writeValueAsString(result);response.getWriter().write(s);}else {Result result = new Result("200","名字可以用",null);ObjectMapper objectMapper = new ObjectMapper();String s = objectMapper.writeValueAsString(result);response.getWriter().write(s);}}} catch (SQLException throwables) {throwables.printStackTrace();}finally {JDBCUtil.closeAll(set,pre,conn);}}
}

提交注册界面

package com.hqyj.gwr.jackson;import com.fasterxml.jackson.databind.ObjectMapper;
import com.hqyj.gwr.util.JDBCUtil;
import com.hqyj.gwr.vo.Result;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;@WebServlet("/Servlet02")
public class Servlet02 extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doGet(request, response);}@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");response.setContentType("text/plain");response.setContentType("application/json");String name1 = request.getParameter("name");String password1 = request.getParameter("password");Connection conn = null;PreparedStatement pre = null;String sql2 = "insert into us values(null ,?,?)";try {conn = JDBCUtil.getCon();pre = conn.prepareStatement(sql2);pre.setString(1,name1);pre.setString(2,password1);pre.executeUpdate();Result result = new Result("500","成功",null);ObjectMapper objectMapper = new ObjectMapper();String s = objectMapper.writeValueAsString(result);response.getWriter().write(s);} catch (SQLException throwables) {throwables.printStackTrace();}JDBCUtil.closeAll(null,pre,conn);}
}


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

相关文章

Servlet快速入门

目录 1、Servlet简介 2、代码实现 2.1、环境准备 2.2、实现servlet接口 2.3、配置web.xml文件 2.4、url-pattern的三种配置方式 2.5、快速创建Servlet 2.6、修改快速创建模版&#xff08;针对以上模版不一致或者webServlet中请求路径没有/&#xff09; 3、项目部署位置…

12款免费HTML5开发框架和开发工具…

HTML5 在不同的领域让网页设计更强大的。快速&#xff0c;安全&#xff0c;响应式&#xff0c;互动和美丽&#xff0c;这些优点吸引更多的Web开发人员使用HTML5。HTML5有许多新的特性功能&#xff0c;允许开发人员和设计师创建应用程序和网站&#xff0c;带给用户桌面应用程序的…

HTML --- 开发工具篇(Hbuilder X)以及相关标签

目 录 1.常见的开发工具有 2.创建HTML文件 3.!DOCTYPE html标签 4.页面语言标签lang 5.设置字符集编码方式charset和META标记 为了提高我们的开发效率&#xff0c;减少代码的出错&#xff0c;我们并不提倡用记事本开发&#xff0c;我们有更好的开发工具。开发工具功能…

HTML与CSS基础(一)—— HTML基础(web标准、开发工具、标签)

目标 能够理解HTML的 基本语法 和标签的关系 能够使用 排版标签 实现网页中标题、段落等效果 能够使用 相对路径 选择不同目录下的文件 能够使用 媒体标签 在网页中显示图片、播放音频和视频 能够使用 链接标签 实现页面跳转功能 一、基础认知 目标&#xff1a;认识 网页组成 和…

HTML系列之开发工具

一 欢迎来到我的酒馆 介绍web开发中&#xff0c;各种开发工具的安装与使用。 目录 一 欢迎来到我的酒馆二.vscode三.webstorm 二.vscode 前端的开发工具种类繁多&#xff0c;如&#xff1a;WebStorm&#xff0c;Sublime Text&#xff0c;Atom&#xff0c;HBuilder&#xff0c;…

【HTML 教程系列第 1 篇】HTML 是什么?常用的开发工具有哪些?

这是【HTML 教程系列第 1 篇】&#xff0c;如果觉得有用的话&#xff0c;欢迎关注专栏。 文章目录 一&#xff1a;HTML 是什么二&#xff1a;HTML 要学习什么三&#xff1a;HTML 文档的后缀名四&#xff1a;HTML 的开发工具有哪些 一&#xff1a;HTML 是什么 HTML&#xff0c…

WebStorm中文HTML编辑开发工具

WebStorm中文是一款功能强大的网页编程工具&#xff0c;功能非常强大&#xff0c;HTML5/JavaScript Web前端开发工具用户可以利用软件实现在线编程&#xff0c;为你提供最为专业的开发服务&#xff0c;让你的工作学习事半功倍被广大中国JS开发者誉为“Web前端开发神器”、“最强…

用于编写HTML代码的常见工具

1、记事本&#xff08;不推荐&#xff09; 特点&#xff1a;记事本编写页面代码不适合初学者使用&#xff0c;因为无代码提示、无代码高亮显示、用户界面不友好&#xff1b; 使用步骤&#xff1a; 首先任选一个位置新建一个记事本 打开记事本&#xff0c;写上代码并保存 将文件…

HTML标签及网页开发工具的使用(VSCode)

一、HTML语法规范 1.1所有的标签都应该包括在<>里面&#xff0c;如<html>或</html>等&#xff0c;大部分的标签都是成对出现的&#xff0c;<>里没/的为开始标签&#xff0c;<>里有/的为结束标签&#xff0c;因为这些标签是成对出现的&#xff0c…

【HTML】前端网页开发工具Vscode中DOCTYPE和lang以及字符集的作用

&#x1f60a;博主页面&#xff1a;鱿年年的学习之路 &#x1f449;博主推荐专栏&#xff1a;《前端基础学习》&#x1f448; ​&#x1f493;博主格言&#xff1a;追风赶月莫停留&#xff0c;平芜尽处是春山❤️ 目录 前言 Vscode工具生成骨架标签新增代码 一、<!DOCT…

HTML(一):开发工具

1.1、开发工具 目前前端开发工具繁多&#xff0c;例如Dreamweaver、Sublime、Hbuilder、Vscide等等。对于新手开发来说&#xff0c;我比较推荐使用HBuilder。 1.2、使用HBuilder 我们在开发的时候&#xff0c;都需要新建一个HTML页面&#xff0c;我都在页面中编写代码。 HBu…

Html5开发工具介绍

14款主流HTML5开发工具 http://sanwen8.cn/p/273vS6p.html HTML5被看做是web开发者创建流行web应用的利器&#xff0c;增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来&#xff0c;如Adobe的Flash和微软的Silverlight&#xff0c;HTML…

HTML(四)——HTML标签(三)——开发工具插件安装

目录 开发工具 VScode的使用 VScode工具生成骨架标签新增代码 4.3.1 文档类型声明标签 4.3.2 lang语言种类 4.3.3 字符集 总结 VSCode插件安装 安装方法 推荐插件 代码实现 实现结果 开发工具 VScode的使用 双击打开软件新建文件&#xff08;ctrlN&#xff09;保…

HTML简介与开发工具推荐[初学HTML](一)

HTML简介 HTML&#xff08; Hyper Text Markup Language&#xff09;&#xff0c;即超文本标记语言。 1. 基础结构 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible"…

HTML的怎么使用,开发工具以及常用标签。

HTML的怎么使用&#xff0c;开发工具以及常用标签。 欢迎大家去博客冰山一树Sankey&#xff0c;浏览效果更好。直接右上角搜索该文字标题即可 CSDN主页&#xff1a;CSDN主页-冰山一树Sankey 博客园主页&#xff1a;博客园主页-冰山一树Sankey 前端学习&#xff1a;学习地址&…

html - 1.开发工具

HTML简介 HTML(Hyper Text Markup Language)超文本标记语言&#xff0c;是一种标记语言。它包括一系列标签&#xff0e;通过这些标签可以将网络上的文档格式统一&#xff0c;使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本&#xff0c;HTML命令…

HTML的开发工具

主要是Visual Studio Codehttps://download.zol.com.cn/tuiguang/detail/48/470292.shtml?qw &#xff08;这个是下载地址&#xff09; https://www.jb51.net/softjc/733119.html&#xff08;这个是设置为中文&#xff09;

HTML学习(四):开发工具(编辑器)

一、Dreamweaver Adobe Dreamweaver&#xff0c;简称“DW”&#xff0c;中文名称 "梦想编织者"。最初为美国Macromedia公司开发 &#xff0c;2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。 官方地址&#xff1a; Dreammwea…

常用HTML5开发工具有哪些?

常用HTML5开发工具有哪些&#xff1f; 在开发前端页面时&#xff0c;为了快速、高效地完成任务&#xff0c;通常会使用一些具有代码高亮显示、语法提示等便捷功能的HTML5开发工具。常见的HTML5开发工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等&…

linux刷新fstab,linux之fstab的一次记录

上次遇到一个问题 &#xff1a; 一台服务器用的是iSCSI存储 但是在重启的时候 fstab的挂载在网卡启动之前 启动的时候挂载不上 服务器就卡在那边了 启动不了 所以有了这次的深入fstab的学习 位置 : /etc/fstab 实例&#xff1a;fs_spec fs_file fs_type fs_options fs_dump…