案例3：书城

已于 2022-09-03 16:20:50 修改
阅读量274 收藏 2
点赞数
分类专栏： JavaWeb 文章标签： java 数据库 算法
于 2022-07-30 10:23:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lffwll/article/details/126068722
版权

一.业务分析

1.用户登录，显示欢迎界面

  1. 根据uname和pwd获取用户信息
  2. 获取用户的购物车信息
  3. 欢迎界面显示用户的名字，购物车项数量
  4. 显示库存的图书信息

2.购物车操作

  1. 将书籍添加到购物车
    • 创建购物车详情项
    • 添加或者更新购物车信息
  2. 跳转到购物车
    • 重新加载用户的购物车信息
  3. 在购物车中添加或者减少书籍
    • 添加或者更新购物车信息

3.结账

  1. 订单表添加一条记录
    • 创建订单项，设置其属性
    • 添加订单项
  2. 订单详情添加记录
    • 遍历购物车项，添加到订单详情中
  3. 清空购物车记录
    • 遍历购物车项，删除购物车记录
  4. 更新库存信息（未做）

4.查看订单

  1. 获取用户信息
  2. 获取用户对应的订单详情信息

二.数据库设计

2.1t_book:

含义序号书名作者价格销量库存封面状态
名称idbookNameauthorpricesalCountbookCountbookImgbookStatus
类型intvarcharvarcharfloatvarcharintvarchartinyint
约束主键唯一，非空非空默认0

2.2t_user:

含义序号用户名密码邮箱角色
名称idunamepwdemailrole
类型intvarcharvarcharvarchartinyint
约束主键唯一，非空非空

2.3t_cart_item

含义序号书籍数量所属用户
名称idbookBeanbuyCountuserBean
类型intintintint
约束主键外键，非空外键

2.4t_order

含义序号订单编号日期金额数量订单状态所属用户
名称idorderNoorderDateorderMoneyorderCountorderStatususerBean
类型intvarchardatetimedoubleintinttinyint
约束主键唯一，非空非空外键

2.5t_order_detail

含义序号商品数量所属订单
名称idbookBeanbuyCountorderBean
类型intintintint
约束主键外键，非空外键，非空

三.项目细节

1.thymeleaf注意

  1. 头部: <html lang="en" xmlns:th="http://www.thymeleaf.org">

  2. 绝对引用：@{}表示省略到了web/。可以在配置文件中设置前缀和后缀。

  3. 注意"|"的使用：包裹在${}最远的一层，但是要在其他的{}内。

    <img th:src="@{|/static/uploads/${book.bookImg}|}" alt="图片加载失败"}>
<p th:text="|书名：${book.bookName}|">书名:活着</p>

2.跳转页面注意

  1. 页面所有需要的信息重新加载。
  2. 重定向只是刷新页面，其本质是调用了index方法重新加载页面。若需要跳转到非index页面，则不能使用重定向。

3.html点击跳转事件使用

  1. 调用java方法，如登录。需要提交表单

    • 从请求中获取POST请求的参数：request.getParameter(参数名)。这一步由发报机自动完成。

  2. 调用jsp方法，如加购物车。没有提交表单，但是仍然需要提交传参数，且参数为动态参数。

    • 设置点击事件

      th:οnclick="|editCart(${cartItem.id}, ${cartItem.buyCount - 1})|"

    • 使用.js函数调用java

      function editCart(cartItemId, buyCount){
    window.location.href="cart.do?operate=editCart&cartItemId=" + cartItemId + "&buyCount=" + buyCount;
}

    • 在java中实现功能

4.字符集转换

  1. HTML --> JAVA --> MySQL：重点关注HTML和JAVA之间的字符集设置

    • 设置注解：将字符集设置在参数中

      @WebFilter(urlPatterns = {"*.do"}, initParams = {@WebInitParam(name = "encoding", value = "utf-8")})

    • 重写init方法：设置默认字符集

      @Override
