项目要求
实现一棵可动态编织的组织架构树
说明:
1.该树需要实例化至数据库,保留层级结构。
2.该树需要有层级关系,层级不限。
3.该树在任意节点下,都可以向下新建子节点。
4.节点位置可以移动,且可以移至任意其他节点下。
5.名称可编辑。
题目理解与思考
- 组织架构,一个组织的架构,就是树形结构的。比如一个公司,下面有许多部门,每个部门下面又有很多的子部门。要能够动态改变,也就对应了数据的增删查改操作。设计表结构如下:
部门表有三列: deptId deptName parentId。
删除:一个部门删除,它的子部门也就随之删除。
改变:同上。 - 前端展示用到了jquery的树插件 zTree。
参考官方文档即可: zTree – jQuery 树插件
具体实现
我的代码
我在其中遇到的难点就是学习zTree,因为不熟悉js,不会写前端,导致很长时间才写好。
在写的过程中,也渐渐了解到,一般前后端交互的方式是: 前端发起ajax请求,后端有restful接口,返回json数据,前端js改变html的显示。
zai
可以改进的地方
1.大量js代码最好单独放到一个js文件。
2.代码不够规整。
3.界面可以改好看一些
4.没有处理错误情况。