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

web开发

news 2026/5/12 7:19:58

使用Idea搭建Web项目

使用Idea开发Web项目基本知识

tomcat配置信息

HTML /CSS

开发主页

Servlet

学习和掌握的内容：

HTML/CSS
Servlet MVC模式和Web开发
数据库基本应用和JDBC应用
软件项目开发流程

环境及工具版本：

Windows10,JDK1.8

Idea2020.1.1, apache-tomcat-9.0.36, Mysql8.

创建第一个Web项目

1.使用Idea搭建Web项目

1）File ->New->Project

点击New后，选择Tomat Server

选择tomcat安装的目录

点击Next后输入项目名称和项目存放地址后Finish

创建成功后，整体结构

查看启动日志信息，发现启动成功

浏览器自动打开一个窗口，说明启动成功

2.使用Idea开发Web项目基本知识

3.tomcat配置信息

项目编译后输入的地址及目录

4.HTML /CSS

创建一个index.html文件

HTML基本学习

介绍：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

结构：

<!DOCTYPE html>       //html5标准网页声明
<html lang="en">      //向搜索引擎表示该文档是html语言,并且语言为英文网站
<head>                  //html 头部
    <meta charset="UTF-8">  //声明编码字符集，否则会出现乱码
    <title>Title</title>  //文档标题
</head>
<body>   //网页主体，可见页面的内容
测试
</body>
</html>

3.HTML标签：

HTML标签也常叫做HTML元素，但是HTML元素是包含一对HTML标签:开始和结束标签,比如：<body></body>

HTML标签包含：

标签名

标签属性及属性值

常用标签：

1)div

div:块级元素，主要用来分层

我们这里给index.html分三层，头部、中部和底部。

显示结果：

使用div创建一个登录框：

2> form

form:表单，主要用于提交数据

method:提交方式,有post,get 两种方式，一般form使用post提交

action:提交的url

3）table

table：表格，用于创建表格

4>input

input:输入框，主要用于输入数据

5.textarea 文本域

6.<select> 选择标签

<tr><td >年级：</td>
    <td>
        <select name="grade">
        <option value="">请选择年级</option>
        <option value="1">大一</option>
        <option value="2">大二</option>
        <option value="3">大三</option>
        <option value="4">大四</option>
    </select>
    </td>
</tr>

7.<a> 超链接标签

8.<img>图片

.main .main_img{
    float: left;
    margin-left: 20%;
    margin-top: 20px;
}

9.<p> 段落标签

10.<span>

可以用来设置字体

11.<h1> - <h6>

12.<hr>

13.无序列表<ul> <li> ，有序列表<ol><li>

5.开发主页

因为静态HTML不包含动态信息，所以我们使用JSP开发页面。

JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。

Servlet

三种方法创建servlet类:

1）实现Servlet接口

2）继承GenericServlet类

3）继承HttpServlet类(常用)

Servlet的生命周期

1.加载和实例化

当容器启动时（需要配置）或者客户端向Servlet容器发出HTTP请求要求访问Servlet时，Servlet容器首先会解析请求，检查内存中是否已经有了该Servlet对象，如果有直接使用该Servlet对象，如果没有就创建Servlet实例对象。

2、初始化

实例化后，容器调用Servlet的init()初始化对象。

注意：整个生命周期中只调用一次。

3、处理请求

在这个阶段，Servlet容器会为每个请求创建代表HTTP请求的ServletRequest对象和代表HTTP响应的ServletResponse对象，然后将它们作为参数传递给Servlet的service()方法。service()方法从ServletRequest对象中获得客户请求信息并处理该请求，通过ServletResponse对象生成响应结果。

注意：在Servlet的整个生命周期内，对于Servlet的每一次访问请求，Servlet容器都会调用一次Servlet的service()方法，并且创建新的ServletRequest和ServletResponse对象。

4、销毁

当服务器关闭或web应用被移除出容器时，Servlet随着web应用的销毁而销毁。在销毁Servlet之前，Servlet容器会调用Servlet的destroy()方法，以便让Servlet对象释放它所占用的资源。在Servlet的整个生命周期中，destroy()方法也只被调用一次。

注意：Servlet对象一旦创建就会驻留在内存中等待客户端的访问，直到服务器关闭，或web应用被移除出容器时Servlet对象才会销毁。

使用注解创建Servlet

1、创建一个普通类

2、继承HttpServlet 类

3、在web.xml里面设置：metadata-complete="false"

4、在类上面添加注解：@WebServlet()
@WebServlet(value = "/user/register" )

public class UserRegisterServlet extends HttpServlet {

.....

}

GET 方法

GET 方法向页面请求发送已编码的用户信息。页面和已编码的信息中间用 ? 字符分隔。如：

http://localhost:8080/myservlet/hello.html?name=zhangsan&pwd=123456&age=18

缺点：参数添加在url后面，不安全。GET 方法有大小限制：由浏览器和Web服务器处理能力的设置会限制长度大小。

优点：执行效率比POST高，用于从服务器上获取数据。

1）String str=request.getParameter(参数名称);

//根据参数名称获得参数值

2）Map<String, String[]> parameterMap = req.getParameterMap();

//获得参数集合

3）String[] parameterValues = req.getParameterValues(参数名称);

//如果参数出现一次以上，则调用该方法，并返回多个值，例如复选框。

4）Enumeration<String> parameterNames = req.getParameterNames();

/获得当前请求中的所有参数的完整列表

2、POST方法

通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送。

优点：安全，一般没有大小限制（服务器的不同有所差异）。

缺点：效率没有GET高，用于提交修改数据。

创建第一个Web项目

1.使用Idea搭建Web项目

2.使用Idea开发Web项目基本知识

3.tomcat配置信息

4.HTML /CSS

HTML基本学习

3.HTML标签：

5.开发主页

Servlet

Servlet的生命周期

2、初始化

3、处理请求

4、销毁

使用注解创建Servlet

2、POST方法

相关文章：