springboot+thymeleaf 商城

图片上传与保存功能

需要再html里面写一个button 用id 标识,然后在javascript里面写它的功能。

这个功能的请求上传到controller层里,然后controller层对图片进行保存,然后将图片的URL放到返回结果的数据里面。

图片上传需要ajaxupload.js
上传的图片需要存在本地的文件夹下

@RequestMapping("/admin")
public class UploadController {

    @ApiOperation(value = "管理员上传单张图片")
    @PostMapping({"/upload/file"})

像这种RequestMapping和PostMapping的结构呢对应的javascript请求是这样的。

action: '/admin/upload/file',

框架

  • 然后可能会出现这样的一条循环,就是html页面js页面再到controller层controller层获取service接口的服务
    (service接口再调用service的实现类,然后这个实现类再调用mapper.xml的数据库的语句)
    然后controller层再回到一个html页面
    那么中间这么一个去到controller层的过程就是为了获取后台的数据
    (可以是放到request中让前台读取)

  • controller层可以随意地调用service层的方法,但是是需要在一开始写这样的东西:

     @Resource
     private CategoryService categoryService;
    
  • 就是你需要一个注解把它拿到,然后你的第一个 CategoryService
    这是一个接口,你定义的接口,而接口又是public的。所以一切都串起来了。

  • 脚注和头部这种的可以单独写一个页面

    还有像左边工具栏也可以单独写一个页面,然后根据path的值类决定跳转到哪个按钮

  • 添加商品和修改商品可以有很密切的联系,然后如果你要在这个地方弄一个防盗链的话,你可以先取出这个管理员,然后判断,如果为NULL的话那就返回登录页面让它登录。

  • 然后你对于输入的验证格式,富文本编辑器 什么的东西都是在javascript里面用正则表达式之类的东西去弄的。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当前课程中商城项目的实战源码是我发布在 GitHub 上的开源项目 newbee-mall (新蜂商城),目前已有 9900 多个 Star,本课程是一个 Spring Boot 技术栈的实战类课程,课程共分为 3 大部分,前面两个部分为基础环境准备和相关概念介绍,第三个部分是 Spring Boot 商城项目功能的讲解,让大家实际操作并实践上手一个大型的线上商城项目,并学习到一定的开发经验以及其中的开发技巧。商城项目所涉及的功能结构图整理如下: 作者寄语本课程录制于2019年,距今已有一段时间。期间,Spring Boot技术栈也有一些版本升级,比如Spring Boot 2.7.x发版、Spring Boot 3.x版本正式版本。对于这些情况,笔者会在本课程实战项目的开源仓库中创建不同的代码分支,保持实战项目的源码更新,保证读者朋友们不会学习过气的知识点。新蜂商城的优化和迭代工作不会停止,不仅仅是功能的优化,在技术栈上也会不断的增加,截止2023年,新蜂商城已经发布了 7 个重要的版本,版本记录及开发计划如下图所示。 课程特色 对新手开发者十分友好,无需复杂的操作步骤,仅需 2 秒就可以启动这个完整的商城项目最终的实战项目是一个企业级别的 Spring Boot 大型项目,对于各个阶段的 Java 开发者都是极佳的选择实践项目页面美观且实用,交互效果完美教程详细开发教程详细完整、文档资源齐全代码+讲解+演示网站全方位保证,向 Hello World 教程说拜拜技术栈新颖且知识点丰富,学习后可以提升大家对于知识的理解和掌握,可以进一步提升你的市场竞争力 课程预览 以下为商城项目的页面和功能展示,分别为:商城首页 1商城首页 2购物车订单结算订单列表支付页面后台管理系统登录页商品管理商品编辑
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值