public void init(FilterConfig filterConfig) throws ServletException {
    String encodingStr = filterConfig.getInitParameter("encoding");
    if(StringUtil.isNotEmpty(encodingStr)){
        encoding = encodingStr;
    }
}

    • 重写doFIlter方法，修改字符集

      @Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
    //修改默认字符编码
    ((HttpServletRequest)servletRequest).setCharacterEncoding(encoding);
    //放行
    filterChain.doFilter(servletRequest, servletResponse);

}

  2. MySQL --> JAVA --> HTML：同上，但无需设置。

  3. 注意：get请求和post请求的字符集设置方式不同

    • 这里之后补充

5.时间转换问题

  1. DAO类型java.util.Date --> 数据库类型datetime。可以直接转换
  2. 数据库类型datetime --> 返回类型 LocalDataTime --> DAO类型java.util.Date。报错！！！
    • 解决：把orderDate的类型改成java.time.LocalDataTime

6.使用过滤器限制用户访问的网页

  1. 使用过滤器，但是要注意访问过滤器要放在字符转换过滤器和事务过滤器之后

  2. 过滤器先后顺序规则：

    • 使用注解：按照定义的过滤器名字filterName顺序过滤，从a-z。
    • 使用配置文件：按照web.xml的顺序执行过滤。

  3. 用户限制过滤器

    • 注解：配置过滤内容和过滤白名单

      @WebFilter(urlPatterns = {"*.do", "*.html"},
        initParams = {
            @WebInitParam(name = "bai", value = "/pro25/page.do?operate=page&page=user/login,/pro25/user.do?null")
        })

    • 重写init方法：获取注解中的白名单列表

      @Override
public void init(FilterConfig config) throws ServletException {
    String bai = config.getInitParameter("bai");
    String[] baiArr = bai.split(",");
    baiList = Arrays.asList(baiArr);
}

    • 重写doFilter方法

      @Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
    //将请求和响应强制类型转换
    HttpServletRequest request = (HttpServletRequest)servletRequest;
    HttpServletResponse response = (HttpServletResponse)servletResponse;

    //http://localhost:8080/pro25/page.do?operate=page&page=user/login
    //System.out.println("request.getRequestURI() = " + request.getRequestURI());
    //System.out.println("request.getQueryString() = " + request.getQueryString());

    //拼接请求字符串
    String requestURI = request.getRequestURI();
    String queryString = request.getQueryString();
    String str = requestURI + "?" + queryString;

    if(baiList.contains(str)){//如果请求白名单内容，放行
        filterChain.doFilter(request, response);
    }else {
        HttpSession session = request.getSession();
        Object curUserObj = session.getAttribute("curUser");
        if (curUserObj == null) {//如果用户没有登录，跳转到登录界面
            response.sendRedirect("page.do?operate=page&page=user/login");
        } else {//若用户已经登录，放行
            filterChain.doFilter(request, response);
        }
    }
}

7. 通过反射获取方法的参数列表名称

正常情况Java编译时，默认反射参数列表的名称为arg0，arg1...。想要返回参数列表的字符串名称：参考CSDN

建议修改pom文件：

<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-compiler-plugin</artifactId>
            <configuration>
                <source>1.8</source>
                <target>1.8</target>
                <compilerArgs>
                    <arg>-parameters</arg>
                </compilerArgs>
            </configuration>
        </plugin>
    </plugins>
</build>

四.一些其他技术

1.Cookie

  1. 设置Cookie

    //1.创建cookie对象
Cookie cookie = new Cookie("uname", "Lifeifan");
//2.将cookie保存到客户端
resp.addCookie(cookie);
//3.跳转页面
req.getRequestDispatcher("hello01.html").forward(req,resp);

  2. 设置Cookie的有效时长：一般采用默认

    cookie.setMaxAge(60)		//设置cookie的有效时长60s
cookie.setDomin(pattern);	//设置
cookie.setPath(uri);		//设置传递cookie的路径，默认为全部

  3. Cookie的应用

    • 记住用户名和密码10天
    • 10天免登录

2.Kaptcha:验证码

  1. 添加jar包

  2. 在web.xml文件中注册KaptchaServlet，并设置图片的相关属性

    • 注册：验证码图片的src="kaptch.jpg"，对应到KaptchaServlet的url-pattern中。

      <servlet>
    <servlet-name>KaptchaServlet</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>

