![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
前端实战、架构、问题等
还未秃的收尾新手
这个作者很懒,什么都没留下…
展开
-
原生HTML Select下拉多选 + vue
bootstrap select多选原创 2022-06-23 14:59:53 · 1984 阅读 · 0 评论 -
记Ant Design Vue upload文件修改文件名称
界面样式界面实现代码<template> <a-modal title="Upload Stuffing Plan by Release Key" :width="757" :visible="visible" :confirmLoading="uploading" //等待 okText="Next" @ok="onSubmit" @cancel=" () => { $emit(原创 2022-04-15 17:30:58 · 3620 阅读 · 0 评论 -
Ant Design Vue 动态路由
main.js 引入 routerimport router from './router'new Vue({ router, i18n, created: bootstrap, render: h => h(App)}).$mount('#app')router - index.js new Routerimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)import {原创 2022-03-04 18:39:01 · 1935 阅读 · 0 评论 -
Ant Design Vue 切换中英文改变Menu和内容
前言,目前一个小项目使用的是Ant Design Vue,情况是 路由从接口获取并渲染到页面上,切换国际化语言时,Menu 和 内容 都中英文自动切换。Ant Design Vue 结构Ant Design Vue接口获取路由并渲染切换国际化 内容 和 Menu的操作内容改变:<template> <a-input v-model="name" :placeholder="$t('model.name')" allow-clear /></t原创 2022-03-04 18:07:02 · 1500 阅读 · 0 评论 -
CSS 与 原生js对样式的一些操作
1.点击Table中的任意一个td选中当前tr 通过vue循环赋值table <table class="table border modal-body" id="respondentTable"> <thead> <tr> <th></th> <th>{{ $t("appointment.Respondent_RealName") }}</th> <th&g原创 2021-09-10 13:51:15 · 99 阅读 · 0 评论 -
jQuery 空格占位符
html中 jQuery中 \xa0在浏览器中\xa0会被自动转换为 原创 2021-07-09 14:00:56 · 396 阅读 · 0 评论 -
OKTA的使用
OKTA的使用使用Okta需要先使用邮箱注册一个账号 https://developer.okta.com/signup/ 注意是下面这张注册图,有验证;如果没有,则可以请香港用户帮忙注册 前端使用Okta https://developer.okta.com/code/vue/ 这里可以选择前端语言 以vue为例:登录 https://{你的domain地址}/admin/getting-started 举例 ...原创 2021-05-10 10:27:22 · 3684 阅读 · 1 评论 -
整理json的前端和后台操作
json有json字符串,例如:{1,2,3} ; json数组[{1,2,3},{4,5,6}]两种,处理方式不一样,而且在前端和后台处理方式也不一样前端处理json:(处理时,需要转换为json对象)jsonData = “json”var data = JSON.parse(jsonData);var obj = eval('(' + data + ')');json字符...原创 2018-07-31 11:24:22 · 613 阅读 · 0 评论 -
layUI 数据从第一张表移至第二张表
从第一张表移至第二张表,我的思路:1.第一张表必须有checkbox(可实现多选)2.第一张表选取的数据,在点击"添加"按钮的时候,消失3.第一张表选取的数据消失,那么表中的数据必须重排4.选取的数据添加到第二张表中,第二张表点击移除的时候,移除的数据又会添加到第一张表中(这里我没管添加到最前面还是最后) 一、初始化第一张表,使用layUItable.render({...原创 2019-01-08 09:40:01 · 1194 阅读 · 0 评论 -
整理layUI初始化表格,监听等 + 表格拖曳(tableDnD插件)
这次将之前所有的前端页面需要用layUI统一一下,其中还是遇到一些问题。1.初始化table,table中的各种事件操作(1)先展示html页面代码<table class="layui-table" type="hidden" id="bcastMng" lay-filter="demo"></table>(2)js中初始化tabletable.r原创 2019-01-07 17:36:53 · 6292 阅读 · 0 评论 -
echart重叠图表
今天接到一个任务,显示重叠图表,一开始在echart官网中找到具体列子,但是在本地测试时,发现样式完全不一样,猜测原因是版本的不同,后续又在网上查找原因,发现是一个属性的设置原因。先展示echart2实例与本地数据的差别:对于相同的option设置:echart2实例:本地图表显示:发现不同地方位置:首先是颜色不同,第二是实例中有重叠,本地没有重叠;第三实例中柱状图上有显示数据,本地没有。后来找到...原创 2018-06-27 18:01:23 · 5547 阅读 · 0 评论 -
java + echart (多条折线图,饼状图,柱状图)
echart用于统计使用,看着很美观且数据描述的很清晰。所以昨天第一次使用,出现了很多问题。1.多条折线图 折线:line直接贴代码:后台public Map<String,Object> pointUselessAnalyze(Integer orgId){List<Record> records = null;List<String>...原创 2018-05-22 11:33:57 · 8806 阅读 · 4 评论 -
mui 索引列表(数据动态生成)
查询过mui索引列表,发现与索引相关的内容只有<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">indexed li...原创 2018-04-04 14:22:55 · 6203 阅读 · 0 评论 -
Ant Design + 海康威视摄像头
海康威视有两种摄像头,一种定向摄像头,一种能云台控制摄像头。1.都可以加在录像机下进行监控2.单个摄像头不能进行回放功能当前的问题并且处理方法:问题:海康威视支持jquery-1.7.1.min.js解决方法:放在同级目录下 问题:其中webVideoCtrl.js需要jquery-1.7.1.min.js解决方案://引入 jquery-1.7.1.min.jsconst $ = require('./jquery-1.7.1.min');!...原创 2020-07-14 11:38:48 · 809 阅读 · 3 评论 -
Ant Design各个组件的使用,实例
一、Menu的使用想要达到的效果,点击左边,随时更新右边表格数据。import React from 'react';import {Divider, Form, Modal, Select, Table, Tabs, Button, message, Card} from 'antd';import { PageHeaderWrapper } from '@ant-design/pro-layout';import styles from './style.less';import原创 2020-07-14 11:24:53 · 1908 阅读 · 0 评论 -
记录Ant-Design前后端数据交互
前端:Ant-Design,大部分使用了ES6的写法后端:Vertx前端可以分为几个部分: index.js 渲染页面 model.js 命名空间与方法的调用等 server.js 请求路径 _mock.js 可供测试数据(不是必要的) 后端使用注解的方式进行访问。举例:(后端模拟表格数据,传到前端,渲染页面;点击编辑按钮,传入参...原创 2020-03-27 17:16:02 · 4086 阅读 · 0 评论 -
IDEA + Ant-Design 中遇到的问题
1. Error running 'App': No jdk for module 'webserver' :在App.java文件中有个main函数,但是没有运行标识。解决办法:检查第一个位置:File -> Other Setting -> Project Structure for New Projects检查第二个位置:File -> Settin...原创 2020-03-04 09:58:22 · 4432 阅读 · 0 评论 -
使用Ant其中所遇到的问题
对于怎么样搭建环境等,就不多说了,按照步骤一步步进行。按照Ant Design的步骤来,地址:https://www.yuque.com/ant-design/course/intro按照步骤编写完代码时,遇到的问题:第一个问题:无package.json,查看这个路径:C:\Users\用户名 下只有package-lock.json解决方法: cnpm...原创 2019-11-06 17:39:35 · 642 阅读 · 0 评论 -
img src图片不存在,设置默认图片
<img :src="site.photo_url" onerror="this.src='../../images/user-photo.jpg'"/>如果默认的图片也不能找到,则会一直请求(会造成内存溢出)所以需要进行处理。1.var webSocket = null;var lockReconnet = false;webSocket.onerror = function(){...原创 2018-03-20 16:18:32 · 7385 阅读 · 0 评论 -
通过a标签下载文件,不能下载原因
<a href="../api/v1/file/downloadTemplate?templateFileName=sampleExcel.xls&downloadFileName=Excel填写实例.xls" class="layui-btn" style="color:white">Excel填写实例</a><a href="../api/v1/fi原创 2018-05-04 11:11:33 · 16865 阅读 · 0 评论