当前位置: 首页 > news >正文

黄岛网站建设公司首选深圳网站建设咨询公司

黄岛网站建设公司首选,深圳网站建设咨询公司,如何做酒店网站,餐馆效果图网站今日内容 零、复习昨日 一、接收请求 二、处理响应 三、综合案例 零、复习昨日 画图, 请求处理的完整流程(javaweb开发流程) 零、注解改造 WebServlet注解,相当于是在web.xml中配置的servlet映射 Servlet类 package com.qf.servlet;import javax.servlet.ServletException; im…

今日内容

零、复习昨日

一、接收请求

二、处理响应

三、综合案例

零、复习昨日

画图, 请求处理的完整流程(javaweb开发流程)

image-20230818094130792

零、注解改造

@WebServlet注解,相当于是在web.xml中配置的servlet映射

Servlet类

package com.qf.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** --- 天道酬勤 ---** @author QiuShiju* @desc* 注解@WebServlet取代web.xml中的配置* 服务器运行时会处理这个注解* 根据注解后的参数匹配请求路径*/
@WebServlet("/a")
public class MyServlet1 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {System.out.println("接收请求" );}
}

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_3_1.xsd"
version="3.1"><!--    @WebServlet("/a")可以取代以下配置-->
<!--    <servlet>-->
<!--        <servlet-name>aServlet</servlet-name>-->
<!--        <servlet-class>com.qf.servlet.MyServlet1</servlet-class>-->
<!--    </servlet>-->
<!--    <servlet-mapping>-->
<!--        <servlet-name>aServlet</servlet-name>-->
<!--        <url-pattern>/a</url-pattern>-->
<!--    </servlet-mapping>--></web-app>

启动项目,访问/a路径即可

一、接收请求

需求: html页面中写一个表单,发送请求,后台服务器接收所有请求数据

1.1 编写页面

index.jsp或者index.html都行

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body><%--input必须加name属性,因为后台服务器通过name获取输入框的值单选,复选框,选择框,需要设置value属性,后台服务器获得是value的值文件上传比较特殊,后续单独讲,暂时忽略
--%>
<h1>演示:servlet接收请求数据</h1>
<form action="/req" method="get"><table><tr><td>用户名</td><td><input type="text" name="username"></td></tr><tr><td>密码</td><td><input type="password" name="password"></td></tr><tr><td>性别</td><td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女</td></tr><tr><td>爱好</td><td><input type="checkbox" name="hobby" value="1">唱歌<input type="checkbox" name="hobby" value="2">跳舞<input type="checkbox" name="hobby" value="3">rap</td></tr><tr><td>生日</td><td><input type="date" name="birthday"></td></tr><tr><td>学历</td><td><select name="xl"><option value="1">大专</option><option value="2">本科</option><option value="3">研究生</option></select></td></tr><tr><td>提交</td><td><input type="submit" value="提交"></td></tr></table>
</form>
</body>
</html>

image-20230818104807614

1.2 编写Servlet

package com.qf.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;/*** --- 天道酬勤 ---** @author QiuShiju* @desc 演示接收请求数据*/
@WebServlet("/req")
public class MyServlet2 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {/*** 请求中有请求方法,请求路径以及请求数据* ----------------------------------* 通过doGet方法参数1 HttpServletRequest req对象来获得请求数据* ps:当请求到达该类的这个方法时,该参数req就会被赋值,其中就有关于请求的所有东西*/String method = req.getMethod( );String uri = req.getRequestURI( );StringBuffer url = req.getRequestURL( );System.out.println("method = " +  method);System.out.println("uri = " +  uri);// uri资源标识符System.out.println("url = " +  url);// url资源定位符// ===============获得请求数据[重点]===================/*** 获得请求参数的方法是* req.getParameter("key"); key就是前端标签name值* [重点:] 后端获得的数据全都是字符串,如果需要后续使用,* 还需按照性质做相应的转换* 比如: 字符串转数字,字符串转日期*/String username = req.getParameter("username");String password = req.getParameter("password");String sex = req.getParameter("sex");// int i = Integer.parseInt(sex);String birthday = req.getParameter("birthday");// SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");// try {//     Date parse = sdf.parse(birthday);// } catch (ParseException e) {//     e.printStackTrace( );// }String xl = req.getParameter("xl");System.out.println("username = " +  username);System.out.println("password = " +  password);System.out.println("sex = " +  sex);System.out.println("birthday = " +  birthday);System.out.println("xl = " +  xl);// 多选框使用getParameterValues()String[] hobbies = req.getParameterValues("hobby");for (String hobby : hobbies) {System.out.println("hobby = " + hobby );}}
}

