自学实践前后端项目4 MMall商城 2

一。搭建静态页面

1)UserController里面实现登录操作

@Autowired
private UserService userService;@PostMapping("/login")
public String login(String loginName, String password, HttpSession session){QueryWrapper wrapper = new QueryWrapper();wrapper.eq("login_name",loginName);wrapper.eq("password",password);User user = userService.getOne(wrapper);if (user == null){return "login";}else {session.setAttribute("user",user);return "redirect:/productCategory/list";}}

保持与数据库字段一致

登录后实现页面跳转

2）处理顶端前端页面动态显示

在公共页面中修改判断显示

启动测试

3）销毁注销操作

修改公共前端代码显示

增加退出销毁操作

测试登录注销后再访问主页无其他信息显示

4）登录后横向再显示一遍

在公共页面中首页位置再从新遍历一次

改变以后显示轮班滚动的广告屏需要换下先后显示顺序

5）动态遍历显示商品信息

修改main

商品陈列样式如下

6）商品种类侧边已经顶端图片对应遍历

首先在商品实现层遍历图片

数据封装需要增加两个元素

修改图片固定路径为动态路径main的前端页面中

测试

7）商品的对应显示

商品显示所需要的信息进行VO封装

同时这个商品是包含在商品种类封装里面的所以要在其里面进行添加

实现层进行方法实现和调用同时注意：流的顺序需要和封装的顺序一致

debug运行测试如下

正确查找之后开始进行前端的显示与映射！

测试

自学实践前后端项目4 MMall商城 2相关推荐

自学实践前后端项目4 MMall商城 4
一.实现商品详情展示 1.测试获取后台当个商品的信息 2.实现通过点击商品名称和商品图片进入商品详情页面 1)查找出商品信息 2)在前端进行映射 3)设置库存选择限制判断逻辑 $(function( ...
自学实践前后端项目4 MMall商城 6
一.接着系统做进入结算的页面以及实 1)订单的创建设置确认结算时候的跳转页面路径实际路径获取和映射测试点击确定结算跳转页面前端映射测试获取 2)实现购物车里面的商品增加减少时候数据库同步更新 ...
自学实践前后端项目4 MMall商城 3
一.用户注册 1)正则表达式:学习了解正则表达式用于验证用户登录的时候格式是否正确,需要用到什么就百度找什么类型的格式对应的表达式 2)编写对应方法打断点测试获取成功 3)进行存入数据库操作 [1 ...
自学实践前后端项目4 MMall商城 5
一.首页购物车显示功能实现 1.CartController新增一条查询到ProductCategoryController 2.前端对应变更完成之后测试 3.再实现这个购物车统计显示随点击页面跳转 ...
bd-java_BDShop是国内少有前后端完全分离的java商城项目.
BDShop ##交流QQ群:107304892 2017-10-03 半年第一次更新了修复所有bug 请大家更新一下 BDShop是国内少有前后端完全分离的java商城项目. BDShop 系统简 ...
商城项目03_人人前后端项目、逆向工程、common工程搭建、coupon以及各个微服务工程搭建
文章目录 ①. 人人前后端项目 ②. 人人项目-逆向工程 ③. common工程搭建 ④. coupon.member.ware.order代码导入 ①. 人人前后端项目 ①. 在码云上搜索人人开源, ...
视频教程-微信公众号前后端项目视频教程-其他
微信公众号前后端项目视频教程张长志技术全才.擅长领域:区块链.大数据.Java等.10余年软件研发及企业培训经验,曾为多家大型企业提供企业内训如中石化,中国联通,中国移动等知名企业.拥有丰富的企业应 ...
基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm)
基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 ...
Nginx实现通过不同的url前缀访问不同的前后端项目
,所以目前就可以通过给网页访问链接增加不同的url前缀,来让Nginx去实现同一端口下访问不同的前后端项目.具体配置如下: (我这里是前端两个项目各自对应后端的两个服务) server {#这里默认监 ...

自学实践前后端项目4 MMall商城 2

自学实践前后端项目4 MMall商城 2相关推荐

最新文章

热门文章