<servlet-mapping>
    <servlet-name>KaptchaServlet</servlet-name>
    <url-pattern>/kaptch.jpg</url-pattern>
</servlet-mapping>

      <img src="kaptch.jpg" alt="图片加载失败">

    • 验证码属性：com.google.code.kaptcha.Constants。例如：

      <init-param>
    <param-name>kaptcha.border.color</param-name>
    <param-value>red</param-value>
</init-param>

  3. 校验。Kaptcha在生成验证码图片时，会将验证码信息保存到session中。

  4. 异常：

    • 没有加载图片：1.检查注册是否正确。2.重启Toncat。

3.正则表达式

  1. 定义：在JavaScript中定义

    • 对象形式：var reg = new RegExp("abc","g");
    • 直接量形式：var reg = /abc/g

  2. 匹配模式

    • g 全局匹配
    • i 忽略大小写
    • m 多行匹配

  3. 注册时校验用户信息

    • <form th:action="@{/user.do}" method="post" onsubmit="return preRegist()">中的onsubmit

      • "return true"点击时提交表单
      • "return false"点击时不提交表单

    • 使用JavaScript验证表单信息

      • 获取表单参数

        //方式一，DOM: Document
var unameText = document.getElementById("unameText");
//方式二，BOM: Browser
var unameText = document.forms[0].uname;

      • 校验表单

        //验证邮箱
var email = $("emailText").value;
var emailSpan = $("emailSpan");
var emailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!emailReg.test(email)){
    emailSpan.style.visibility="visible";
    return false
}else{
    emailSpan.style.visibility="hidden";
}

4.异步请求Ajax

目的：可以开辟一个新的线程，用来发送异步请求，然后当服务器给我们响应的时候进行回调操作

优势：提高用户体验，避免请求白页面；使得网页局部刷新：降低服务器负担，浏览器压力，网络带宽压力

案例：当用户名失去焦点时，验证当前用户名是否已经被注册。

  1. 在HTML页面端，设置失去焦点事件

    <input id="unameText" type="text" name="uname" placeholder="请输入用户名" value="lff" onblur="ckUname(this.value)"/>

  2. 在js文件中定义ckUname(uname)方法

    //1.如果想要发送异步请求，需要一个对象"XMLHttpRequest"
var xmlHttpRequest ;

//2.因为不同的浏览器的创建规则不同，所以使用一个方法来创建
function createXMLHttpRequest(){
    if(window.XMLHttpRequest){
        //符合DOM2标准的浏览器，XMLHttpRequest的创建方式
        xmlHttpRequest = new XMLHttpRequest();
    }else if(window.ActiveXObject){//IE浏览器
        try{
            xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        }catch (e){
            xmlHttpRequest = new ActiveXObject("Msxm12.XMLHTTP");
        }

    }
}

//3.在ckUname方法中创建xmlHttpRequest对象，并发送请求
function ckUname(uname){
    createXMLHttpRequest();
    var url = "user.do?operate=ckUname&uname=" + uname;
    //3.1调用open方法
    xmlHttpRequest.open("GET",url,true);
    //3.2设置回调函数
    xmlHttpRequest.onreadystatechange = ckUnameCB;
    //3.3发送请求
    xmlHttpRequest.send();
}

//4.回调函数
function ckUnameCB(){
    //判断xmlHttpRequest的状态
    //xmlHttpRequest.readyState的响应码：
    //0 - （未初始化）还没有调用send()方法
    //1 - （载入）已调用send()方法，正在发送请求
    //2 - （载入完成）send()方法已执行，已经接收到全部响应内容
    //3 - （交互）正在解析响应内容
    //4 - （完成）响应内容解析完成，客户端可以调用
    if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
        //xmlHttpRequest.responseText表示服务器端响应的文本
        alert(xmlHttpRequest.responseText);
    }
}

  3. 修改中央控制器：

    //3.3请求调用的函数
public String ckUname(String uname){
    User user = userService.getUser(uname);
    if(user != null){
        //用户名被占用
        return "json:{'uname':'1'}";
    }else{
        //可以注册
        return "json:{'uname':'0'}";
    }
}

    //中央控制器处理返回字符串
