成都农业四情检测平台后台管理
技术选型:Vue2+Vue-cli+vue-router+vuex+axios,Element-ui
工作要点:
利用 xlsx 插件实现文件的导入和表格,并进行封装优化实现高复用性,导入,创建 Promise 函数,
通过 FileReader 对象读取以二进制方式打开文件,读取得到整份 excel 表格对象,遍历表格对象,
利用 concat 和 sheet_to_json 方法将 excel 对象转成对象数组格式数据,resolve 导出数据,定义
表头、数据、和文件名/默认文件名,遍历表头为数据添加标识,再对数据进行扁平化处理,合并表
头和数据计算单元格范围,构建 workbook 对象,最终 writeFile 导出 Excel
利用全局路由钩子函数和 addRoute 实现动态路由,添加对应的路由进入 Vue 中的路由表中,利用
axios 传递用户标识到后端查询数据库中的用户表,同时关联查询路由表中对应的路由信息列表,最
后返回给前端重新构造成 tree 模型,将得到的 tree 模型构造成路由形式的新的 tree 模型,利用
addRoute 方法将模型加入路由表中,最后利用嵌套组件形式展示最终的菜单列表。