
react
文章平均质量分 75
react
MoonlitHan
这个作者很懒,什么都没留下…
展开
-
用react 构建电子表格(11)--应用
1(搞财务报表设计器)取得数据怎么搞?原创 2023-02-20 19:17:00 · 255 阅读 · 0 评论 -
一步步带你用react+spring boot搭建后台之二(登录与首页篇)
用react+spring boot搭建后台原创 2022-12-01 19:00:00 · 2865 阅读 · 0 评论 -
WEB财务报表设计器的实现
1(搞财务报表设计器)取得数据怎么搞?ps:React Hooks中父组件中调用子组件方法原创 2021-11-12 15:59:16 · 1845 阅读 · 0 评论 -
activiti7+bpmn.js+react
1、引入包<dependency> <groupId>org.activiti</groupId> <artifactId>activiti-spring-boot-starter</artifactId> <version>7.1.0.M4</version> </dependency> <dep原创 2021-06-10 11:37:59 · 3478 阅读 · 0 评论 -
用react 构建电子表格(10)--把前端格式数据保存到服务端
与服务端交互,采用axios,抄作业:React应用中封装axios, 和anttd配套,抄react中使用antd的table组件,和axios的请求 用nginx做代理,解决服务端跨域访问 baseurl配置:由于采取nginx,baseurl的问题转到ngnix配置文件当中去了 所以忽略掉项目中这个配置,这东西网上材料非常丰富react router:我的理想是:和url相对应 和页面嵌套关系相对应 可以单独写到一个配置文件中 需要的时候,主要路径由服务端配置控制 可以传递原创 2021-03-02 08:46:55 · 355 阅读 · 0 评论 -
用react 构建电子表格(9)---单元格编辑与单元格公式
单元格编辑要考虑的因素:数据模型本身应该是啥样的数据模型的数据传达到cellcell数据的显示必须有个编辑属性 表示该单元是否可编辑根据是否可编辑属性,决定如何呈现一个单元格双击事件,事件体系...原创 2021-02-07 14:21:00 · 751 阅读 · 1 评论 -
用react 构建电子表格(7)---合并单元格背后的数据结构
以下写法错误:newRowData 是老数据的引用!!! 原因在于lastRowData本身就是二维数组。 //复制最后一行 lastRowData是个二维数组!!! let lastRowData=data_model.slice(data_model.length - 1); let newRowData = [...lastRowData]; //newRowData 也是二维数组!!! table_model.data_mode原创 2021-01-06 08:52:06 · 780 阅读 · 1 评论 -
用react 构建电子表格(8)---插入行、删除行对合并单元格的影响极其处理
对同一个单元格 不能进行合并,合并前要进行检查合并前进行了哪些检查呢?原创 2021-01-06 14:10:31 · 644 阅读 · 0 评论 -
用react 构建电子表格(6)--改变单元格大小
前面我们已经通过数据控制了样式,后面马上y还有4件要搞。改变单元格大小(宽度、高度),我们先考虑宽度。 合并单元格 编译单元格数据 表格上应用公式改变单元格大小 和table布局有点关系 fix布局 可以在col属性上设置,但colgropup、col 使用需要谨慎,因为它的很多属性H5不支持!tableLayout 属性用来显示表格单元格、行、列的算法规则。我们用fixed宽度涉及表格宽度?行宽度?th 宽度?td宽度? 前2个我们好像没设置啊1、首先去掉这4个元素上所有的wid.原创 2020-12-12 08:23:54 · 833 阅读 · 0 评论 -
用react 构建电子表格(6)--父组件调用子组件
范围选择:先点击选择一个单元格,再按Ctrl键点击另外一个单元格,我们认为是范围选择动作。而且这2个动作必须是顺序且连续的。点击的第一个单元格,记录在SelectCell1属性当中;顺序?搞个属性,记录动作类型即可。//table.js//处理单元格选择 主要是改变相关样式数据 handleCellSelect = (e,i,j) => { if(e.ctrlKey){ // 按下ctrl key 不用重新 if(this原创 2020-12-04 22:37:19 · 455 阅读 · 0 评论 -
用react 构建电子表格(5)--给数据插上时间的翅膀
使用react,我一直想:数据控制样式 而不是相反。定位问题:table 容器定义一个position:relative后面的元素如果需要绝对定位的时候都相对于这个定位。长度单位:采取pt,这个绝对单位,猜测绝对单位也许对今后要搞的打印有好处?数据的处理:如何表现被选择的单元格:前面提到:1、搞个边框线,把选择的单元格框起来,这样做的问题好处是 对表格没啥侵入性,缺陷是略复杂,因为要获取选择的单元个的位置信息(坐标信息),再搞线的定位。2、修改选择单元格的样式 如修改相关单元格的边.原创 2020-12-02 17:34:58 · 696 阅读 · 3 评论 -
用react 构建电子表格(4)--react.js,动态改变css样式
样式:字体:目前涉及如下属性:风格(CellFontStyle):宋体、仿宋等字号(CellFontSize):字体大小字体序号(cellFont):粗体、斜体等//commAlignMent.jsimport React, { Component } from 'react';export default class CommFont extends Component { constructor(props) { super(props)原创 2020-11-28 21:39:17 · 723 阅读 · 0 评论 -
用react 构建电子表格(3)---点击事件冲突的处理
选择单元格必然首先发生点击事件,单击和双击可能有冲突,单击的时候,我们要判断是独立的单击还是双击的组成,双击的时候,不能调用2次单击方法。解决办法就是标志位+定时器, /** * Handle doubleclicking a Cell. */ doubleClicked = () => { // Prevent click and double click to conflict clearTimeout(this.time原创 2020-11-24 17:54:33 · 564 阅读 · 1 评论 -
用react 构建电子表格(2)---选择单元格上半节
"我们用state来实现所谓“记忆”的功能"。点击单元格的时候,必须给它加上某种记忆,点击放在table上,还是放在单元格上呢?这是个问题。原创 2020-11-23 21:18:46 · 2346 阅读 · 8 评论 -
用react 构建电子表格(1)---项目搭建
spring boot + react 构建电子表格原创 2020-11-20 17:06:24 · 1129 阅读 · 0 评论