Java高并发分布式项目学习(9)

复盘九

5.2实现商品的添加页面

5.21参考easyUi文档的Form表单

- 商品名称 name textbox \

- 商品分类 cid combobox  hidden categoryId

- 市场价格 maketPricePreview numberbox hidden maketPrice \

- 商品价格 pricePreview numberbox hidden price \

- 商品编号 productNumber numberbox productNumber \

- 商品主图 uploadfile hidden image

- 主图预览 id=“img”

- 商品描述 id=”editor” hidden description

 

  • 要在所有的tr上加上不然会很乱
  • 要在ueditor.config.js 加上一句 URL = URL + “ueditor/”
  • 调用 var ue = UE.getEditor(‘editor’)
  • 不然会出现

    Java高并发分布式项目学习(9)_第1张图片

    Java高并发分布式项目学习(9)_第2张图片

    5.22 初始化商品分类

    5.221

    当点击[商品添加]页的时候,调用了PageController,利用request.getSession.setAttribute(“categories”,categories);

    前端 session.getAttribute(“categories”)来传递

    Java高并发分布式项目学习(9)_第3张图片

    Java高并发分布式项目学习(9)_第4张图片

    Java高并发分布式项目学习(9)_第5张图片

    5.222

    - 需求:当我点击父级的商品分类的时候,如果有子分类,他会加载出子分类。

    如果没有子分类,那么要把这个选中的父级商品分类赋值给隐藏的CategoryId来提交。

    • 当我们选中一个商品分类的时候开始,获取他的id并加载他的id(去查询parentID = id 的子分类)同时也要给CategoryId字段赋值

    Java高并发分布式项目学习(9)_第6张图片

    • 之后利用jQuery中getJSON(使用AJAX请求来获得JSON数据)

    Java高并发分布式项目学习(9)_第7张图片

       

    5.23 FastDFS+filebox+ajaxFileUpload实现商品图片上传

    Java高并发分布式项目学习(9)_第8张图片

    • 需求: 上传到linux服务器
    • 利用 jQuery $.ajaxFileUpload 上传 (导入ajaxFileUpload源码)

     

    Java高并发分布式项目学习(9)_第9张图片

     

    • 安装FastDFS客户端并依赖
    • 测试

    Java高并发分布式项目学习(9)_第10张图片

    Java高并发分布式项目学习(9)_第11张图片

    • FastDFSClient客户端的方法 uploadFile(InputStream fis,Strig fileName)被FileController被调用

    Java高并发分布式项目学习(9)_第12张图片

    Java高并发分布式项目学习(9)_第13张图片

    • 之后返回fileId并给img赋值显示图片
    • Java高并发分布式项目学习(9)_第14张图片
    • 记得清楚浏览器缓存

    5.23 提交

    比较数据库的字段,利用.val给每个字段赋值

    Java高并发分布式项目学习(9)_第15张图片

    字段product注入

    Java高并发分布式项目学习(9)_第16张图片

    Java高并发分布式项目学习(9)_第17张图片

     

    5.24 总结

      - 初始化商品分类

      - 初始化图片

      - $.ajaxFileUpload

      - $.getJSON

      - $.post

      - nginx fastdfs

      - ueditor 路径

    你可能感兴趣的:(项目)