我的十年,一点一滴皆成风景?

中专毕业十年了,学历还是没有提高,自学考试过了大半后把全部科目合格证弄丢了。现在想想虽然自己学历没增加,但自己这些年还是一个萝卜一个坑的走过来了。回头看看,虽然风景不是那么美,但是还是能成自己的一道风景。当然也发现自己很多的污点。一路走来,我遇到很多贵人(老舅帮我算命说我适合离家在外发展,有贵人相助。),该是我感恩的时候了。

 

2000.3-2000.12  把自己打造成了一名普通的推销员。业绩不好,但是改变了我的性格,口才有了改观,不再内向了。中专三年只和班上大多数同学有说过话,有些同学真是没有说过话。呵呵。

 

2001.X月-2003.5到珠海打工。先是到一五金厂当工人,后来工厂效益不好被裁。进入一家电脑公司学习电脑维修。在这里谢谢珠海中网电脑有限公司林超(老板)让我学到了电脑和办公设备、局域网等维修技能。还有他给我ibm486笔记本电脑,我花了一个月学了pb5.5,做了个电话薄的小程序。后来还学会了TSQL和使用sql server企业管理器。超哥是我入门的引路人,刚开始学编码时我做了件错事,超哥给珠海某民营医院的分布在几个区域的药房做了一套分布式进销存管理系统。我经常参与维护,后来觉得pb入门了,有一次我就把全部源代码给偷偷拷了一份放在自己邮箱里。那时我还没有自己的电脑。后来有一次使用邮箱收客户的东西,超哥在一旁看,他看到我存的源代码了。呵呵,这事自己很愧疚。虽然超哥原谅了我,叫我当面删了那邮件,事情就过了。再后来姐姐说上海工资水平高,叫我去上海发展,后来就离开了珠海。谢谢超哥,谢谢中网。

 

2003.5-2006.X月 到上海路乐(路佳)计算机科技.先是做技术支持,维护公司的收银管理软件。半年后用delphi写了个服务管理程序给技术主管用。后来给老樊(老板)看了。正好那时开发部开发出来酒店管理系统,老樊让我和另外一个技术部同事进入开发部做测试。做了不到三个月,前期开发的老人一个一个都相继走了。我和新进同事担起来维护整个系统的责任。到2006年我已经正式作为Delphi程序员3年了。终于走上了程序员之路。谢谢老樊给了我成为程序员的机会,还有熟悉了行业管理软件的开发。公司数据库使用的是oracle,自己的数据库方面的技术得到了增强。

 

2006.X-2006.12  和同事一起出了路佳准备开始创业。这是我这十年最灰暗的期间。本来打算开发自己的软件,开发了一段时间后来放弃了。因为生活的压力太大,我终止了自己的酒店管理软件的开发。后来一同做技术支持的同事把原路佳公司的桑拿和餐饮管理系统反编译了(vfp做的),他拿了源代码叫我给他的界面做了些调整。但就是因为这次调整,我也就自己把源代码留了一份。再后来就和一起创业的搭档直接就那出去卖了。这件事后来发展到让老樊知道了,在老樊的要求和自己的愧疚感下和搭档终止了创业的举动。说到这里,我再一次请求老樊的原谅。是你让我走入了程序员这个职业。但是我没有感恩却做了些伤害你利益的事。

 

2006.12-2007.3 经朋友的帮忙接了两个定制开发的软件项目,一个是激光制版企业的生产管理系统,一个是经济开发区的管理系统。两个项目都比较小。但在当时我技术水平比较低的情况下还是做得非常吃力,又因为是定制开发,程序一直在正式发布给客户使用后,依然需要不停的修改和增加新的需求。以至于后来客户虽然都正式使用系统一段时间了,因为收款和验收没有达成一致导致后来客户都停止了使用。还好我开始拿了定金,后来几次交付程序又收到部分款。这两次的项目都是经过转了几手才到我手上做,一般都是经过上家跟上家的上家交涉,上家的上家再跟直接客户交涉。哎,经过这一次费力又不赚钱的买卖后,终于明白不是自己接到客户千万别的道理。

 