if(methodReturnStr.startsWith("json:")){
    String jsonStr = methodReturnStr.substring("json:".length());
    PrintWriter writer = resp.getWriter();
    writer.print(jsonStr);
    writer.flush();
}

5.VUE

  1. 背景知识：

    • 创建js对象

      //方式一
var persion = new Object();
persion.pid = "p001";
persion.pname = "jim";
persion.sayHello = function(){
    alert("Hello, " + persion.pid);	
}
//方式二
var persion = {
    "pid":"p001",
    "pname":"李非凡",
    "sayHello":function (){
        alert("Hello, " + persion.pname);
    }
}

  2. 简单使用

    • 绑定文本信息，属性，和双向绑定

      <!--在JavaScript中创建Vue对象，并通过标签id进行绑定-->
<script language="JavaScript">
    window.onload=function(){
        var vue = new Vue({
            "el":"#div0",
            data:{
                msg:"hello world!",
                uname:"里非凡"
            }
        });
    }
</script>
<!--在html中进行绑定-->
<div id="div0">
    <!--在对应的标签中使用msg文本-->
    <span>{{msg}}</span>
    <!--属性：在对应的标签中, 通过"v-bind:"使用属性。注意"v-bind"可以省略，保留":"-->
    <input type="button" v-bind:value="uname" onclick="hello()">
    <!--双向绑定："v-model:value"中的":value"可以省略-->
    <input type="text"  v-model:value="msg" >
</div>

    • 条件标签v-if和v-else。补充v-show：通过display控制标签的显示。

      <div v-if="num%2==0" style="width: 200px; height: 200px; background-color: orange;"></div>
<div v-else="num%2==0" style="width: 200px; height: 200px; background-color: aqua;"></div>

    • 迭代标签v-for

      <tr v-for="fruit in fruitList" align="center">
    <td>{{fruit.fname}}</td>
    <td>{{fruit.price}}</td>
    <td>{{fruit.fcount}}</td>
    <td>{{fruit.remark}}</td>
</tr>

    • 绑定点击事件v-on:click，可以简写为@click

      methods:{
    reverseStr:function(){
        this.msg = this.msg.split("").reverse().join("");
    }
}

<div id="div0">
    <span>{{msg}}</span><br/>
    <input type="button" value="反转" v-on:click="reverseStr">
</div>

    • 监听属性值改动

      watch:{
    num1:function(newValue){
        this.num3 = newValue + this.num2;
    },
    num2:function(newValue){
        this.num3 = newValue + this.num1;
    }
}

<input type="text" v-model="num1">
<input type="text" v-model="num2">
<span>{{num3}}</span><br/>

    • 生命周期

      <script language="JavaScript">
    window.onload=function(){
    var vue = new Vue({
        "el":"#div0",
        data:{
            msg:"这里是msg。。。"
        },
        methods:{
            changeMsg:function(){
                if(this.msg == "这里是msg。。。"){
                    this.msg = "msg被改变";
                }else{
                    this.msg = "这里是msg。。。";
                }
            }
        },
        //生命周期
        beforeCreate:function(){
            console.log("beforeCreate:vue对象创建之前--------");
            console.log("msg:" + this.msg);
        },
        created:function(){
            console.log("created:vue对象创建之后--------");
            console.log("msg:" + this.msg);
        },
        beforeMount:function(){
            console.log("beforeMount:数据装载之前--------");
            console.log("msg:" + document.getElementById("span").innerText);
        },
        mounted:function(){
            console.log("mounted:数据装载之后--------");
            console.log("msg:" + document.getElementById("span").innerText);
        },
        beforeUpdate:function(){
            console.log("beforeUpdate:数据更新之前--------");
            console.log("msg:" + document.getElementById("span").innerText);
        },
        updated:function(){
            console.log("updated:数据更新之后--------");
            console.log("msg:" + document.getElementById("span").innerText);
        },
    });
}
</script>

      <div id="div0">
    <span id="span">{{msg}}</span><br/>
    <input type="button" value="改变msg的值" @click="changeMsg">
