修改重庆项目表格的数据计算方式,综合考虑解决无字段计算产生NaN的问题,优化代码减小体量
idea拉取四川数据安全项目,安装依赖,解决部分依赖无法下载问题
配置Tomcat,启动项目,解决Tomcat及网页乱码问题
熟悉项目架构,研究各个模块
遇到tomcat启动产生Error creating bean的问题,进行了清除缓存,依赖重装各种方法,询问了导师同事,花费大量时间。
最终通过在项目结构添加可用元素的依赖到WEB-INF的lib解决,下午又出现这个问题,在lib移除依赖,再重新添加解决。
查看熟悉了登录界面的相关文件。
下午研究四川项目的任务管理、人工打标、策略配置页面表格错位的问题,查看了相关html和js文件,熟悉结构,
尝试修改了表格的字段,没起作用,查看js文件的渲染覆盖的实现,研究数据过长截取拼接省略号的函数。
查看分页的txt原理,熟悉相关页面在项目中的位置,解决tomcat更新类和资源网页不更新的问题。
研究四川电信项目表格固定最后一列,尝试使用css设置定位没起作用,考虑是否是表格采用百分比宽度,js文件渲染问题。
尝试js,遇到浏览器不更新tomcat的js文件的问题,尝试清除浏览器缓存成功加载,根据网上教程尝试配置相关文件。
用js获取最后一列,用transform定位,改百分比宽度为具体px,尝试融入项目,遇到很多bug失败。
尝试jquery,固定第一列成功,固定最后一列遇到滚动条bug失败。探索失败原因。
尝试使用layui和一些插件。看官方文档,对比项目。再次尝试js,遇到表头与表体分离的问题,思考原因。
上午继续看四川电信项目表格固定最后一列,今日研究了freeze-table插件,看文档,探索了功能,
发现更好用的TableFreeze,git拉取代码,可以实现冻结上下左右任意行列,研究实现原理,发现是克隆表格,
继续研究项目,研究表格数据如何渲染。
下午回公司参加校领导参观和学生交流会,发表了来公司的感受,在公司找地方继续看项目。
看jquery和iview的官方文档。
jQuery和iview表格对比,结合四川电信项目写了具体文档发给导师。
看jQuery和vue的文档,总结了一些区别写在文档。
研究项目中公共的general.js逻辑,找到创建表格的函数,总结各个参数的意义,
结合具体模块的js看这些参数怎么设置的。在html中查看js绑定了哪些东西,总结到文档。继续看general.js的其他函数。
继续学习html5,css3,js。
结合四川电信项目的分类管理,策略配置页面继续研究jQuery和vue除表格之外的区别。
学习static中的插件,echarts绘图,jquery-ztree的父子节点展开折叠,My97DatePicker日期选择。
学习数据总览界面的表格滚动,largeScreen.js,tableScroll.js。
研究登录界面和数据源管理界面的后端,接口,xml的sql,数据库。
对接后端接口数据,处理视图。
找到数据源管理界面的表格,查看下拉框的js,发现是用ajax的get请求,
请求成功后,定义请选择的option,定义dsTypes接收后端的data中的dsTypes,使用for循环拼接option,value取dsTypes的TYPE_CODE,内容取TYPE_NAME,
查看后端,PageData继承HashMap实现Map,定义PageData类型的res接收service的query查询数据,
使用service封装了Mapper中的query查询,在Mapper中的query跳转到xml中SQL语句,
SELECT TYPE_CODE, TYPE_NAME FROM TD_DATASOURCE_DICTIONARY
在jdbc.properties找到数据库,在数据库找到表TD_DATASOURCE_DICTIONARY,发现有5个字段
回到前端js,使用id选择器empty()清空下拉框,html()生成新的。
按此流程继续研究其他模块。
实现功能: 给标签管理页面,修改新增,弹框中的分类ztree加搜索功能。
先查看相关代码,html在分类的td中加只读的输入框,js中给输入框注册点击事件,让ztree-wrap的div显示,点击其他地方让ztree隐藏。
在网上百度学习ztree,项目中修改js,发现接收后端json数据源,实际搜索中无法识别目录,目录变成文件,找到转换代码,修改替换相关属性,拿到了ztree型的数据源
可以正常实现功能,搜索到的文件,文件及父级目录展开,没搜到的文件及父级目录隐藏。
优化昨天代码,提交深拷贝搜索栏标签数据源给表格中标签列相关代码。发现标签下拉框有多个bug,可能是历史遗留问题。
研究固定表格最后一列的方法。看官方文档学习了datatables,发现有可以固定列的插件属性fixedColumns.
学习fixedColumns,发现项目中公共的js已经导入了相关js,但是写的属性djColumn的leftColumns好像没起作用,修改为iLeftColumns iRightColumns,固定成功
固定的列和原先表格列行高不对齐,研究原因,修改了js没起作用,修改css也有问题,发现固定的列轻微滚动,猜测可能是表头行高增大的原因,研究表头高度问题
解决底部漏出一点,给后面添加背景颜色,发现是按钮的问题。
思考表格整体高度的问题,发现是scrollY的值压缩了高度。
研究解决固定最后一列,列对不齐的问题,花费大量时间百度参考,调整js,没起作用,阅读fixedColumns.js的源码,了解大致原理,
打开浏览器F12一行一行修改行高看效果,最后发现影响的几个div,css修改样式,!important提高优先级,calc计算行高,
给父div行高,最后调整遮盖滚动条的问题,实现功能,提交代码。