2007.3-2008.10 上海银欣高新技术发展股份有限公司。软件开发师。在这里又遇到贵人了,开发部经理常远。经理非常照顾我,我单独负责交通银行后勤服务公司的一个大型的售饭系统的维护。后来因为维护工作量的减少,参与到其他项目组的开发中,开发语言使用C#。在银欣的日子是我工作几年最轻松的时候,在这边学到很多东西,工作又相对非常自由。因为经常需要外办,有时上午10点去一下客户那里就直接回家了。有时迟到到就说去客户那里了。呵呵,我也有偷奸耍滑的时候。后来因为觉得发展有限,钱途有限,还是离开让我呆得很舒服的这家公司。在这里感谢一下常远,我临走的时候工作交接了一个多月才好,那期间我一直没到公司却正常拿了工资,还有因为老爸去世回家请假一个多月也是拿了工资。真的谢谢你,等我发达了,我一定好好谢谢你。

 

2008.10-2010.3 上海易舟文化传媒有限公司(上海芯凌科技)先是做项目领队,现在做研发部经理。感谢公司给我的舞台和重用。为了公司的明天,我会更尽力。到此,我的十年坚持终于迎来了曙光。

 

 

<think>我们之前讨论了如何实现一个可编辑的Bootstrap列表,并在编辑时显示保存和取消按钮。现在用户想要实现列表项的批量编辑功能。批量编辑功能通常指:用户可以选择多个列表项,然后一次性对它们进行编辑(比如修改某个字段的值),然后保存。我们可以采用以下步骤实现:1.在列表上方添加一个“批量编辑”按钮,点击后进入批量编辑模式。2.进入批量编辑模式时,每个列表项前出现复选框(用于选择要编辑的项),同时显示批量操作的控件(比如一个输入框和一个“应用”按钮)。3.用户勾选需要编辑的项,在批量操作控件中输入新值,点击“应用”按钮,所有选中项的值都会被更新。4.然后用户可以点击“保存”按钮将批量修改提交到服务器,或者我们可以设计自动保存(根据需求)。具体实现:步骤1:HTML结构我们为列表添加复选框(初始隐藏),并为批量编辑模式添加一个操作栏(包含输入框和按钮,初始隐藏)。步骤2:进入批量编辑模式点击“批量编辑”按钮,显示复选框和批量操作栏。步骤3:选择列表项并应用修改用户勾选项目,在输入框中输入新值,点击“应用”按钮,将新值应用到所有选中的项。步骤4:退出批量编辑模式可以设计一个“完”按钮,点击后隐藏复选框和操作栏,并可能保存修改。代码示例:首先,修改列表项结构(添加复选框,注意初始隐藏):```html<div><buttonid="batch-edit-btn"class="btnbtn-primary">批量编辑</button><divid="batch-edit-controls"style="display:none;margin:10px0;"><inputtype="text"id="batch-value"placeholder="输入新值"><buttonid="apply-btn"class="btnbtn-smbtn-success">应用</button><buttonid="cancel-batch-btn"class="btnbtn-smbtn-default">取消</button></div></div><ulid="editable-list"class="list-group"><liclass="list-group-item"><divclass="form-check"style="display:none;float:left;margin-right:10px;"><inputclass="form-check-inputbatch-checkbox"type="checkbox"></div><spanclass="item-text">项目1</span><divclass="btn-group"style="display:none"><buttonclass="btnbtn-successbtn-smsave-btn">保存</button><buttonclass="btnbtn-dangerbtn-smcancel-btn">取消</button></div></li><!--更多列表项...--></ul>```步骤2:进入批量编辑模式```javascript$('#batch-edit-btn').click(function(){//显示所有复选框和批量操作栏$('.form-check').show();$('#batch-edit-controls').show();});```步骤3:应用批量修改```javascript$('#apply-btn').click(function(){//获取输入框的值varnewValue=$('#batch-value').val();//遍历每个选中的复选框$('.batch-checkbox:checked').each(function(){//找到当前列表项中的item-text,更新其文本$(this).closest('.list-group-item').find('.item-text').text(newValue);//同时,我们可以更新数据模型(如果有的话)});});```步骤4:取消批量编辑模式```javascript$('#cancel-batch-btn').click(function(){//隐藏复选框和批量操作栏$('.form-check').hide();$('#batch-edit-controls').hide();//清空复选框的选择$('.batch-checkbox').prop('checked',false);//清空输入框$('#batch-value').val('');});```注意:如果用户修改后需要保存到服务器,可以在完批量编辑后(退出批量编辑模式时)统一保存,或者为每个列表项保存(之前已经实现了单个保存,但批量编辑后可能需要批量保存)。这里可以再添加一个“保存全部”按钮,或者使用已有的保存机制。另外,如果列表项原本就是可编辑的(单个编辑),那么在批量编辑模式下,我们可能希望禁用单个编辑,以免冲突。优化:在进入批量编辑模式时,隐藏单个编辑的按钮;退出时再显示。这个方案提供了一种基本的批量编辑实现。实际应用中可能需要根据具体需求调整。参考文献:[^1]:Bootstrap列表行内在线编辑功能实现演示。[^2]:【一点一滴Bootstrap】可编辑的表格。[^3]:Bootstrap编辑一列数据。[^4]:bootstrap-table实现表格编辑。相关问题:1.批量编辑时如何同步更新数据模型?2.如何实现全选功能?3.批量编辑时如何添加数据验证?</think> ### 使用Bootstrap实现列表项批量编辑功能 下面分步骤说明实现原理和代码示例: #### 实现思路 1. **添加全局控制栏**:列表上方添加批量操作工具栏 2. **引入选择控件**:每项前添加复选框支持批量选择 3. **创建批量编辑表单**:可同时修改多个项目的公共字段 4. **批量提交逻辑**:收集所有选中项的修改并统一提交 ```html <!-- HTML结构示例 --> <div class="batch-controls mb-3"> <button id="toggleSelectAll" class="btn btn-sm btn-secondary">全选</button> <button id="editSelected" class="btn btn-sm btn-primary" disabled>编辑选中项</button> </div> <div id="batchEditForm" class="card p-3 mb-3" style="display:none"> <div class="form-group"> <label>批量修改状态:</label> <select class="form-control" id="batchStatus"> <option value="active">激活</option> <option value="inactive">禁用</option> </select> </div> <button id="applyBatchChanges" class="btn btn-success">应用修改</button> </div> <ul class="list-group" id="editableList"> <!-- 列表项模板 --> <li class="list-group-item"> <div class="form-check form-check-inline"> <input class="form-check-input batch-select" type="checkbox"> </div> <span class="item-name">项目名称</span> <span class="badge bg-secondary item-status">状态</span> </li> <!-- 更多列表项... --> </ul> ``` #### JavaScript逻辑实现 ```javascript // 全选/取消全选 $('#toggleSelectAll').click(function() { $('.batch-select').prop('checked', $(this).data('selected') || false); $(this).data('selected', !$(this).data('selected')); toggleEditButton(); }); // 显示批量编辑表单 $('#editSelected').click(function() { $('#batchEditForm').slideDown(); }); // 应用批量修改 $('#applyBatchChanges').click(function() { const selectedItems = $('.batch-select:checked'); const newStatus = $('#batchStatus').val(); selectedItems.each(function() { const $item = $(this).closest('.list-group-item'); $item.find('.item-status') .text(newStatus === 'active' ? '激活' : '禁用') .toggleClass('bg-success bg-danger', newStatus === 'active' ? true : false); }); // 构建提交数据 const batchData = []; selectedItems.each(function() { batchData.push({ id: $(this).data('id'), status: newStatus }); }); // 发送AJAX请求 $.ajax({ url: '/batch-update', method: 'POST', contentType: 'application/json', data: JSON.stringify({items: batchData}), success: function() { alert('批量更新功!'); $('#batchEditForm').slideUp(); } }); }); // 监听选择变化 $('.batch-select').change(function() { toggleEditButton(); }); function toggleEditButton() { const hasSelected = $('.batch-select:checked').length > 0; $('#editSelected').prop('disabled', !hasSelected); } ``` #### 关键功能说明 1. **选择控制逻辑** - 全选/取消全选按钮统一管理选择状态 - 当选中有项目时激活编辑按钮 - 使用`data-id`属性存储项目唯一标识 2. **批量编辑实现** ```javascript // 修改选中项UI显示 $('.batch-select:checked').each(function() { // 更新UI元素... }); // 准备批量提交数据 const batchData = $('.batch-select:checked').map(function() { return { id: $(this).data('id'), newValue: $('#batchField').val() }; }).get(); ``` 3. **数据提交优化** - 使用单个AJAX请求提交所有修改 - 在请求体中结构化传输批量数据 - 服务器端批量更新数据库[^3] 4. **视觉反馈** - 使用徽章颜色区分状态变化 - 应用功后的提示消息 - 表单自动收起功能 > **注意**:批量编辑时建议禁用单个编辑功能,避免数据冲突[^2]。可使用`.prop('disabled', true)`禁用单个编辑按钮。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

afeng124

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值