0
点赞
收藏
分享

微信扫一扫

web自学笔记

崭新的韭菜 2022-01-07 阅读 59

web学习笔记目录


废话

不错的java自学网址:
https://how2j.cn/?p=47726


第一天:花生壳+tomcat建一个公网web服务器(2021.12.23)

1.第一步:安装JDK1.8

安装配置如下:
下载地址:https://how2j.cn/k/helloworld/helloworld-jdk/141.html

效果如下图:效果如上图

2.第二步:安装部署tomcat

过程参考如下:
下载及部署:https://how2j.cn/k/tomcat/tomcat-tutorial/541.html
注意server.xml配置
在这里插入图片描述

效果如下图:
在这里插入图片描述

3.第三步:花生壳映射http

设置如下图:
在这里插入图片描述

效果如下图:
在这里插入图片描述
注意:需要先启动tomcat服务,再启动花生壳映射,如果不先启动tomcat会导致花生壳找不到本机端口报错,不建议本机使用80端口

4.第四步:新建.html文件

1). 在安装tomcat的webapps文件夹下新建一个ROOT文件夹
请添加图片描述

2). 在ROOT文件夹下新建一个TXT文本,名为‘hello’,然后把扩展名由.txt改为.html
3) . 用记事本打开hello.html,添加如下代码,保存退出:
代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head> 

<html>
  <body>
    	<p>Hello HTML 啊哈哈</p>
	<!--align属性用于对齐-->
	<h1 align="center"> 欢迎来到我的Web服务器 </h1>
	<h2>小一点的标题</h2>
	<h3>再小一点的标题</h3>
	<h4>更小一点的标题</h4>
	<h>小一点的标题</h2>
  </body>
</html>

4.第五步:用浏览器访问自建web服务器

在浏览器中输入:花生壳域名/hello.html
在这里插入图片描述

第二天:用EclipseEE + Servlet + tomcat建web服务器(2021.12.24)

1.第一步:安装配置Eclipse EE

下载地址:https://www.eclipse.org/downloads/packages/
环境变量和java se相同
在这里插入图片描述

2.第二步:建立javaEE与tomcat联系

参考教程:https://how2j.cn/k/servlet/servlet-eclipse/558.html#nowhere

3.第三步:用浏览器访问web服务器

效果如下:每刷新一次,时间戳更新一次
在这里插入图片描述

第三天:servlet获取参数与返回响应(2021.12.27)

1.第一步:在web目录下新建login.html文件

在这里插入图片描述
添加如下代码:(访问时显示的页面)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
  
<form action="login" method="post">
账号: <input type="text" name="name"> <br>
密码: <input type="password" name="password"> <br>
<input type="submit" value="登录">
</form>
  
</body>
</html>

2.第二步:右键工程创建名为LoginServlet的java类

在这里插入图片描述
添加如下代码:(代码照抄,很多不明白)

import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
  
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String name = request.getParameter("name");
        String password = request.getParameter("password");
  
        System.out.println("name:" + name);
        System.out.println("password:" + password);
        String html = null;
        
        if ("admin".equals(name) && "123".equals(password))
            html = "<div style='color:green'>success</div>";
        else
            html = "<div style='color:red'>fail</div>";
  
        PrintWriter pw = response.getWriter();
        pw.println(html);
    }
}

3.第三步:映射LoginServlet到路径login

在web.xml中新增映射

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
 
    <servlet>
        <servlet-name>HelloServlet</servlet-name>
        <servlet-class>HelloServlet</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>HelloServlet</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
     
    <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>LoginServlet</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>   
 
</web-app>

4.第四步:重启tomcat服务后浏览器访问

输入账号和密码
在这里插入图片描述
登录后的响应页面(成功和失败响应,也可以分为两个html文件)
在这里插入图片描述

tomcat控制台获取到账号和密码
在这里插入图片描述

第四天:动态web(2021.12.29)

1.第一步:在Eclipse EE中新建一个Dynamic Web工程

File->New->Other->Web->Dynamic Web Project
工程名为:j2ee
在这里插入图片描述
javaSE-1.6改为1.8:该文件右键修改即可
在这里插入图片描述

2.第二步:在j2ee工程中创建名为HelloServlet的类

在这里插入图片描述
copy以下代码:

import java.io.IOException;
import java.util.Date;
  
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
  
public class HelloServlet extends HttpServlet{
  
    public void doGet(HttpServletRequest request, HttpServletResponse response){
          
        try {
            response.getWriter().println("<h1>Hello Servlet!</h1>");
            response.getWriter().println(new Date().toLocaleString());
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
      
}

3.第三步:解决找不到servlet-api.jar报错问题

把tomcat中lib目录下servlet-api.jar文件copy到D:\project\j2ee\src\main\webapp\WEB-INF\lib目录下
在这里插入图片描述
在这里插入图片描述
然后刷新项目,该报错消除,但还有一个java版本不匹配错误
在这里插入图片描述

4.第四步:解决java版本不匹配报错问题

改完下面三个地方错误消除
在这里插入图片描述
在这里插入图片描述

5.第五步:新建web.xml

在WEB-INF目录中创建 web.xml
在这里插入图片描述
在Source中添加如下代码:

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
 
    <servlet>
        <servlet-name>HelloServlet</servlet-name>
        <servlet-class>HelloServlet</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>HelloServlet</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
 
</web-app>

6.第六步:通过Eclipse启动Tomcat-Run On Server

首先右键项目 -> Run As -> Run on Server
在这里插入图片描述
在这里插入图片描述
注意:tomcat配置文件server.xml中不需要指定web路径
在这里插入图片描述

7.第七步:在浏览器中输入地址验证效果

日期那里有乱码,没解决。。。
在这里插入图片描述
在HelloServlet.java中加入:response.setContentType(“text/html; charset=UTF-8”);这句即可
在这里插入图片描述

在这里插入图片描述

第五天:CRUD数据库查询(2022.01.04)

JDK 1.5开始对for语句进行了改进,为更好遍历数组和集合,改进后的for语句格式如下:

for(数据类型 循环变量 : 数组名或表达式){

}
如:

char b[]={‘a’,‘b’,‘c’};
for(char ch : b){
System.out.println(ch); //输出数组b中的所有元素
}

第六天:CRUD数据库增加(2022.01.07)

第七天:CRUD数据库删除()

第八天:CRUD数据库修改()

举报

相关推荐

web自学日记(一)

Java web自学11

python自学笔记

Python自学笔记

C语言自学笔记

0 条评论