叙传

一：通过nginx部署我们默认linux服务器上已经安装好nginx环境，我将vue编译的dist文件夹放到了 /root/build/x-frontend-manage目录下步骤一：编写nginx配置文件找到nginx的安装目录，注意不是nginx软件包的存放目录，如下图所示到conf目录下 执行vi nginx.confuser root; # 此处需要修改为rootworker_processes 1;pid logs/nginx.pid;events {

现状如上图所示，antdv的select选择器通常是根据汉字来匹配的，而且官方也提供了demo如下：<a-form-item label="公司名称"> <a-select :showSearch="true" :filterOption="filterOption"/> </a-form-item>methods:{ filterOption (value, option) { return option

效果代码上图的按钮 实现了呼吸的一个特效，关键代码如下1，html 部分<img style="width: 100%;animation: submitBtn 1.5s ease infinite;" src="https://files.huizecdn.com/file1/M00/48/95/CgUA3GFve3uAC-kuAAA8CBX55SM702.png">2，css部分/* 呼吸效果 */ @keyframes submitBtn {

将一个普通方法转Promise实例后就可以通过.then来获取到方法的返回值了，这在ES6中非常常见。例子：原方法如下export function getInfo () { return '返回一个字符串'}// 原方法调用如下const str = getInfo()console.log(str)修改之后：export function getInfo () { return new Promise((resolve, reject) => { const s

日期选择器的赋值与取值效果实现方式如图所示日期选择框的实现代码如下所示html代码如下：<a-date-picker v-model="form.taskStartAt" :format="dateFormat" style="width: 100%" />js代码如下import moment from 'moment'import 'moment/locale/zh-cn'moment.locale('zh-cn')export default { data ()

效果代码表头列合并columns = { title: node.date, dataIndex: node.date, key: node.date, width: 260, children: [ { title: '上午', dataIndex: node.d

效果如图所示，在antdv的表格中，有涉及到下拉多选的需求，并且将选中的结果在单元格内一行展示，鼠标滑动观之。代码表格单元格的代码<template slot="editMorning" slot-scope="node"> <a-select :dropdownMatchSelectWidth="true" :filter-option="filterOption" @change="onCellChange(node.AM, $event)" mode="mul

效果如图所示，这是一个弹窗，弹窗中是多选框。而且不仅包含了多选框，还包含了时间组件实现代码页面<template> <c-modal title="资质" centered :destroyOnClose="true" :visible="visible" :loading="loading" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel=

使用场景1：在微信小程序中进行了某种操作后，推送消息告知用户的操作结果使用场景2：微信端办公流程提交给下一个人审批后，得到审批通过或是驳回修改的命令使用场景具体如下图，可用在签到、提醒、通知、警告、催办等方面：上面的实例图片就是通过后台 给微信推送的订阅消息。那具体的应该怎么实现呢，且看下文分解。实现步骤1 微信公众平台的配置1.1 选用公共模板库中的模板登录微信公众平台后台，点击功能》订阅消息（若之前没有使用过，则点击开通）点击公共模板库 的title，可以看到 有很多模板，.

js部分（request.js）import axios from 'axios';const service = axios.create({ baseURL: 'http://localhost:8088/v1/', withCredentials:true, timeout: 50000,});service.interceptors.request.use( config => { config.headers = { .

从element框架转到vuetify框架不适应？来看看这篇文章吧

在网上看到一个很方便的验证码插件：easy-captcha。使用效果如下。使用步骤：1.导入依赖<!--图形验证码--> <dependency> <groupId>com.github.whvcse</groupId> <artifactId>easy-captcha</artifactId> <version>1.6.2</version> .

先看效果，视频演示地址：https://b23.tv/i8njpo，以下为图片效果。进入页面后会有一个弹窗，用户点击领取按钮（或是不点击按钮，页面3秒钟后也会分离）后，图片会上下分离滑动至屏幕外，领取按钮托马斯全旋360度后原地消失，同时页面蒙版消失，用户可以进行后续操作。上面的效果其实比较简单，一个弹窗，包含三个图片，点击中间图片（或是不点击 过三秒后），上下两个图片垂直滑动至屏幕外。要实现这个效果js是比较简单的，复杂的点在于css。这里两个需要注意的点是：1：滑动的..

gulp是一个非常流行的前端自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单说，gulp就是用来打包项目的。先看一下 我的前端项目结构，应该跟大多数人的项目结构都相同：如上图所示：src目录：代码目录 bower_components目录：静态js目录 build目录：src目录的编译目录，可删除，编译后会重新生成 node_modules目录：node环境的固定目录本文讨论中的最主要的目录：打包文件：gulpfile.js打包文件的主要内容：var g...

目录目录效果预览登录微信登录账号密码登录主页主页之搜索主页之详情主页之导出主页之渠道量统计渠道及通道管理通道编辑渠道编辑订单管理订单管理之订单编辑订单管理之区域限量订单管理之区域配置城市选择代码预览代码结构预览要点讲解登录侧边栏条件筛选目录效果预览登录微信登录账号密码登录主页主页之搜索主页之详情主页之导出主页之渠道量统计渠道及通道管理通道编辑渠道编辑订单管理订单管理之订单编辑订单管理之区域限量订单管理之区域配置城市选择代码预览代码结构预览

此组件并非本人原创，原作者链接为：https://blog.youkuaiyun.com/NAMECZ/article/details/80254178#comments_12281606优化内容：1：组件数据加载空白2：组件报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.3：组件样式调整...

最近想把项目中的入库数据做一个折线展示，用到了百度的echarts表，还挺好用的，在此做个简单的记录。官方实例：https://www.echartsjs.com/examples/zh/index.htmlecharts.min.js下载地址：https://www.echartsjs.com/zh/builder.html1，效果图。效果图中展示了一周的数据变化：x轴是时间，y轴...

页面效果：页面有6次抽奖机会，每次抽完奖会弹出领奖小弹窗（可选择不要），并在下方的已获列表中展示已获得的奖品列表第一步，核心js：注释都在代码上核心代码一：lottery.js这个lottery.js是核心的js，里面包含了加载页面九宫格相关图片和文字的事件、抽奖事件、抽奖停转事件、奖品领取事件等等。奖品图片、跳转链接、中奖概率皆从后台接口返回的js中取。暴露了四...

分隔线以上为表单中的switch开关分割线以下为表格中的switch开关实现步骤：一：先建一个vue页面，取名switch<template> <div> <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="val...

先上效果图：这个功能实现起来其实不是很难，主要有几处细节需要注意1，vue中js模块的导出2，linq的使用3，一级分组和二级分组的业务逻辑处理主要实现步骤如下：一：准备linq1，安装linq。npm install linq2，在main.js中引用import linq from 'linq';Vue.prototype.Enumera...

情况是这样的。后台springboot的接口是用shiro权限进行管理的。我想在登录的时候24小时内记住密码自动登录。shiro是提供了rememberMe的记住密码管理器来帮助我们实现自动登录。先说第一个坑。跨域，这没什么好说的，这也不算特坑，按照如下配置即可。import org.springframework.context.annotation.Configuration;...

//id是标签的idfunction regeMatch(id){ var pattern = new RegExp("[▪•‥△▽○◇□☆▷◁♤♡♢♧▲▼●◆■★▶◀♠♥♦♣☼♀☺◐☑✔☜☝☞㏂☀☾♂☹◑☒×✘☚☟㏘…▁▂▃▄▅▆▇█" + "∷※░▒▓▏▎▍▌▋▊▉♩♭☌♈♪♫♬§〼◎۞℗®♯♮‖¶卍卐▬℡™㏇☍☋☊㉿◪◪◔◕@㈱№♉♊♋♌♏♐♑♓♒♍↖↑↗...

<table > <tbody id="mail_tbody_${param.prefix}"> <tr align="center" id="mail_th"> <c:if test="${param.mode!='view'}"> <th width="10px"> <%--全选...

function addoption(){/*for增加全选框和多选框*//*for循环加载全选按钮,一共有四个多选区域，以下的verficationPeopleMap为后台json传的map对象，起for循环遍历添加多选框之用*/ for(var i=1;i<=4;i++){ $("#contact"+i+"div").html(""); ...

/*以下到第一个if结束的代码是为了给多选框中其中的两个选项设置成单选*//*获取上一次的多选值*/var oldroleTypes =$("#rolesAll").stk_val();/*判断这两个多选框是否处于被选中的状态*/var flag3=$("#roleType-3").stk_attr("checked").toString();var flag4=$("#roleTyp...

/*后端代码*/Map returnmap= new HashMap();returnmap.put("1","李白");JsonConfig config = new JsonConfig();context.getPageContext().setAttribute("verficationPeopleMap", JSONObject.fromOb...

<%--------------------------------------------------------jsp标签---------------------------------------------%><%--浮动层--%><div id="MarktingInput" style="background-color: #ffffcc" c...

这个东西搞了半天，网上的资料误人子弟久噫。下面总结自己的经验帮助大家排雷。照例先上效果图。（涂鸦大法好）1，引用。注意引用的顺序，及其重要。<link rel="stylesheet" href="../../lib/css/mobile-select-area.css"><link rel="stylesheet" href="../../lib/css/d...

话不多说先看效果：此效果是基于layui使用formselect4完成的，实现的几个必要条件是1，开启select的属性2，引入正确的js（这个着实找了大半天）3，复制粘贴jquery代码不足之处望提意见。------------------------分割线-------------------------------html部分<label clas...

1，照例先上效果图。如图在input框的左边有一个小图标，鼠标可点击。2，实现方式：首先定义一个最外层的div将input框和button按钮包裹起来。我前端用的是LayUi，当然了这跟layui关系不大，最主要的代码是。z-index:1和z-index:2，表示将input的div置于底层，将button的div置于input的上层，这个z-index的值越大就越在上层。随后将butt...

<div id="mjAccount" name="mjAccount" style='width: 100px;display:block;word-break: break-all;word-wrap: break-word;'></div>

此次修改layui表格默认停留在当前页的时候顺便加了保留条件查询的方法。即功能展现为：表格有6页数据，按照某个条件搜索，表格展示了3页数据，我们在第2页点击编辑跳转到子页面，再关闭子页面回到这个列表页面的时候，仍然还在第2页。不会默认跑到第一页，同时也保留了搜索条件。当然不默认跳转第一页和保留搜索条件我们可以把它分成两个功能点，这两个功能点可以像我一样同时使用，也可以分开各自使用。两个功能点的...

----------------------------一：有趣的线条---------------------------------------------------------------------------------------------<!--代码放置于</body>上方--><script>!function()...