【JavaWeb学习】14综合案例

JavaWeb(B站黑马)学习笔记

03JDBC

04Maven&MyBatis

08HTTP&Tomcat&Servlet

09Request&Response

10JSP&MVC模式和三层架构

11会话跟踪技术(Cookie&Session)

12Filter&Listener&Ajax

13Vue&Element

14综合案例


目录

JavaWeb(B站黑马)学习笔记

前言

环境搭建

功能列表

查询所有

新增品牌

Servlet代码优化

批量删除

分页查询

条件查询

前端代码优化

注:


前言

JavaWeb(B站黑马)学习笔记 14综合案例


【JavaWeb学习】14综合案例_第1张图片

环境搭建

新建项目

【JavaWeb学习】14综合案例_第2张图片

【JavaWeb学习】14综合案例_第3张图片

    
        
        
            org.mybatis
            mybatis
            3.5.5
        

        
        
            mysql
            mysql-connector-java
            8.0.24
        

        
        
            javax.servlet
            javax.servlet-api
            3.1.0
            provided
        

        
        
            com.alibaba
            fastjson
            1.2.62
        

        
        
            org.slf4j
            slf4j-api
            1.7.20
        
        
        
            ch.qos.logback
            logback-classic
            1.2.3
        
        
        
            ch.qos.logback
            logback-core
            1.2.3
        

    

配置mybatis-config.xml文件

【JavaWeb学习】14综合案例_第4张图片

项目目录结构

【JavaWeb学习】14综合案例_第5张图片

导入数据库      sql文件传不上来,手工建吧

【JavaWeb学习】14综合案例_第6张图片

功能列表

查询所有

【JavaWeb学习】14综合案例_第7张图片

Dao层

【JavaWeb学习】14综合案例_第8张图片

Service层

通过接口实现类的方式编写service解除了web层和service层的耦合性,

当有第二个实现类直接更改为BrandServiceImpl2即可,不然service层代码发送变化的话servlet层也要变

就好比接口是商店,实现类是商品,商店不用换,卖的商品可换

【JavaWeb学习】14综合案例_第9张图片

Web层

【JavaWeb学习】14综合案例_第10张图片

brand.html

【JavaWeb学习】14综合案例_第11张图片【JavaWeb学习】14综合案例_第12张图片

新增品牌

【JavaWeb学习】14综合案例_第13张图片

Dao层

【JavaWeb学习】14综合案例_第14张图片

Service层

【JavaWeb学习】14综合案例_第15张图片

Web层

【JavaWeb学习】14综合案例_第16张图片

brand.html

【JavaWeb学习】14综合案例_第17张图片【JavaWeb学习】14综合案例_第18张图片

Servlet代码优化

【JavaWeb学习】14综合案例_第19张图片【JavaWeb学习】14综合案例_第20张图片

HttpServlet中的service负责方法的分发,通过自定义BaseServlet继承HttpServlet重写它的service进行方法分发   根据请求路径最后一段进行方法的分发

【JavaWeb学习】14综合案例_第21张图片

BaseServlet

JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法;对于任意一个对象,都能够调用它的任意一个方法和属性;这种动态获取的信息以及动态调用对象的法的功能称为java语言的反射机制。

在运行的过程中获取这个对象执行的方法

【JavaWeb学习】14综合案例_第22张图片【JavaWeb学习】14综合案例_第23张图片

BrandSeervlet

【JavaWeb学习】14综合案例_第24张图片【JavaWeb学习】14综合案例_第25张图片

批量删除

【JavaWeb学习】14综合案例_第26张图片

Dao层

【JavaWeb学习】14综合案例_第27张图片

Service层

【JavaWeb学习】14综合案例_第28张图片

Web层

【JavaWeb学习】14综合案例_第29张图片

brand.html

【JavaWeb学习】14综合案例_第30张图片

此方法为elementui自动获取

【JavaWeb学习】14综合案例_第31张图片【JavaWeb学习】14综合案例_第32张图片【JavaWeb学习】14综合案例_第33张图片

分页查询

分析

【JavaWeb学习】14综合案例_第34张图片

【JavaWeb学习】14综合案例_第35张图片

自定义model

【JavaWeb学习】14综合案例_第36张图片【JavaWeb学习】14综合案例_第37张图片

Dao层

【JavaWeb学习】14综合案例_第38张图片

Service层

【JavaWeb学习】14综合案例_第39张图片

Web层

【JavaWeb学习】14综合案例_第40张图片

brand.html

【JavaWeb学习】14综合案例_第41张图片【JavaWeb学习】14综合案例_第42张图片【JavaWeb学习】14综合案例_第43张图片【JavaWeb学习】14综合案例_第44张图片【JavaWeb学习】14综合案例_第45张图片【JavaWeb学习】14综合案例_第46张图片

【JavaWeb学习】14综合案例_第47张图片

条件查询

【JavaWeb学习】14综合案例_第48张图片【JavaWeb学习】14综合案例_第49张图片

Dao层

【JavaWeb学习】14综合案例_第50张图片

细节一  条件查询传递参数有三个加了@Param(),写sql语句时使用Brand brand内的字段要加"brand.",如brand.brandName。多条件查询总记录数只传递了一个 直接使用brandName即可。

【JavaWeb学习】14综合案例_第51张图片

Service层

【JavaWeb学习】14综合案例_第52张图片【JavaWeb学习】14综合案例_第53张图片【JavaWeb学习】14综合案例_第54张图片

Web层

细节二 post提交可以既有url参数又有请求体参数

【JavaWeb学习】14综合案例_第55张图片

brand.html

【JavaWeb学习】14综合案例_第56张图片

细节三 查询所有和分页条件查询可以一起用,因为mybatis用了判断标签,所以当页面没有参数传递时查询语句直接是select * from tb_brand limit ?,?;

【JavaWeb学习】14综合案例_第57张图片【JavaWeb学习】14综合案例_第58张图片

前端代码优化

es6新增特性:箭头函数 这样就不用进行搭桥操作了,直接用this即可,这里的this是代表Vue对象的,箭头函数会根据上下文判断this,这样更方便

箭头函数

【JavaWeb学习】14综合案例_第59张图片

搭桥操作

【JavaWeb学习】14综合案例_第60张图片


注:

该内容是根据B站黑马程序员学习时所记,相关资料可在B站查询黑马程序员最新版JavaWeb基础教程,Java web从入门到企业实战完整版_哔哩哔哩_bilibili


你可能感兴趣的:(JavaWeb学习,servlet,java,开发语言)