前端知识 - 随笔分类 - falcon_fei

解决使用bootstrap modal时，icon-picker组件被遮挡问题

摘要：背景：使用表格行内编辑时，修改和新增会弹出modal，在modal中有图标选择项（使用icon-picker完成），按照icon-picker例子配置完成后发现input的样式已经变成选择图标项，但是点击按钮没有反应，且console无报错。 f12查看html源码发现在点击icon选择按钮的时候图阅读全文

posted @ 2020-12-28 15:53 falcon_fei 阅读(562) 评论(0) 推荐(0)

记一次bootstrap table使用中的遭遇

摘要：最近在做代码自动生成功能的时候，需要查询并编辑配置信息。在数据展示的时候使用到了bootstrap table，由于该配置只有一条信息，因此将原来项目当中的html复制过来，去掉了page、分页等相关信息。然而发现前台页面却不显示数据，F12查看了ajax获取数据正确并且正确返回了json信息，但是阅读全文

posted @ 2020-06-08 16:36 falcon_fei 阅读(258) 评论(0) 推荐(0)

前端js函数中直接获取springmvc后台model中传值

摘要：背景：使用springboot +springmvc +thymeleaf想在前端js中直接获取后台model传的值有两种方式： 1、使用隐藏域，先把model的值通过标签的方式放到某个input标签下，再到js中通过jquery按照id的方式选取（这种方法对于对象类型的传值支持不好，字符串什么的阅读全文

posted @ 2020-01-09 21:24 falcon_fei 阅读(13613) 评论(1) 推荐(0)

springboot+vue部署后提示找不到css

摘要：背景：使用vscode单独开发的vue独立项目，为了部署方便。是npm run build 后，把dist里面的静态文件复制到springboot项目下，然后使用内置tomcat当做web项目运行。现象: 不论是在vscode中使用npm run dev，还是在idea中运行web项目，所有菜单阅读全文

posted @ 2019-10-18 19:33 falcon_fei 阅读(2121) 评论(0) 推荐(0)

BootStrap-Table主子表

摘要：BootStrap Table主子表效果如下：实现步骤引js和css html中增加table标签完整代码如下：阅读全文

posted @ 2019-06-20 20:50 falcon_fei 阅读(969) 评论(0) 推荐(0)

windows下搭建vue开发环境

摘要：安装node.js 包管理器 1. 到 "官网" 下载安装包 2. 直接默认安装，安装完成后验证是否正常安装。打开命令提示符：输入。如果显示版本号则证明安装完成。安装vue 1. 打开命令提示符输入： 2. 全局安装 vue cli 3. 创建一个基于 webpack 模板的新项目 my p 阅读全文

posted @ 2019-06-20 17:32 falcon_fei 阅读(586) 评论(0) 推荐(0)

springboot与vue集成

摘要：<! wp:heading {"level":3} 背景：vue项目一般是单独开发单独部署，但是某些时候我们既想使用vue的各种方便组件与双向数据绑定，又想直接把开发好的vue文件集成到springboot的web项目中集成打包。 <! /wp:heading <! wp:heading {"lev 阅读全文

posted @ 2019-06-20 17:27 falcon_fei 阅读(7984) 评论(0) 推荐(0)

vue+element-ui实现主子表

摘要：需要实现如下效果一般ERP中，订单数据都分为汇总信息与明细信息，然后在查询的时候一次性从后台查询多条订单json数据，并将汇总信息展示到表格中。但是明细信息也是用户需要关注的，比如用户可能会想知道某个订单里面具体包含哪些商品，下单数量分别是多少。这时候就需要能够点击具体汇总信息行数据的时候，在下方阅读全文

posted @ 2019-06-20 17:24 falcon_fei 阅读(9756) 评论(0) 推荐(0)

jqgrid 使用小记——与springboot jpa 一起使用的分页，翻页。（使用springboot jpa 原生的分页）

摘要：由于springboot jpa 原生的 findAll 是从第0页开始的，因此如果想使用自带的分页配合jqgrid使用需要进行处理。 1、在查询时，先进行-1操作 2、在返回内容到前台显示时，进行当前页面+1操作下面附上实例，实例A为最简单的直接使用findAll controller如下： j 阅读全文

posted @ 2018-10-10 16:35 falcon_fei 阅读(1437) 评论(0) 推荐(0)

thymeleaf使用小记

摘要：记录thymeleaf使用种遇到的一些问题，备忘。前台页面显示当前登陆用户使用thymeleaf+springsecurity，想要显示当前登陆用户，有专门的标签。使用顺序如下 springboot打包后找不到html，在idea里面运行正常阅读全文

posted @ 2018-09-30 17:49 falcon_fei 阅读(141) 评论(0) 推荐(0)

jqgrid使用小记

摘要：记录jqgrid使用种碰到的一些问题，某些不常用问题时间久了会忘。 Jqgrid 如何读取自定义格式的json内容（比如带分页信息的，page、number等）比如，服务器端的Controller，返回JSON体的属性名不一定相同，有的总页数叫做totalPages，有的叫做totals等，那么j 阅读全文

posted @ 2018-09-30 17:47 falcon_fei 阅读(117) 评论(0) 推荐(0)

angularjs 的hello world

摘要：官网摘录 https://angular.cn/guide/quickstart 设置开发环境需要先安装Node.js®和npm，请先安装它们然后全局安装 Angular CLI。打开命令行，输入以下命令创建新项目运行下列命令来生成一个新项目以及应用的骨架代码：启动开发服务器实际使用的时阅读全文

posted @ 2018-02-21 21:52 falcon_fei 阅读(186) 评论(0) 推荐(0)

随笔分类 - 前端知识