- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue+element-ui 树形table
使用vue+element-ui +el-table 实现带树形的表格实现效果图实现方式：1.table标签中增加 row-key="rowKey"default-expand-all其中 row-key是接口中返回的一个属性，最好是不重复，重复后会导致有些地方点击折叠和展开出现问题，row-key使用属性必须有值不能为空，否则会一直报错row-key is requireddefault-expand-all 表示默认全部展开<el-table:data="...
2021-04-27 14:46:19
3354
2
原创 vue中不要element-ui时实现table的各列排序根据数组决定实现方法
昨天写了一篇table表格的各列根据数组决定排序的文章，但是有人不使用element-ui，现在写一下原始的table表格实现此功能问题说明：用数组fileds决定各列的展示顺序，比如说fileds=[{key:"name",value:"姓名"},{key:"address",value:"地址"},{key:"sex",value:"性别"},{key...
2020-07-08 17:29:40
812
原创 vue中实现过滤器：页面中接口返回的数据中部分数据需要进一步处理展示时可用过滤器进行处理
在做页面列表时，有时候接口返回的数据都是一些数字类型来标记是哪些类型，比如说经常用的0表示性别男，1表示性别女，但是到页面上展示时需要转化为汉字"男" 和 "女"进行展示，现在记录一下使用过滤器实现转化的过程，代码说明：例子中写了两个过滤器 一个获取会员级别名称的过滤器 一个判断是否有开店资格的过滤器，写两个是为了展示过滤器需要多个参数时的写法过滤器getViplevel 有一个参数level 使用时第一个参数是放在管道符|前边的，后边没有参数了方法名后边就不再跟东西了过滤器getIsC..
2020-07-07 17:42:22
1891
原创 vue中实现列表的每列位置由一个数组决定
今天一个朋友问我想实现一个table表格的各列顺序由一个数组决定怎么实现，其实既然是有数组决定的就把数组循环出来就可以了，原来的prop和label属性换成动态绑定数组中的值就可以了代码如下<template> <div class="list"> <el-table :data="tableData" style="width: 100%"> <el-table-column :prop='col.key'
2020-07-07 17:06:21
438
原创 按照端口查找进程，并强制杀掉进程
经常碰到端口被占用的情况，此时想要强制杀掉进程，每次都记不住，都需要去搜索一下，这次自己记下来，方便以后查阅8081端口被占用，查找8081端口的进城netstat -aon|findstr "8081"图中的最后一列是进程的pid然后按照进程pid杀掉进行，/F表示强制杀掉进程，有时候有些进程不用/F杀不掉taskkill /pid 27908 /F...
2020-07-07 11:18:23
199
原创 vue中实现img设置src路径为本地图片
在vue项目中有时候img标签中引入的图片是本地图片，直接写src路径貌似根本加载不到，现在把解决方法记录一下。vue中引入本地路径时可以使用数据的形式进行引入，先提前把图片引入到当前vue文件中，在绑定到img的src属性上，代码如下 <div class="searchbox"> <span class="icon-search"><img :src="images.searchpng" alt="">&
2020-07-01 17:53:22
8793
原创 vue中实现一个搜索框的组件
在前端开发中有些东西就会经常反复使用，这样的东西抽取成组件比较合适，最近工作中遇到一个搜索楼盘的页面需要反复多次使用，抽取成了组件，现在记录一下1.创建一个searchcom.vue文件2.文件中填入一下代码，具体内容在代码后边进行解释<template><div> <header class="page-header"> <div class="searchwrap border-bottom">
2020-07-01 17:33:49
12614
原创 mt-loadmore实现上拉加载更多，下拉刷新碰到的坑：页面刚加载时总是会触发bottom-method方法的解决方案
做一个移动端页面时要实现一个列表的页面，使用的mt-loadmore实现的，但是发现一个问题：页面刚进来时总是会执行自发的触发bottom-method的事件，当列表里数据不止一页时页面就会向下滚动一点，导致刚进入页面看到的内容不是从最顶端的开始，想要的效果是这样，页面刚一进来加载第一页内容展示从页面顶端开始展示但实际除了正常加载第一页外，自发的触发了bottom-method的方法多加载了一页，而且页面自发的向下进行了滚动成了以下这个样子，顶部的黄色说明部分被遮盖了一部分解决办法是在<mt-
2020-07-01 14:09:03
978
原创 java中请求post类型的接口，参数使用json
如果编码格式不是utf-8可以换成别的，或者提出来一个参数也行/** * * @param urlstr 请求的地址 * @param json json格式的参数 * @param headerMap 需要传入的header信息，如果没有可以为空 * @return */public static String doPostJson(String urlstr, String json, Map<String, ?> headerMap) { try { .
2020-07-01 10:44:40
1369
原创 html5适配ios的黑暗模式
最近几天app里嵌入的wap页需要做ios黑暗模式的适配，尝试了一下H5的适配，现在把方法记录一下具体方法如下：原有样式保持不变， 黑暗模式的样式追加在原有样式最后边并且需要嵌套在标签@media(prefers-color-scheme:dark){}中@media(prefers-color-scheme:dark){:root{--c39:#fff;--c56:#989DA6;--c98:#989DA6;--group:#171...
2020-06-16 15:30:57
1443
1
原创 java中的集合 TreeSet
如果经常会去搜索集合中的某一项建议使用ArrayList集合，ArrayList集合是有序集合再介绍一个TreeSet集合，也是有序集合，TreeSet集合不会按照数据插入的顺序进行排序，而是按照给定的比较器进行排序，、TreeSet集合要求集合的项必须继承Comparable接口，必须实现compareTo方法TreeSet集合使用时如果在创建TreeSet时没有指定比较器则会按照集合项...
2020-03-27 16:20:20
180
原创 vue-cli的安装并使用vuie-cli创建项目
1.借助npm进行安装vue-clinpm install -g @vue/cli安装完成会回在npm的文件下生成vue.cmd文件此时表示安装成功。安装成功后需要配置环境变量才能使用vue-cli将vue.cmd的路径配置到环境变量中，我的电脑右键属性打开环境变量，找到系统变量中的path，点击编辑输入一个分号并把vue.cmd的路径粘贴进去即可点击确定，然后...
2020-03-18 22:05:30
297
原创 webpack资源打包入门，包含对css和图片文件打包和实时加载
1.css-loader打包css文件(1).需要安装模块style-loader 和css-loadernpm install --save-dev style-loader css-loader官方地址：https://www.webpackjs.com/guides/asset-management/#%E5%8A%A0%E8%BD%BD-css(2)配置webpack.co...
2020-03-03 22:24:53
305
原创 ES6语法中的导出和导出export/import
ES6语法的导出和导入默认成员和非默认成员学习笔记1.ES6语法中使用export导出成员或者函数，对应的导入时需要使用import2.export导出默认函数和默认成员时一个模块（通常是一个js文件）只能有一个默认成员或者默认函数（1）//导出默认函数exportdefaultfunction(){console.log("这是ES6语法111");}对应...
2020-03-01 22:33:04
1837
原创 webpack基础入门
使用webpack打包的基础入门学习笔记1.webpack安装时最好不要安装全局的，而是本地安装，因为项目如果转移到其他电脑上打包时可能不同的电脑安装的全局的webpack版本不同，可能会影响打包结果或者不能打包，安装在本地，换到其他电脑时就会使用相同版本的webpack2.本地安装webpacknpm install webpack@4.35.2 不加版本号时会安装最新版本的np...
2020-02-29 23:59:37
160
原创 vue的简单入门项目
1.给项目创建一个文件夹用VSCode打开文件夹，然后添加一个helloword.html文件，按!+Tab生成html页面模板，然后打开控制台用指令npm install vue@2.6.10 安装vue.js3.安装好后在helloword.html中引入刚刚安装的vue.js4.双大括号{{}} 是直接绑定data中的数据5.v-once是一次性绑定，绑定之后哦数据再变化时对应的...
2020-02-23 19:57:41
407
原创 VSCode常用插件和快捷键
1. VSCode的常用插件 （1）open in browser 按下alt+B使用默认浏览器打开当前html页面或者使用shift+alt+B选择其他浏览器 （2）vue 2Sinppets （3）Vetur 语法高亮，智能感知 （4）Auto Rename Tag 自动完成另一侧标签的同步修改 （5）Path Intellisense 自动补全...
2020-02-23 15:15:26
307
原创 npm常用命令
1. 安装node.js时会把npm一起安装上，无须单独安装npm,node.js的安装包中集成了npm的安装2. node -v 查看node.js的安装版本，也可用此来判断node.js是否安装成功3. npm -v 查看npm是否安装成功和npm的版本4. npm init 使用npm创建项目（也叫初始化项目） (1)npm init初始化项目时项目名称中不能含有大...
2020-02-23 15:02:52
424
原创 spring中基于注解的各种通知
导包<dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.1.9.RELEASE</version></dependency&...
2020-01-10 16:55:15
319
原创 spring中基于XML的各种通知AOP
通知分为前置通知、后置通知、异常通知、后置返回通知、环绕通知其中环绕通知中相当于包含了前置通知、后置通知、异常通知 外加一个最终通知直接上代码pom文件中导包<dependencies> <dependency> <groupId>org.springframework</groupId> &...
2020-01-10 15:36:42
92
原创 linux学习笔记
1.linux中的命令ifconfig //查看linux的ip地址ls -l 可以简写为 ll //查看文件带详细信息ls //查看文件不带详细信息cd 文件夹名 //进入目录，按tab键可不全路径cd .. //退回上一级目录pwd //查看当前目录cd - //返回上一次目录mkdir aaa //创建aaa目录rmdir aa...
2020-01-08 18:49:52
129
原创 java中的动态代理示例-基于接口的代理
动态代理中被代理的对象的类必须要实现一个接口，不然代理不能用，且被代理的对象必须标记为final，示例中三个文件 一个接口，一个接口的实现类，一个客户端的模拟类，使用动态代理实现方法调用//接口public interface IProduct { String saleProduct(float money); String AfterSaleProduct(flo...
2020-01-08 16:51:04
122
原创 Mybatis环境搭建和入门案例
1.创建一个Maven项目2.pom.xml文件2.1 设置打包方式<packaging>jar</packaging>2.2 引入相关依赖：里边需要用到日志所以也加入log4j包，还需要测试 所以需要加入junit包<dependencies> <dependency> <groupId>...
2019-12-19 16:12:36
160
原创 Linux上安装Nginx
按照黑马视频教的安装Nginx的过程如下：1.Nginx依赖于gcc环境需要安装环境yum install gcc-c++2.Nginx依赖于三个第三方的包yum install -y pcre pcre-devel yum install -y zlib zlib-develyum install -y openssl openssl-devel3.用rz把Nginx...
2019-12-18 14:23:24
92
原创 java中cookie的有效时间设置
Cookie cookie=new Cookie("msg","hello");cookie.setMaxAge(30);setMaxAge表示设置cookie的有效期，参数是个int类型，单位是秒，正数表示有效时间-1默认值，浏览器关闭cookie失效0表示删除当前cookie...
2019-11-25 15:13:38
5056
原创 java下载文件
@WebServlet("/DownLoadServlet")public class DownLoadServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOExcep...
2019-11-22 15:19:53
81
原创 java实现简易验证码
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int width=100; int height=50; BufferedImage image=new BufferedImage(w...
2019-11-21 16:03:17
117
原创 java中的转发和重定向
转发：说明：转发时不需要写虚拟路径，是个相对路径转发时浏览器只请求一次RequestDispatcher requestDispatcher=request.getRequestDispatcher("/ResponseServlet");requestDispatcher.forward(request,response);重定向：重定向地址需要写虚拟路径，浏览...
2019-11-21 15:36:29
164
原创 java中Unicode编码转化为中文
转自：https://www.cnblogs.com/clnchanpin/p/6892870.htmlpublic static String UnicodeToUtf8(String theString) { char aChar; int len = theString.length(); StringBuffer outBuffer = new StringBu...
2019-10-22 16:45:04
2253
原创 JDBC最基础的使用方法
JDBC最基础的使用方式1.修改，插入，删除public static void main(String[] args) { Connection connection =null; Statement statement =null; try { Class.forName("com.mysql.jdbc.Driver"...
2019-10-18 16:57:41
104
原创 vue.js中跳转页面写法
跳转时打开新窗口方式：letrouteData=this.$router.resolve({path:'/esf/saleOrderManagePrivitelyOwend'});window.open(routeData.href,'_blank');跳转时不打开新窗口方式：this.$router.push({path:'/esf/saleOrderManag...
2019-10-11 15:21:06
841
原创 java中捕获当前控制器中所有的异常进行统一处理
在控制器中加上方法@ExceptionHandler(Exception.class)public ExecuteResult hanleException(Exception e){ StackTraceElement[] traces=e.getStackTrace(); System.out.println("异常=》"+e.getMessage()); f...
2019-08-21 16:01:22
711
原创 C#中发送以post方式发送http请求，并将参数以json格式传递到body体中
string url="http://........"; ImplantAgentProtectQueryDTO dto = new ImplantAgentProtectQueryDTO(); dto.isProtect = isProtect; dto.newcode = n...
2019-08-05 13:49:46
16953
2
原创 Vue中让文本框获取焦点
Vue写的页面中使用指令获取焦点后会出现一种显现，不论点击哪里都会让那一个input获取焦点，所以不要使用指令来写使用如下代码放到你要获取焦点的地方即可获取焦点，其中searchTxt是要获取焦点的ref的名称this.$nextTick((x)=>{ //正确写法 this.$refs.searchTxt.focus();})页面写法js中方法页...
2019-07-30 19:06:29
11284
原创 怎样设置电脑允许远程桌面连接
1.我的电脑->右键->属性->远程设置->勾选允许远程协助到此台计算机和允许远程连接到此计算机远程桌面中的仅允许运行使用网络级别身份验证的远程桌面的计算机连接 选项是用远程登录的账户设置了远程登录密码时勾选，如果不勾选则登录时不验证密码2.点击选择用户->添加->然后输入用户，查找名称进行添加->确定3.WIN+R调出运行框，运行框中输入...
2019-07-15 09:38:44
42917
原创 Ngix转发请求
Ngix对请求进行转发，可监听同一端口根据不同的域名转发到不同地方，现在进行设置：找到配置文件ngix.conf文件，进行修改：增加要转发到的地址：#domain:txy.test.fang.com upstream web_server_txy_test { server 127.0.0.1:8081 weight=3 max_fails=2 fail_tim...
2019-02-19 17:34:17
288
原创 idea中maven相关设置
自己配置了一个maven,但是每次新建maven项目后maven路径都是默认在C盘下的，现在把新建项目时默认选择的maven改成自己设置的maven,选择file->other Settings->Settings for NewProjects 把这里改成自己设置的maven路径本地仓库路径Local repository可提前在自己配置的mav...
2019-01-31 17:08:50
1028
原创 MySqlHelper
执行sql语句方法定义：public static Object SqlScalar(string connectString, string sql) { return SqlScalar(connectString, sql, 1); } public static Object SqlScalar(string c...
2018-12-11 16:40:54
441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人