前端
关注
分享
扫一扫
小小志秩
Think Twice,Code Once.
展开
-
VUE实现上传文件后，导出失败的数据
VUE实现文件上传，Java实现上传功能，筛选出错误数据，将错误数据封装，使用easyPOI导出，前端接到数据就处理，下载到本地原创 2022-02-25 15:32:11 · 907 阅读 · 0 评论 -
后台管理系统
最近撸到一个开源的后台管理系统，在这儿做个分享，这个前端用的layui，后端用的SpringBoot + Thymeleaf + WebSocket + Spring Security + SpringData-Jpa + MySql，搞毕设的朋友可以拿去改改然后直接使用，还是蛮方便的，数据库的操作可以自己改成mybatis，前端可以改成时下流行的VUE+elementUI，借鉴意义还是可以，关于其中的权限控制处理。链接后台管理系统...原创 2020-10-23 11:34:30 · 196 阅读 · 0 评论 -
new Vue中使用自定义验证和函数
new Vue()vue.Js中，本地服务器有三种写法，作用域在本地的写法有new Vue({})，这种写法很简洁，因此自定义的验证规则以及函数function之类的，都是写在原创 2019-04-24 14:36:57 · 1180 阅读 · 2 评论 -
vue+element+iframe非组件实现树形导航
最近在做项目过程中，自己写了个首页，要用到树形导航与标签页结合展示页面，使用的而且是iframe页面嵌套的方式，不使用组件。以下是代码，仅供参考，关注关键代码就行了<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>中方...原创 2019-05-08 21:24:27 · 1098 阅读 · 0 评论 -
vue实现树形table表格展示
由于element文档实在是太坑了，没有这方面的代码，索性自己查阅了一堆源码之后，才终于在不使用自定义组件的情况下，写出了treeTable的展示界面，以下是代码，仅供参考，有些数据是要联系到后台之类的，我就没给出，所以参考的小伙伴记得自行替换报错的页面代码<%-- Created by IntelliJ IDEA. User: Administrator Date: 2019...原创 2019-05-08 21:28:53 · 13922 阅读 · 4 评论 -
element+vue鼠标右键显示菜单
<template> <el-container style="height: 630px"> <el-aside width="300px"> <el-tree :data="productTypes" :props="defaultProps" node-key="id" ...原创 2019-05-24 09:08:51 · 19350 阅读 · 13 评论 -
解决element中级联选择器的空白选项
在使用element组件的时候，有个级联选择器，使用数据库的树形数据传入使用，在级联选择时发现最后一个子类的后面还有空白选项，这就导致选择不了需要的类别，所以需要在前端对获取到的树形数据进行处理，让空白选项不显示，添加如下代码处理数据就可以了getTreeData(data) { // 循环遍历json数据 for (var i =...原创 2019-05-24 09:16:46 · 1581 阅读 · 0 评论 -
element+vue实现界面动态添加表单
首先，要确保你的开发环境是vue+element框架。然后就可以开始了添加一个按钮用于打开模态框<el-button type="primary" @click="handleSkuProperties">SKU属性</el-button>设计一个组件用于动态添加表单，我这儿使用的是模态框。里面是卡片和表格处理数据<!--SKU属性维护的模态框-->...原创 2019-05-24 10:05:48 · 8505 阅读 · 0 评论 -
笛卡尔积自动搭配属性值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> /...原创 2019-05-24 10:06:45 · 467 阅读 · 0 评论 -
打印ECharts图表
Echarts十分好用，还能够保存为图片，进而打印，麻烦的是甲方爸爸想要在界面上直接打印图表，这可麻烦死了，今下午查遍了度娘，最终找到了解决方法。首先在Echarts图标上方定义一个img<!--startprint--> <img src="" id="printImg" style="height: 50%;width:90%;display: none;" />...原创 2019-08-20 17:02:57 · 3782 阅读 · 1 评论 -
elementUI的iframe嵌套跳转页面
在elementUI中使用树形控件和tabs标签页集成展示iframe嵌套跳转页面使用树形控件<el-tree style="margin-left: 20px; background-color: #F6F6F6" :data="treeData" node-key="id" :props="defa...原创 2019-04-18 22:20:26 · 17423 阅读 · 2 评论 -
elementUI的select选择器回填，展示问题
在使用elementUI的select选择器的时候，编辑数据，页面数据回填弹出模态框，这时候模态框选择器的值是数据而非我们定义的label，案例如下：选择器前端代码：绑定的数据：点击编辑按钮后，数据回填的代码：结果：在此可以看出，是否付款那儿显示的是我们的数据值而非名称，这个原因就是我们前端绑定的数据是String类型，然而回填的是number类型，所以只需要把绑定的数据变成nu...原创 2019-04-18 22:12:20 · 8045 阅读 · 0 评论 -
使用JQuery报错window[] is not a function
HTML中，使用JQuery自定义表单报错，window[] is not a function，错误在于没有返回值，因为window[]中括号内使用的是页面返回值，该回调函数才起作用，若是没有写相关返回值函数，则报错。...原创 2019-03-10 08:49:51 · 6425 阅读 · 0 评论 -
页面报错400- client
前台表单数据传入后台，页面报错，参数类型错误，那么就是页面上数据类型有误，封装成对象时出错。原创 2019-03-10 08:53:41 · 634 阅读 · 0 评论 -
在JSP中使用rows方法
使用document.getElementById(‘table’).rows[id].cells[2].innerHTML的方式获取页面表单的内容填入模态框时，当页面内容是通过c:foreach这类循环赋值，那么rows就无法识别到id代表的数据，这时候需要在表单循环的那一行添加索引，也就是foreach自带的varStatus="XXX"属性，可以给当前td赋值索引号，然后在js中就能获取到具...原创 2019-03-10 08:55:47 · 1576 阅读 · 0 评论 -
上传文件功能属性
当使用上传文件功能时，表单class里要加入enctype=“multipart/form-data”，不然上传工具在处理数据的时候，无法获取到二进制数据，在正常使用表单提交数据（无上传功能）的时候，不能加这个进制转化，不然会导致获取不到数据。...原创 2019-03-10 08:56:23 · 345 阅读 · 0 评论 -
Ajax异步刷新注册验证
前端代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #userName{border:1px solid l原创 2019-03-12 16:30:22 · 185 阅读 · 0 评论 -
jQuery二级联动
JQuery实现省份城市二级联动前端代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>二级联动</title><script type="text/javascript" src="js/jquery原创 2019-03-12 16:32:16 · 2183 阅读 · 0 评论 -
使用VueJs模拟表单数据的添加、回填修改
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Vue课后题</title> <script type="text/javascript" src="js/vue.js"></script> <style...原创 2019-04-07 08:44:34 · 5410 阅读 · 0 评论 -
Bootstrap框架时间控件的格式化
在使用bootstrap框架展示前端界面，用到了bootstrap自带的时间控件，引入相关js文件，使用js代码进行汉化：<!-- 引入时间控件 --> <link href="/ojbk/bootstrap-3.3.7/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> &l...原创 2019-04-01 23:30:05 · 995 阅读 · 0 评论 -
Vue+ElemetUI使用表格获取index
elementUI下获取表格的索引在elementUI的表格中，可以使用监听事件，获取到复选框中的id值，在"el-table"标签中，写入 @selection-change=“selectMore” 监听事件，事件名称自定义，例如：<el-table @selection-change="selectMore" :data="employees" style="width: 100...原创 2019-04-08 19:43:15 · 4138 阅读 · 0 评论 -
js日期格式化
方法一：// 对Date的扩展，将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==>...原创 2019-03-09 15:07:49 · 184 阅读 · 0 评论