</div>

  3. 错误原因

    • 创建对象时检查Vue的V是否大写

6.Axios:是Ajax的一个框架

  1. 导入axios的js文件：<script language="JavaScript" src="script/axios.min.js"></script>

  2. 调用方法

    <input type="button" value="点击发送异步请求" @click="lff">

  3. 在vue的方法中配置axios，向服务器发送普通数据格式

    lff:function(){
    axios({
        method:"POST",
        url:"axiso02.do",
        params:{
            uname:vue.uname,
            pwd:vue.pwd
        }
    })
        .then(function (value) {
        console.log(value);
    })
        .catch(function (reason) {
        console.log(reason);
    })
}

7.JSON数据格式，特点：简洁，节约网络带宽

7.1客户端向服务器发送JSON数据格式

+++客户端发送JSON数据格式

  1. 将params改成data

  2. 发送格式

    axios02:function(){
    axios({
        method:"POST",
        url:"axios02.do",
        data:{
            uname:vue.uname,
            pwd:vue.pwd
        }
    })
        .then(function (value) {
        console.log(value);
    })
        .catch(function (reason) {
        console.log(reason);
    });
}

  3. 问题：无法发送JSON格式的数据，可以发送普通格式

    • 原因：axios的键值method写成了mathod

+++服务器接受JSON格式

  1. 使用流JSON为字符串

    //1.创建接收流
BufferedReader reader = req.getReader();
//2.创建缓冲字符串
String str = null;
//3.创建拼接字符串
StringBuffer stringBuffer = new StringBuffer("");
//4.接收并拼接字符串
while((str = reader.readLine()) != null){
    stringBuffer.append(str);
}
//5.关闭流资源
reader.close();
//6.还原JSON
str = stringBuffer.toString();
System.out.println("str = " + str);

  2. 将JSON字符串转化为类

    //1.获取GSON类
Gson gson = new Gson();
//2.使用GSON类将字符串转化为对应类
User user = gson.fromJson(str, User.class);

7.2服务器向客户端发送JSON数据格式

+++服务器发送JSON格式

  1. 将类转换为JSON格式

    //1.将类转换为`JSON`格式
String userJsonStr = gson.toJson(user);
//2.设置响应的编码格式
resp.setCharacterEncoding("UTF-8");
//3.设置MIME-TYPE
resp.setContentType("application/json;charset=UTF-8");
//4.执行响应
resp.getWriter().write(userJsonStr);

    注意：第三步可以参考链接

+++客户端接收JSON数据并转化为js类

  1. 接收并手动转化为js类

    var data = value.data;
console.log(data);
vue.uname=data.uname;
vue.pwd=data.pwd;

  2. 若需要json对象，将字符串转化为JSON对象JSON.parse()

    var str = "{\"uname\":\"lfff\",\"age\":20}";
//使用JSON.parse()转换
var user = JSON.parse(str);
alert(user.uname + "_" + user.age);

    格式化：看得懂–>看不懂(统一格式)

    解析：看不懂–>看得懂(直观)

    补充：将js对象转化为字符串JSON.stringify()

    var user = {"uname":"王林林","age":18};//js对象
var str = JSON.stringify(user);

  3. 报错：

    • 无法转换成json对象，原因：“：”写成了“=”

