Javaweb教程（2023-1-9）

最新推荐文章于 2024-08-27 19:40:49 发布

~风淡~

最新推荐文章于 2024-08-27 19:40:49 发布

阅读量123

点赞数

分类专栏： java 文章标签： servlet 服务器前端

本文链接：https://blog.csdn.net/qq_66274152/article/details/128622288

版权

java 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

第一章：Javaweb介绍

HTML：超文本标记语言
<html>
<head>	
<title>	网页标题</title>	
<meta charset="utf-8">
	</head>
<body>	
网页显示内容
</body>

</html>




html页面中由一对标签组成 ：<html>	</html>
	<html>称为开始标签
	</html>称之为结束标签
title表示网页的标题
可以在里面设置编码方式
<br/>表示换行 br标签是一个单标签
单标签：开始标签和结束标签是同一个 斜杠放在多次后面
p表示段落标签

<img>表示图片标签

1.相对路径
2.绝对路径

3.标题标签：<h1></h1>
h1~h6
html是解释性语言被编译形语言

4.有序列表标签：
<ol></ol>
参数type 表示显示的类型：A a...
start 表示从*开始

5.无序列表ul


css  JavaScript HTML

js是客户端运行的脚本语言 语法风格和Java比较相似
js是弱类型的语言  var str=""  根据等号后面的实际值来判断数据类型
js中的函数：function 函数名称(形参列表){

}
DOM技术：鼠标悬浮：onmouseover event  srcElement  事件传递  parentElement style backgroundcolor
鼠标离开:onmouseout
鼠标点击：head/pointer onclick td innerText

在DOm中的增删改查  绑定各种事件

第二章：服务器端编程

1.配置Tomcat服务器

Java/DB/JDBC
HTML/CSS/JS
CS:客户端服务器架构模式
优点：充分利用客户端的资源 减轻服务器的负荷
		一般安全要求下不高的计算存储任务放在客户端执行  不需要把所有的计算和存储都放在服务器端执行 从而减轻服务器的压力 也能减轻网络负荷
		
		缺点：需要安装客户端  ，升级维护成本较高
		
BS： 浏览器服务器架构模式

优点：客户端不需要安装 维护成本较低
缺点：因为所有的计算和存储都是在服务器端的  服务器的负荷较重  在服务器计算后才发送给客户端 一次客户端和服务器端会进行非常频繁的数据通信 从而网络负荷会比较重


1.BS/cs
2.Tomcat
3.Servlet入门


Tomcat介绍：
第一步：解压:解压的时候 不能存在空格特殊字符
第二步：目录结构说明：
  bin可执行文件目录 
  conf配置文件目录
  logs：日志文件目录
  webapps：项目部署目录
  work：工作目录
  temp：临时文件目录
 第三步：配置环境变量：使：Tomact能够跑起来：
 		第四步：启动Tomact 然后访问主页
 		第五步：新建项目 并在Tomact中部署：
 		方法：打开：webapps新建一个项目名称 然后再这个名称下新建一个WEB-INF
 		
 	开始在浏览器中访问：
 	
 	找到bin目录里面的startup 点击开始
 	
 	如果启动不了 就进入电脑资源管理器 打开Tomcat服务
 	
 
 在idea中部署项目：在module里面新建一个项目 
 
 然后 在Project Structure 中找到Facets 点+号配置Web模块 Tomact配置完成


1.获取用户客户端发给我的数据
2.调用dao中的数据中的方法完成添加功能
3.在控制台打印添加成功



由用户输入数据提交给服务器


add--->AddServlet
		1.获取用户(客户端)发送给我的数据
		2.调用DAO中的方法完成添加功能
		3.在控制台打印添加 成功
		
		发送到服务器 之后调用数据库

2.Servlet介绍

index.html代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--





-->

<h1>计算机科学与技术学院</h1>
<!--设置好表单发送的请求类型为post-->
<form action="add" method="post">

   名称： <input type="text" name="fname"><br>
    价格： <input type="text" name="price"><br>
    库存：  <input type="text" name="fcount"><br>
    备注：  <input type="text" name="remark"><br>
    <input type="submit" value="添加">

</form>





</body>
</html>

servlet代码：
package com.atguigu;

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;

public class servlets extends HttpServlet {


    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//        1.参数一 request(req)
        String fname = request.getParameter("fname");
        String price = request.getParameter("price");
        int i = Integer.parseInt(price);
        String fcount = request.getParameter("fcount");
        int i1 = Integer.parseInt(fcount);
        String remark = request.getParameter("remark");

        System.out.println("fname"+fname+"******"+"price"+price+"fcount"+fcount+"remark"+remark);

    }
}

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-name>servlets</servlet-name>
        <servlet-class>com.atguigu.servlets</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>servlets</servlet-name>
        <url-pattern>/add</url-pattern>

    </servlet-mapping>

<!--    1.用户发送请求 action=add

2.项目中 web.xml文件中找到 url-pattern=/add 第14行
3.找到 servlet-name=servlets
4.找到和servlet-mapping中的servlet-name一致的servlet
找到servlet-class 就可以找到
用户发送的是post请求method=post  因此Tomcat会执行servlets中的doPost方法



404 :找不到资源
-->
</web-app>