第一章: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>
第22节