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

复盘三

3.1第一部分显示商品列表

树(tree)在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。

- 查看文档Tree.Tree can also be defined in an empty

    element and load data using javascript

    - 在common下创建一个返回类类成员是文档下的Tree Data format树的数据格式 id,text,state创建完需要maven install

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

    • 编写服务通过parentid获取ProductCategory

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

    • Controller

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

    • postman测试

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

     

    项目中遇到的问题

    - product_cat_list.jsp中js代码写在外面页面一直显示不出来。应该写在里面

    - 一直没有显示出父类的子类,是前面controller应该@RqeustParam value是id 而不是一直是parentid这样会一直重复。

    - 结果:

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

    3.2第二部分界面的增加删除修改(还没有联系后台)

    - 3.2.1我们想要的结果的右击商品的列表出现增加删除修改功能.在查阅文档tree的事件中onContextMenu这个事件可以完成。

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

    - 3.2.2 之后写一个append()方法测试一下点击增加会不会弹出一对话框,遇到的问题是把append的方法写在了第一个function里面没有反应,应该在写外面

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

    • 3.2.3 接下来就是写页面的增删修 思路都是先找到node在进行操作

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

    3.3第三部分与后台交互

    - 3.3.1 在append方法下找到刚刚新增的node并调用beginEdit的方法,之后触发onAfterEdit方法 如果node.id ==0 则是增加操作,否则是编辑操作。

    之后我们利用post方法传给后端并携带parentID的参数和name的参数之后设置一个回调函数并更新tree

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

    这里有一个需要带ParentID的参数,如何去取呢?在之前后端给前端返回的数据中我们可以绑定一个attribute他正好是node的属性我们把parentid set进去即可。

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

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

    - common模块一定要重新install一下。之后就是写服务的服务类方法:大致思路是创建一个新的ProductCategory setname setparentid 还要再mapper里设置一个自动增长的id

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

    3.3.2 删除remove

    删除一个节点我们要分情况讨论:

    如果是父亲节点,我们要把子节点一起删掉;如果是子节点,则删除子节点即可。

    我们需要node传给后端携带id和parentID一样用post方法。

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

    3.3.4 修改 rename

    这个思路跟add一样唯一不同的是需要传给后端parentId

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

    3.3.5 增加分类parentId=0的

    一开始没有什么思路,之后想出来了,新写一个方法

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

    之后利用判断,如果parentID是0则可以添加另外一个parentID=0 的分类否则是子类只能有增加修改删除的功能

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

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

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

    3.4总结

    - Postman很方便

    - 对EasyUI的tree和node节点的操作有了进一步的认识

    - 学会使用post从前端给后端发送请求并返回json数据

    - 对java对象封装有了进一步认识

    - 每次你感到难受的时候,往往能使你快速成长。

     

     

     

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