8.实战应用：使用vue+axios替换thymeleaf

  1. 导入vue和axios的js文件，并添加引用

  2. 将原网页的动态文本替换为vue文本，属性替换为vue属性

  3. 源文件的局部动态数据加载和更新，使用vue对象的方法调用axios异步请求

    window.onload=function(){
    var vue = new Vue({
        el:"#cart_div",
        data:{
            cart:{},
        },
        methods:{
            getCart:function(){
                axios({
                    method:"POST",
                    url:"cart.do",
                    params:{
                        operate:"cartInfo"
                    }
                })
                    .then(function (value){
                    	//接收返回的数据，并更新vue的属性
                        console.log(value.data);
                        var cart = value.data;
                        vue.cart = cart;
                    })
                    .catch(function (reason){
                        console.log(reason.data);
                    })
            },
            editCart:function(cartItemId, buyCount){
                axios({
                    method:"POST",
                    url:"cart.do",
                    params:{
                        operate:"editCart",
                        cartItemId:cartItemId,
                        buyCount:buyCount
                    }
                })
                    .then(function (value){
                        vue.getCart();
                    })
                    .catch(function (reason){
                        console.log(reason.data);
                    })
            }
        },
        mounted:function(){
            this.getCart();
        }
    });
};

    })
    },
    editCart:function(cartItemId, buyCount){
    axios({
    method:“POST”,
    url:“cart.do”,
    params:{
    operate:“editCart”,
    cartItemId:cartItemId,
    buyCount:buyCount
    }
    })
    .then(function (value){
    vue.getCart();
    })
    .catch(function (reason){
    console.log(reason.data);
    })
    }
    },
    mounted:function(){
    this.getCart();
    }
    });
    };
