web开发

news2024/11/27 4:02:56

使用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对象。