JavaWeb见解
文章平均质量分 87
javaweb项目,代码见解
骤跌
阿巴阿巴阿巴
展开
-
11.购物车页面下订单
" > 下订单" > 下订单onclickplaceOrder" > 下订单" > 下订单" > 下订单" > 下订单" > 下订单stylewidth100px;" > 下订单if (!toast("错误!", "请选择要购买的商品!");return;${if(!toast("错误!" , "请选择要购买的商品!");return;if(!toast("错误!" , "查询失败!");return;if(!toast("失败!return;原创 2024-08-22 18:17:28 · 297 阅读 · 0 评论 -
10.网页删除购物车餐品
在这个例子中,分隔符是 " or ",这意味着如果流中有多个元素,它们将被连接成一个由 " or " 分隔的字符串。对于每个 meal_id,它创建一个条件子句 “meal_id=” + id,然后将所有子句用 " or " 连接起来,形成一个完整的SQL WHERE 子句条件。:这行代码将选中的复选框的值(假设每个复选框的 value 属性代表商品的ID)转换成查询参数字符串,用于构建请求URL。注意:在这里的直接将用户输入拼接到SQL查询中的做法存在SQL注入的风险,一般还是用参数化的查询较好。原创 2024-08-22 01:15:10 · 453 阅读 · 0 评论 -
9.购物车的选择和购物车商品数量的调整
这里定义了一个名为 changeNum 的异步函数,它接受三个参数:s_id:商品的唯一标识符(通常是数据库中的ID),meal_id:与 s_id 相关联的餐品ID,opr:操作符,用于指示数量是增加(‘+’)还是减少(‘-’)。:这行代码使用三元运算符来决定是增加还是减少商品数量,如果 opr 是 ‘+’,则数量增加1,如果 opr 是 ‘-’,则数量减少1。:用 fetch 函数向服务器发送一个请求,以更新商品的数量,请求的 URL 包含 meal_id 和新的 s_num 值。原创 2024-08-21 13:47:35 · 807 阅读 · 0 评论 -
8.购物车清单
在之前我们上一篇文章中我们已经将显示当前用户的函数引入了购物车页面中,并且完善了页面的导航跳转等等基础工作,现在我们在引入轻组件,以及轻组件函数。直接从之前的页面复制即可。最后启动程序看效果就好了。注意对比页面显示和数据库的是不是一致,并且添加购物车是不是会在购物车中添加。创建CartServlet类来处理前端发送过来的请求,并查询数据,通过响应发送回给前端。创建ShoppingCart类封装购物车信息,用来存放从数据库查询出来的数据。注意变量名要与数据库中定义的变量名一致。后端到这里逻辑实现完成。原创 2024-08-20 15:56:13 · 244 阅读 · 0 评论 -
7.添加购物车以及完善导航条跳转
在前几篇文章中,我们一步一步慢慢的实现了项目的建立,从数据库获取数据显示在页面,商品大图查看,查询和商品分页功能,以及登录退出,涉及一些模态框和轻组件的使用。到这里应该对于前后端的数据的交互比较了解了,从后端到前端再到我们所看见的网页,就是这样一步一步建立起来的。我们学习这个项目,并不是单单学习怎么去做这么个商城项目,我们更多的是学他们的代码的逻辑,前后端怎么一起实现的功能,去理解代码为什么这么写,去学习他们代码的架构,层次。其实这里有个疑问,购物车数据增加了,库存的数据是不是应该减少相应的,后续再说吧。原创 2024-08-19 14:59:04 · 638 阅读 · 0 评论 -
6.登录功能的开发——获取当前用户、用户退出
接下来我们向后端发起请求获取响应,根据响应状态判断,成功状态我们就获取响应中的json格式的数据放入result对象中,如果result.success为真,我们就拿出数据,在控制台打印(便于调试),然后在当前文档中查找id为。我们从请求的会话(Session)中获取名为 “CurrUser” 的属性,放入user对象中,如果不为空,说明用户数据存在我们发送往前端一个包含数据的成功响应,如果为空那么说明没登录,那么向前端发送一个包含错误信息的响应。来显示,最后隐藏登录元素,显示当前用户元素,就完成了。原创 2024-08-18 17:51:28 · 900 阅读 · 0 评论 -
5.登录功能的开发
其实这个地方都是对前端发起请求的处理,无论那种写法,最后都会运行核心的数据处理代码,无非是一个直接处理请求调用数据处理方法,另一个处理请求在调用另一位请求处理的方法在调用数据处理的方法。这样从前端输入的登录信息就获取到了。表示这是一个 POST 请求方法,是 POST类型,所以在这里我们向后端发送的是POST请求,而之前的我们没有定义请求体,它默认的是GET请求。可能有些人是和我写的是相反的,是在doPost方法里面调用doGet方法,最后代码一样能跑,可能会有疑问(其实是我一开始没想明白,哈哈哈)。原创 2024-08-18 01:31:42 · 890 阅读 · 0 评论 -
4.网页分页实现,查询,大图查看
在传统的网页中,点击一个链接通常会使浏览器导航到该链接指向的URL地址,需要在点击链接时执行一些其他的操作,触发一个JavaScript函数来执行特定的逻辑,如打开一个模态窗口、显示一个弹出框等,就需要阻止浏览器的默认行为。查询就需要我们的查询条件,还记得上一篇文章提到的作为查询条件的MealQueryDto类嘛,在上一篇文章我们只定义了一个空类,现在我们查询功能就需要用到查询条件,就需要在MealQueryDto类中定义属性了。到这里基本就完成了。这里查找的是模态框,所以传入的参数是模态框的 id。原创 2024-08-16 15:07:38 · 1144 阅读 · 0 评论 -
3.从数据库中获取列表数据显示在页面
/定义查询条件page:1,rows:8//从后端获取分页数据total:0,const和let都是变量定义的关键字,区别是const定义的变量不能再赋新值,let定义的变量则可以。但是如果const声明的变量是对象,那么对象的属性依旧可以赋新值。//定义函数从后端获取分页数据//async表示该函数有异步操作//fetch函数负责向后端发送请求,获取响应page=${原创 2024-08-15 15:21:50 · 813 阅读 · 0 评论 -
2.网页获取图片——代码理解
meal_pic=food07.jpeg,项目启动时,加载页面发起Get请求,后端代码执行相关程序,变量meal_pic的图片信息就可以被后端代码获取到,进行IO操作,前端获取到图片。在启动项目的初始路径后加上,定义的路径,输入指定图片的名字会可以实现图片的下载,大概就是处理客户端的http请求,发送图片给客户端。加上定义路径以及图片参数信息:http://localhost:8080/meal/pic?在初始路径下加上定义的路径,加上图片的参数,回车。/meal/pic是我们定义的路径。原创 2024-08-14 16:56:40 · 643 阅读 · 0 评论 -
1.JavaWeb项目的创建
完成后就可以在右上角看见我们部署的Toncat了。原创 2024-08-13 16:25:26 · 223 阅读 · 0 评论