材料学生永不为奴
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP技术(2)和阶段案例：传智书城
m0_55689562的博客
11-19 1438
学习目标 1.JSP 动作元素 2.阶段案例：传智书城JSP页面 学习内容 1.JSP 动作元素 SP动作元案用来控制JSP的行为，执行一些常用的JSP页面动作。通过动作元素可以吸 91现使用多行Java代码能够实现的效果，如包含页面文件、实现请求转发等。 1.1 jsp:include 动作元素：动态包含 动态包含：把其它资源页面的内容，合并到当前要包含的页面，最后一块输出。 基本语法格式： <jsp:include page="被包含页面的url" flush="true或者false">&
JavaWeb之网上书城案例
08-11
【JavaWeb之网上书城案例】是一个典型的JavaWeb应用程序开发实例，主要涵盖了Web开发中的多个核心技术，如Servlet、JSP、MVC模式、数据库交互以及前端页面设计等。在这个项目中，开发者通常会构建一个完整的在线图书...
使用Kaptcha出现图片加载失败的问题
Anakki的博客
09-11 4627
今天在使用jar包kaptcha.jar 做一个验证码登录的过程中出现了图片加载失败的问题 首先使用过程： 1.网上下载下的kaptcha-2.3.jar版本的jar包 2.直接拖入项目的WEB-INF/lib目录下  3.配置web.xml &lt;servlet&gt; &lt;servlet-name&gt;Kaptcha&lt;/servlet-name&gt; ...
Thymeleaf为动态拼接的元素src链接写法
热门推荐
u014337925的博客
05-06 1万+
Thymeleaf为动态拼接的元素src链接写法 近期使用thymeleaf引擎，发现实际情况的许多坑，记录避免以后遇到类似麻烦 首先说下 URL： 正常情况下为页面添加背景使用 th:url="@{…}"即可，但是将这些CSS样式提出来放到 .css 中时 只需url(…)，期中引用的路径相同； 例如： .header_bg{height:945px; background:#151515 ur...
img th:src传输图片
weixin_44575964的博客
07-16 2823
<img th:src="@{/upload/{id}(id=${goods.getGPicture()})}" width="100px" />
传智书城项目jsp servlet c3p0 完整版.rar
06-24
3、db_itcaststore.sql脚本导入到你的mysql数据库 4、启动项目 5、访问连接：http://127.0.0.1:8080/itcaststore/index.jsp http://127.0.0.1:8080/itcaststore/login/ 6、登录账号：admin 密码：123456 账号...
bookcity:网上书城项目
05-18
3. **Hibernate**：Hibernate是Java领域的一个持久化框架，它简化了数据库操作，提供了对象-关系映射（Object-Relational Mapping, ORM）功能。在bookcity项目中，Hibernate负责与数据库交互，将Java对象与数据库表...
C#.NET网上书城案例
09-27
【C#.NET网上书城案例】是一个非常适合初学者探索和实践的项目，它涵盖了Web开发中的许多基础概念和核心技术。这个案例提供了完整的源码，可以让学习者深入理解C#.NET编程语言以及.NET Framework如何用于构建实际的...
JQuery特效项目案例：当当网上书店.rar
07-31
本项目案例旨在展示如何运用JQuery实现一系列丰富的特效，为用户提供更加流畅、便捷的浏览和购物体验。 首先，首页展示是吸引用户的关键。JQuery可以通过Ajax技术动态加载图书信息，无需页面刷新即可更新内容，提升...
12. Hibernate 模板设计模式
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
07-22 1152
如何运用模板设计模式重构 Hibernate 操作流程；持久化对象与序列化接口；OOP中有一个编码原则 ：写仅写一次。翻译过来就是，不要重复，要重用。答案是：使用模板设计模式进一步封装Hibernate的操作。在真实项目中，Hibernate仅仅只是完成项目中的一部分工作，需要和其它，如Spring等框架联合工作，一起承担整体项目的开发。Spring框架中就提供的有Hibernate模板对象。一个常规的、频繁的操作代码中，大部分代码不需要变动，只有小部分代码需要根据需求变动。
redis+spring面试题
github_36510643的博客
07-21 415
redis+spring面试题
Java-Lambda
lizhiwei21的博客
07-21 453
lambda表达式可以理解为对匿名内部类的一种简化 , 但是本质是有区别的面向对象思想 :强调的是用对象去完成某些功能函数式编程思想 :强调的是结果 , 而不是怎么去做。
Java内存模型
weixin_44267758的博客
07-19 796
此处的变量不是指java编程中的变量，它包括了实例字段，静态字段和构成数值对象的元素，但不包括局部变量和方法参数。JMM规定所有变量都存储在主内存中。每条线程有自己的工作内存，工作内存中保留了该线程使用到变量的主内存的副本。线程对变量的所有操作都必须在工作内存中进行，不能直接读写主内存的变量，不同的线程间也无法直接访问对方工作内存的变量，线程之间的变量值传递需要通过主内存来完成。
Promise 详解（原理篇）
山重水复疑无路，柳暗花明又一村。
07-20 781
Promise 是一种异步编程的解决方案。在异步操作中，callback 会导致回调地狱的问题，Promise 解决了这个问题。一个 Promise对象有以下三种状态:pending：初始状态，既不是成功，也不是失败状态。：意味着操作成功完成。rejected：意味着操作失败。当 new Promise() 被实例化后，即表示 Promise 进入 pending 初始化状态，准备就绪，等待运行。
Java读取文件中多个JSON对象，并且16进制字符串和byte相互转换，将byte转为16进制字符串并写入json文件
最新发布
weixin_43561432的博客
07-24 152
【代码】Java读取文件中多个JSON对象，并且16进制字符串和byte相互转换，将byte转为16进制字符串并写入json文件。
java算法day19
TOMOT77的博客
07-20 329
我第一时间想到的方法是遍历二叉树+哈希。哈希用来统计数字出现的次数。之后遍历map收集结果。利用了BST的性质，即BST的中序序列是有序序列。
淘客返利系统中的服务发现与注册机制详解
技术研究中心
07-22 1892
通过服务注册中心，服务提供者可以将自己注册到注册中心，服务消费者可以从注册中心获取服务提供者的地址，以实现服务调用。本文详细介绍了淘客返利系统中服务发现与注册机制的实现，包括Eureka的配置与代码示例。通过Eureka，我们可以轻松实现服务的注册与发现，确保分布式系统中各个服务之间的通信。在本文中，我们将深入探讨淘客返利系统中的服务发现与注册机制，并结合Java代码进行详细讲解。在我们的淘客返利系统中，我们采用Eureka作为服务发现与注册的工具。在我们的淘客返利系统中，首先需要配置Eureka服务器。
华为OD机试 - 分披萨 - 递归（Java 2024 D卷 200分）
学Java，找哪吒
07-21 977
递归算法通过函数调用自身解决问题，每次递归调用都处理问题的一个子部分，直到达到基准条件，从而构建最终解。
尚硅谷 javaweb 案例：ATGUIGU网上书城
"这是一个基于JavaWeb的网上书城案例，涵盖了购物、购买等功能，采用MVC设计模式进行系统架构。" 在本案例中，主要的技术栈包括： 1. **MVC设计模式**：Model-View-Controller模式是JavaWeb开发中常用的设计模式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值