总结:

  • req.getParameter(“”) 能获得请求数据
  • req.getParameterValues(“”) 能获得请求数据

1.3 配置web.xml

注解开发,不需要配置

1.4 部署项目

1.5 启动测试

复习回顾

前端
html,css,js/jq

后端服务器:

1开发架构有哪些:

  • b/s,
  • c/s

2服务器是干什么的?

  • 运行web项目项目容器
  • 接收请求,做出响应

3浏览器如何发出的请求

  • 常见的如,a标签,form表单
  • js中使用ajax发请求
  • vue中使用axios发请求

4发请求后如何与后端servlet类关联的?
(或者说绑定的?一一映射的?)

  • 没注解时,通过web.xml文件一一映射关联
  • 有注解,通过注解@WebServlet(“/路径”)中设置路径

5什么时候servlet类会执行doGet方法,什么时候执行doPost方法?

  • 前端发get,后端就执行doGet
  • 前端发post,后端就执行doPost

6写出完整的项目(假设项目命名his)http请求路径,以登录(login)请求为例

  • 协议://ip:端口/资源?k=v&k=v
  • jdbc:mysql://localhost:3306/java2313?useSSL=false&serverTimeZone=utc
  • http://localhost:8080/his/login?username=admin&password=123456

7画图, 请求处理的完整流程(javaweb开发流程)

8具体如何接收请求中的数据?

  • 通过HttpServletRequest对象接收请求中的数据
  • 通过req对象调用getParameter(“key”)

二、做出响应

做出响应是通过HttpServletResponse对象

  • 响应正文
    • 向浏览器展现的内容
package com.qf.servlet;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;/*** --- 天道酬勤 ---** @author QiuShiju* @desc 演示接收请求数据,响应内容*/
@WebServlet("/req")
public class MyServlet2 extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// ....// ==================演示响应=======================/*** 响应是通过HttpServletResponse resp对象来完成* 响应可以设置响应内容(即展示在浏览器上的内容)* -----------------------------------------* ps: 其实响应也可以设置响应状态码,但是一般不需要,服务器会自动设置状态码* 但是需要知道一些常见状态码:* 200 成功, 404 资源未找到, 500 服务器内部错误,* 405 get/post请求方式不对,400 一般是数据解析出错了*/// 响应乱码,在响应前设置编码格式resp.setContentType("text/html;charset=utf-8");// 响应是通过输出流的形式实现PrintWriter out = resp.getWriter( );//out.write("hello this is response - 这是响应");out.write("<html>");out.write("<head><title>响应</title></head>");out.write("<body>");out.write("<h1>这是响应的页面</h1>");out.write("<div style='color:red'>div</div>");out.write("<p style='color:red'>"+username+"</p>");out.write("</body>");out.write("</html>");}
}

三、乱码解决

请求乱码

 req.setCharacterEncoding("utf-8");

响应乱码

resp.setContentType("text/html;charset=utf-8");

四、 综合案例-登录(Servlet + JDBC)

  • 要求:实现登录功能
第一步: 先设计数据库库,表 (ORM,要根据表设置实体类)
登录页面html/jsp表单发送请求,携带数据
后台服务器代码servlet,接收数据jdbc+ormservlet,做出响应

4.0 项目结构[重点]

web开发有三层架构

  • 控制层 -servlet 流程控制,是指整个请求响应的流程
  • 业务层 - service - 是指在请求接收后,对数据按照需求处理
  • 数据访问层 - DataAccessObject - DAO

