OA项目功能增加
1.新增部门列表功能
2.新增部门下人员列表展示功能
3.部门人员统计功能
AJAX局部刷新
需要的条件
Java的后台支撑,给页面传递数据,数据格式为JSON,
SpringBoot+Mybatis,DB Mysql
HTML,JSP,JavaScript,JQuery
将用户请求传输给后台,后台返回结果到前端,前端遍历展示
具体业务展示
后端的支持
JSON字符串的格式
[{“eid”:10003,“eName”:“王丽”,“ePass”:“123458”,“eSex”:“女”,“eAge”:24,“eTel”:“15215448996”,“eAddr”:“地址不详”,“eInputDate”:“2015-06-04T16:00:00.000+0000”,“eFlag”:“0”,“eAdmin”:“0”,“did”:3},{“eid”:10011,“eName”:“阿童木”,“ePass”:“123”,“eSex”:“男”,“eAge”:21,“eTel”:“15088956548”,“eAddr”:“西安”,“eInputDate”:“2017-04-10T16:00:00.000+0000”,“eFlag”:“1”,“eAdmin”:“0”,“did”:3},{“eid”:10044,“eName”:“热巴吧”,“ePass”:“1”,“eSex”:“女”,“eAge”:22,“eTel”:“18899099098”,“eAddr”:“乌鲁木齐”,“eInputDate”:“2020-06-19T06:08:07.000+0000”,“eFlag”:“1”,“eAdmin”:“0”,“did”:3}]
[ ] 代表是一个数组(集合),
{ } 代表是一个对象
每一个对象以英文的 , 分隔
属性和属性值之间使用英文的 : 分隔
每个属性之间也是有逗号分隔。
值是字符串需要带有英文的双引号。
统计功能
需要准备的东西
Java后端的支持,
从数据库中得到相应的数据
通过传递,返回JSON类型的字符串返回值
页面
echarts的支持
专注于做图标展示的工具,内部封装了JS
JQuery支持,JSON
案例分析:
控制器