草庐IT

学习笔记——书城项目第五阶段之购物项加号、购物项减号

2023-01-05一、设置购物项加号 (1)找到“+”号的位置,在“cart.html”中的第61行中,添加单击事件,通过“异步”操作来设置class="count"@click="addCount">+(2)在Vue中新建一个函数addCount:function(){//发送异步请求,对当前购物项的数量进行加1的操作(将当前购物项的图书id传过去)event.target.previousElementSibling.name;axios({method:"post",url:"cart",params:{flag:"addCount",id:id}})},(3)在“cart.html”

学习笔记——书城项目第五阶段之购物项加号、购物项减号

2023-01-05一、设置购物项加号 (1)找到“+”号的位置,在“cart.html”中的第61行中,添加单击事件,通过“异步”操作来设置class="count"@click="addCount">+(2)在Vue中新建一个函数addCount:function(){//发送异步请求,对当前购物项的数量进行加1的操作(将当前购物项的图书id传过去)event.target.previousElementSibling.name;axios({method:"post",url:"cart",params:{flag:"addCount",id:id}})},(3)在“cart.html”

学习笔记——书城项目第五阶段之购物车数量的修改、精度问题的处理

2023-01-06一、修改购物车数量(1)找到文本框的位置,“cart.html”中的第60行,在文本框上添加一个事件,添加一个“change”事件。class="count-num"type="text"v-model="cartItem.count"@change="changeCount":name="cartItem.book.bookId"/>(2)在Vue中的“methods”添加一个函数changeCount:function(){//需要将当前购物项的图书id取到,还需要将用户修改后的数量取到varid=event.target.name;varnewCount=event.

学习笔记——书城项目第五阶段之购物车数量的修改、精度问题的处理

2023-01-06一、修改购物车数量(1)找到文本框的位置,“cart.html”中的第60行,在文本框上添加一个事件,添加一个“change”事件。class="count-num"type="text"v-model="cartItem.count"@change="changeCount":name="cartItem.book.bookId"/>(2)在Vue中的“methods”添加一个函数changeCount:function(){//需要将当前购物项的图书id取到,还需要将用户修改后的数量取到varid=event.target.name;varnewCount=event.

学习笔记——书城项目第六阶段之处理请求响应乱码问题

2023-01-06一、处理请求响应乱码问题通过过滤器处理乱码问题 请求乱码和响应乱码(1)创建一个"webApplication"项目,命名为“bookstore06”,将"bookstore05"的代码迁移过去。(点击bookstore05项目中的“ShowinExplorer”,将“resources”、“src”、“web”文件夹复制到“bookstore06”中)之后将“resources”设置为“资源目录”  选中“web”文件夹下中“WEB-INF”下的“lib”,将其中的包    删除“index.jsp”(2)设置服务器(使用Tomcat8.5.27)Name命名为“book

学习笔记——书城项目第六阶段之处理请求响应乱码问题

2023-01-06一、处理请求响应乱码问题通过过滤器处理乱码问题 请求乱码和响应乱码(1)创建一个"webApplication"项目,命名为“bookstore06”,将"bookstore05"的代码迁移过去。(点击bookstore05项目中的“ShowinExplorer”,将“resources”、“src”、“web”文件夹复制到“bookstore06”中)之后将“resources”设置为“资源目录”  选中“web”文件夹下中“WEB-INF”下的“lib”,将其中的包    删除“index.jsp”(2)设置服务器(使用Tomcat8.5.27)Name命名为“book

学习笔记——书城项目第六阶段之去结账功能的准备工作、去结账功能的实现

2023-01-07一、去结账功能的准备工作(1)需要完成的要求:将购物车内所有图书都结账。(2)分析:①结账会生成订单订单中的信息包含主键(唯一标识,使用自增)、订单号(后台生成一个唯一标识对于订单)、订单时间(点击去结账时的系统时间)、订单金额(即购物车的总金额)、订单数量(即购物车的总数量)、订单状态(包含等待发货、已发货、未发货、确认收货)、用户id(用于标识用户,即记录当前订单属于哪个用户)②订单项包含的内容(之前的购物项对应现在的订单项)主键、书的图片、书名、价格、数量、金额、订单id(当前订单项关联的订单表的主键)(3)结论:订单和订单项的数据应该存储在数据库内(4)创建表格(要

学习笔记——书城项目第六阶段之去结账功能的准备工作、去结账功能的实现

2023-01-07一、去结账功能的准备工作(1)需要完成的要求:将购物车内所有图书都结账。(2)分析:①结账会生成订单订单中的信息包含主键(唯一标识,使用自增)、订单号(后台生成一个唯一标识对于订单)、订单时间(点击去结账时的系统时间)、订单金额(即购物车的总金额)、订单数量(即购物车的总数量)、订单状态(包含等待发货、已发货、未发货、确认收货)、用户id(用于标识用户,即记录当前订单属于哪个用户)②订单项包含的内容(之前的购物项对应现在的订单项)主键、书的图片、书名、价格、数量、金额、订单id(当前订单项关联的订单表的主键)(3)结论:订单和订单项的数据应该存储在数据库内(4)创建表格(要

学习笔记——书城项目之“我的订单”功能

2023-01-07一、“我的订单”功能(1)找到“我的订单”的位置①购物车页面Cart.html中的第26行②结算完成页面Checkout.html中的第45行将两个位置中超链接的“href”改变设置,写为ahref="order?flag=showOrders">我的订单a>(2)在src文件夹下的“com.hh.servlet.model”中的“OrderServlet”类中创建“showOrders”方法(3)在src下的“com.hh.service”中的“OrderService”接口中创建方法//根据用户的id找订单信息ListfindAllOrder(IntegeruserId

学习笔记——书城项目之“我的订单”功能

2023-01-07一、“我的订单”功能(1)找到“我的订单”的位置①购物车页面Cart.html中的第26行②结算完成页面Checkout.html中的第45行将两个位置中超链接的“href”改变设置,写为ahref="order?flag=showOrders">我的订单a>(2)在src文件夹下的“com.hh.servlet.model”中的“OrderServlet”类中创建“showOrders”方法(3)在src下的“com.hh.service”中的“OrderService”接口中创建方法//根据用户的id找订单信息ListfindAllOrder(IntegeruserId