web开发

目录

使用Idea搭建Web项目

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

tomcat配置信息

HTML /CSS

开发主页

Servlet


学习和掌握的内容:

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

环境及工具版本:

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;
}

<div class="main_img">
    <img src="main_img.png"  width="100%" height="100%">
</div>

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 {

.....

}

  1. 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高,用于提交修改数据。

+

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

登登登__

期待每一份真诚

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值