image-20230818145238992

三层架构

image-20230818150122062

4.1 数据库

CREATE TABLE `tb_user` (`id` int(11) NOT NULL AUTO_INCREMENT,`username` varchar(20) DEFAULT NULL,`password` varchar(20) DEFAULT NULL,`sex` char(1) DEFAULT NULL,`money` double(10,2) DEFAULT NULL,`createTime` date DEFAULT NULL,PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8

实体类 - ORM

需要创建一个包,专门存储实体类,一般命名pojo/entity/model

public class User {// 列名对属性名private int id;private String username;private String password;private String sex;private double money;private Date createTime;// set get 构造 toString
}

4.2 pom依赖

   <!-- 引入servlet依赖 --><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version></dependency><!-- 引入jsp依赖 --><dependency><groupId>javax.servlet.jsp</groupId><artifactId>javax.servlet.jsp-api</artifactId><version>2.3.1</version></dependency> <!-- mysql驱动 --><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>5.1.47</version><!-- DbUtils依赖 --><dependency><groupId>commons-dbutils</groupId><artifactId>commons-dbutils</artifactId><version>1.7</version></dependency></dependency>

4.3 登录页面

index.jsp

<body>
<h2>登录</h2>
<form action="/login" method="post">用户名<input type="text" name="username"><br>密码<input type="password" name="password"><br><input type="submit" value="提交"><br>
</form>
</body>

4.4 控制层Servlet

Servlet只负责接收请求数据,做出响应

如果要处理数据,那就调用业务层

package com.qf.servlet;import com.qf.model.Admin;
import com.qf.service.AdminService;
import com.qf.service.AdminServiceImpl;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;/*** --- 天道酬勤 ---** @author QiuShiju* @desc 命名* 功能+层* LoginServlet* LoginService* LoginDao*/
@WebServlet("/login")
public class LoginServlet extends HttpServlet {@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// 防止乱码req.setCharacterEncoding("utf-8");resp.setContentType("text/html;charset=utf-8");// 1 接收请求数据String username = req.getParameter("username");String password = req.getParameter("password");// servlet调用service(业务层)LoginService service = new LoginService( );User user = service.login(username, password);// 做出响应resp.setContentType("text/html;charset=utf-8");PrintWriter writer = resp.getWriter( );if (user != null) { // 登录成功writer.write("登录成功!");writer.write(user.toString());} else { // 登录失败writer.write("登录失败!用户名或密码错误");}}
}

4.5 业务层service

业务层就处理项目业务逻辑的,业务逻辑包含哪些内容?

  • 除了servlet接收请求做出响应以及jdbc操作数据库的代码,其他全是业务逻辑
    • 加密解密
    • 处理上传下载excel表格
    • 处理项目中数据格式
    • 计算项目中涉及金额
    • 缓存处理
    • 购物车,订单,支付
    • 短信,验证码,定时调度,推送
    • …等等

业务层代码编码

  • 需要创建包结构service

LoginService

public class LoginService {/*** 业务层要定义方法,能接收数据,处理后返回数据* -----* 登录一般返回的是实体类* - 登录成功,返回实体类对象中有数据* - 登录失败,返回实体类对象是null* ----------------------* 业务层需要调用数据层 操作数据库*/public User login(String username, String password){// 处理业务// ...// 处理后,要将数据继续传递给dao层LoginDao loginDao = new LoginDao( );User user = loginDao.login(username, password);return user;}
}

4.6 数据访问层dao

数据访问层 Data Access Object - DAO

项目需要创建dao层代码专门操作数据库

dao层编码

LoginDao

public class LoginDao {public User login(String username,String password) {Connection conn = null;PreparedStatement ps = null;ResultSet rs = null;try{Class.forName("com.mysql.jdbc.Driver");conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/java23132?useSSL=false", "root", "123456");ps = conn.prepareStatement("select * from tb_user where username = ? and password = ?");ps.setString(1,username);ps.setString(2,password);rs = ps.executeQuery( );while (rs.next()) {User user = new User( );user.setId(rs.getInt("id"));user.setUsername(rs.getString("username"));user.setPassword(rs.getString("password"));user.setSex(rs.getString("sex"));user.setMoney(rs.getDouble("money"));user.setCreateTime(rs.getDate("createTime"));return user;}}catch (Exception e){e.printStackTrace();}finally {try {rs.close();ps.close();conn.close();} catch (SQLException e) {e.printStackTrace( );}}return null;}
}

4.7 测试

登录页面

image-20230523162257066

登录成功

image-20231120143529612

登录失败

image-20231120143524446

4.8 总结

重点

  • 熟悉开发的流程
  • 熟记开发架构 (控制层,业务层,数据访问层)
  • 响应拼接页面方式,了解即可
  • 前后端发请求,做响应

经验总结

1 写项目不要照抄,应该按照流程一步一步写
(前端–>servlet–>service–>dao–>service—>servlet–>前端)

2 学会看异常

  • 前端页面报错404,405,500
  • 后端控制台要查看异常(注意几个关键词,Exception,error,caused by ,at …)

3 逻辑bug

  • 前端页面没有报错,后端控制台有没有报错,但是结果不对
  • 这就是bug,该怎么解决?
  • 从头(按照流程)读,检查代码,去输出,高端玩家打断点

4 如果确定前端,后端,数据库都没问题,考虑缓存

  • idea缓存(file-invalidate cache)(删除target文件夹)
  • 浏览器缓存(清空)

5 学会倒推

五、注册功能

(如何写需求?建议当做用户,见到什么写什么,需要什么写什么)

注册 —> 向数据库插入数据

5.1 跳转注册

5.2 注册页面

5.3 发请求,后端Servlet接收

注意接收的中文防止乱码

5.4 UserService

注意: 将之前的LoginService重命名为UserService,因为一个类中可以定义多个方法,不需要创建很多类

5.5 UserDao

注意日期bug,只能是java.sql.Date类型

5.6 UserDao返回给UserService

5.7 UserService在返回给RegistServlet

5.8 Servlet根据结果做响应

六、作业-查询全部

登录成功后查询全部,并展示全部

http://www.yayakq.cn/news/887900/

相关文章:

  • 海口网站制作方案黑龙江 建设监理协会网站
  • 沧州南皮手机网站建设wordpress html5模板
  • 莆田做网站的公司秀山网站建
  • 中国廉洁建设网是什么正规网站吗新手开公司怎么找项目
  • 重庆建设工程招标造价信息网站域名空间商
  • 福建省闽侯县建设局网站h5 服装网站模板
  • 网站开发完整的解决方案广东建筑人才招聘资讯
  • 做网站先用dw还是asp河池环江网站建设
  • 用易语言怎么做自动发卡网站能看全景的地图软件
  • 网站建设 盈科软件开发前端和后端
  • 一家专门做打折的网站东莞商城网站建设公司
  • 理财网站如何做推广方案做网站用什么前端框架
  • 网站开发一般做几个适配ui培训周末班
  • 报名入口网站建设抖音代运营工作内容
  • 网站的推广费用工地建筑劳务公司招工平台
  • 怎麽做网站网站 备案 在哪
  • 石家庄智能网站建设wordpress翻译插件下载
  • 电影网站开发教程网站建设柚子网络科技
  • 塑钢模板价格一平方北京seo公司司
  • 行业网站建设深圳公司门户网站建设背景
  • 建设网站得目的wordpress多个主体功能合并
  • 南阳做网站优化哪个软件发视频可以赚钱
  • 网站被攻击的方法广州做网站信科建设
  • 临潼建设项目环境影响网站用wordpress付费网站
  • 佛山企业如何建网站在中国做国外网站
  • 做网站如何用代码把字体变大wordpress图片二级域名
  • 做安装系统网站有钱赚吗cpa推广联盟平台
  • 浅谈电子商务网站建设东莞市桥头镇网络工程公司
  • 网站如何后台管理橱柜网站源码
  • 安徽城乡建设厅网站证件动漫设计是什么