httpmc2018的博客

2024年了，vue都到了灌篮高手的版本，真的没想到我还会在这个时间整理一篇关于jsp页面操作的文章。技术就是一个不用就忘的东西，既然工作中还有用武之地，那就整理一下以备不时之需。长话短说，不展开叙述，只记录关键点，回头看起来可以由点带面的回顾。

最近需要将一个之前实现的tabs页面改造，实现每个tabs页再细化按照不同分类展示，第一反应是给每个tabs页中再增加tabs，思来想去总觉得导致页面很冗余不精简。最后决定使用slot插槽来实现这个需求。算是记录一个小思路，欢迎讨论。

昨天还在写jsp，今天的项目功能要用avue-crud框架实现动态的展示column，包括column中的label与prop,prop还好说，框架的常规操作，但是这个label的动态改变真是头大的要命，翻边网上的资料，从官网到手册，从百度到必应，无一例外都是介绍crud参数的内容，最终还是边摸索边思考实现了，下面把探索过程全面奉上。1.其实我这里做的是个统计功能，label列就2列，比较简单，复杂表头的实现网上有很多，可以去借鉴，这里直说label的动态展示。2.废话不多说，直接先上js实现方法：

首先安装npm：npm install然后安装淘宝镜像：npm i -g cnpm --registry=https://registry.npm.taobao.org安装Vue脚手架：vue-cli安装webpack：cnpm install -g webpack执行运行命令：npm run serve

js中占位符总结积累 == 普通的英文半角空格  ==   ==   == no-break space （普通的英文半角空格但不换行）　 == 中文全角空格 （一个中文宽度）  ==   == en空格 （半个中文宽度）  ==   == em空格 （一个中文宽度）  == 四分之一em空格 （四分之一中文宽度）相比平时的空格（ ），&nbsp拥有不间断（non-breaking）特性。即连续的&nbsp会在同一行内显示。即使有100个连续的&

最近接手一个技术考古的开发任务，页面使用jsp加easyUI开发，这样用惯了vue组件的我着实头大，有之前写html页面和使用js的经验算是能过度一下。我这里是使用$("#").datagrid({方法在js中生成table列表，数据库中date类型的时间日期在后台查询时还是正常返回，但是在页面上确是一串数字，查阅资料并实践后得到一个可用的修复方式，直接上代码和效果图：columns: [ [ ..

按钮点击时呈现加载状态，防止其他误操作。1.效果图2.代码实现（1）按钮添加：:loading="loading.listLoading"<el-button type="primary" style="margin-top: 12px;" :loading="loading.listloading" @click="expScorePacks()">导出（2）定义 loading.listLoading（true：为开启加载状态，false：关闭加载状态）.

vue-router是vue单页面开发的路由，就是决定页面跳转的！　　<router-link> 组件支持用户在具体有路由功能的应用中（点击）导航。通过to属性指定目标地址。Props 属性1、to　　表示目标路由的链接。当被点击后，内部会立刻把to的值传到router-push()。<router-link :to="‘home‘">Home</router-link><router-link :to="{ path: ‘home‘ }"

最近做项目，遇到一个需要页面无需下载在线打印Word的功能，最初尝试直接打印页面，会导致将整个页面都打印出来，不符合要求。后期客户要求要使用lodop，这样打印与页面展示Word两个方面都是未知的东西，那就查资料设计实现方式吧，这里重点记录打印的实现，总的来说有三步。1.去lodop的下载地址下载安装适合自己电脑的插件，传送门：http://www.c-lodop.com/download.html​​​​​​​​​​​​​注意！这里我认为该官网下载有个不友好的地方打印组件，即一些样例，需.

datamask初次使用中中的雷从若依系统中得到了datamask这个页面数据格式校验的方法。我以为这是原生代码，便直接写入了input框，发现无效。后来明白需要添加自定义的文件，也就是/ <th:block th:include="include :: jasny-bootstrap-css" />这一个文件，好了暂时这个遮罩可以使用了但是后来发现，写好的另一个遮罩可以显示...

关于bootstrap的table表报错无法找到匹配内容的问题随笔springboot+bootstrapspringboot+bootstrap前天使用若依框架展示数据。由于代码生成器生成的表单是ztreetable，我将其改为table表时，这时页面的table表显示未找到匹配的数据项，除此之外，浏览器，和开发工具无一报错，这让我很头疼。将数据库查询到的结果集在日志中打印出来，发现也是查询...