• 星邺汇捷实习工作日报(持续更新ing)


    11月14日(写日报的第一天)

    修改重庆项目表格的数据计算方式,综合考虑解决无字段计算产生NaN的问题,优化代码减小体量
    idea拉取四川数据安全项目,安装依赖,解决部分依赖无法下载问题
    配置Tomcat,启动项目,解决Tomcat及网页乱码问题
    熟悉项目架构,研究各个模块

    11月15日(被启动问题折磨一天)

    遇到tomcat启动产生Error creating bean的问题,进行了清除缓存,依赖重装各种方法,询问了导师同事,花费大量时间。
    最终通过在项目结构添加可用元素的依赖到WEB-INF的lib解决,下午又出现这个问题,在lib移除依赖,再重新添加解决。
    查看熟悉了登录界面的相关文件。
    下午研究四川项目的任务管理、人工打标、策略配置页面表格错位的问题,查看了相关html和js文件,熟悉结构,
    尝试修改了表格的字段,没起作用,查看js文件的渲染覆盖的实现,研究数据过长截取拼接省略号的函数。
    查看分页的txt原理,熟悉相关页面在项目中的位置,解决tomcat更新类和资源网页不更新的问题。

    11月16日(失败了一天,第二天一早导师说出不来是正常的0.0)

    研究四川电信项目表格固定最后一列,尝试使用css设置定位没起作用,考虑是否是表格采用百分比宽度,js文件渲染问题。
    尝试js,遇到浏览器不更新tomcat的js文件的问题,尝试清除浏览器缓存成功加载,根据网上教程尝试配置相关文件。
    用js获取最后一列,用transform定位,改百分比宽度为具体px,尝试融入项目,遇到很多bug失败。
    尝试jquery,固定第一列成功,固定最后一列遇到滚动条bug失败。探索失败原因。
    尝试使用layui和一些插件。看官方文档,对比项目。再次尝试js,遇到表头与表体分离的问题,思考原因。

    11月17日(下午小混)

    上午继续看四川电信项目表格固定最后一列,今日研究了freeze-table插件,看文档,探索了功能,
    发现更好用的TableFreeze,git拉取代码,可以实现冻结上下左右任意行列,研究实现原理,发现是克隆表格,
    继续研究项目,研究表格数据如何渲染。
    下午回公司参加校领导参观和学生交流会,发表了来公司的感受,在公司找地方继续看项目。

    11月18日(写文档还挺有意义)

    看jquery和iview的官方文档。

    jQuery和iview表格对比,结合四川电信项目写了具体文档发给导师。

    看jQuery和vue的文档,总结了一些区别写在文档。

    研究项目中公共的general.js逻辑,找到创建表格的函数,总结各个参数的意义,

    结合具体模块的js看这些参数怎么设置的。在html中查看js绑定了哪些东西,总结到文档。继续看general.js的其他函数。

    继续学习html5,css3,js。

    11月21日(继续学习)

    结合四川电信项目的分类管理,策略配置页面继续研究jQuery和vue除表格之外的区别。
    学习static中的插件,echarts绘图,jquery-ztree的父子节点展开折叠,My97DatePicker日期选择。
    学习数据总览界面的表格滚动,largeScreen.js,tableScroll.js。
    研究登录界面和数据源管理界面的后端,接口,xml的sql,数据库。

    11月22日(实现了ztree的搜索功能提交代码,成就感满满)

    对接后端接口数据,处理视图。
    找到数据源管理界面的表格,查看下拉框的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型的数据源
    可以正常实现功能,搜索到的文件,文件及父级目录展开,没搜到的文件及父级目录隐藏。

    11月23日(发现select2,几行代码实现功能)

    提交ztree搜索功能代码。
    给数据发现结果界面表格的标签加搜索功能。
    先后尝试了datalist,input+select,input+Ul+li
    datalist位置不能固定,不同浏览器表现不一样,弃用,input+select和input+Ul+li因为js和css太多,最后bug多也放弃了
    在网上找到插件select2,可以给下拉框加一个input搜索框,查看了官方文档,select2支持多选,可以自定义数据源,ajax后端获取数据源,
    根据配置了相关文件,发现使用placeholder会把标签的原有值覆盖掉,只能修改js中原先的请选择。

    11月24日(发现固定表格最后一列,项目里早导入插件预留了)

    优化昨天代码,提交深拷贝搜索栏标签数据源给表格中标签列相关代码。发现标签下拉框有多个bug,可能是历史遗留问题。

    研究固定表格最后一列的方法。看官方文档学习了datatables,发现有可以固定列的插件属性fixedColumns.

    学习fixedColumns,发现项目中公共的js已经导入了相关js,但是写的属性djColumn的leftColumns好像没起作用,修改为iLeftColumns  iRightColumns,固定成功

    固定的列和原先表格列行高不对齐,研究原因,修改了js没起作用,修改css也有问题,发现固定的列轻微滚动,猜测可能是表头行高增大的原因,研究表头高度问题

    解决底部漏出一点,给后面添加背景颜色,发现是按钮的问题。

    思考表格整体高度的问题,发现是scrollY的值压缩了高度。

    11月25日(有时候还是得靠自己,需求千奇百怪,插件漏洞百出)

    研究解决固定最后一列,列对不齐的问题,花费大量时间百度参考,调整js,没起作用,阅读fixedColumns.js的源码,了解大致原理,
    打开浏览器F12一行一行修改行高看效果,最后发现影响的几个div,css修改样式,!important提高优先级,calc计算行高,
    给父div行高,最后调整遮盖滚动条的问题,实现功能,提交代码。
     

  • 相关阅读:
    Spring文章汇总
    数据结构和算法(12):词典
    QT+OSG/osgEarth编译之五十二:osgVolume+Qt编译(一套代码、一套框架,跨平台编译,版本:OSG-3.6.5工具库osgVolume)
    数论——快速幂
    架构师之路八分布式系统下大流量限流与消峰的方案
    22-08-06 西安 EasyExcel实现字典表导入、导出
    小黑子—springMVC:第一章 请求处理与响应数据
    第一章《初学者问题大集合》第5节:Java开发环境的搭建
    5)自适应滤波(二)[RLS算法]
    二十九.国民技术MCU开发之ADC应用案例 --可天士红外PSD测距获取
  • 原文地址:https://blog.csdn.net/qq_57420582/article/details/127996837