jq1223的博客

//payType==2为支付宝支付 if(payType==2){ //获取支付页面 toAlipay(res.data.data).then(result=>{ if(result.data.code==200){ //跳转支付页面 document.querySe...

效果首先给一个 class=“liStyle” <li class="liStyle" @mouseover="mouseover(index)" @mouseleave="mouseleave" >.liStyle{ font-size: 12px; line-height: 30px; background-color: #FFFFFF;/*默认白色*/}.liStyle:hover{ background-color: #00FF00;/*鼠标移上改变

效果：新增弹框中 加入prop属性 将级联选择器value值放入对象中 这样才能验证通过v-model=“addForm.value” <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model=

效果： <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model="addForm" :rules="rules" ref="addForm" label-width="120px">

效果：新增弹框中 加入prop属性 将级联选择器value值放入对象中 这样才能验证通过v-model=“addForm.value” <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model=

不要就加 :underline=“false”<div> <el-link :underline="false">无下划线</el-link> <el-link>有下划线</el-link></div>

文本框 <el-form-item label="手机号码:" prop="phoneNumber"> <el-input v-model="addForm.phoneNumber" type="number" oninput="value=value.replace(/[^\d]/g,'')" maxLength='9' ></e

文本框 <el-form-item label="手机号码:" prop="phoneNumber"> <el-input v-model="addForm.phoneNumber" type="number"></el-input> </el-form-item>css样式<style scoped>/* el-input去掉自带上下箭头*/ /deep/ inp

数据库查询语句 t_province为省 t_city为市 t_area为县 SELECT code_p code,name,'0' pcode,'1' type FROM t_province UNION ALL SELECT code_c code,name,code_p pcode,'2' type FROM t_city UNION ALL SELECT code_a code,name,code_c pcode,'3

报错信息：elementu登录时报错报错原因：前端发起请求：前端接收请求：修改方案：吧get改为post

注：本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示：前端代码：首先在角色管理操作中加入分配资源按钮 <el-row> <el-button size="mini" type="text" @click="handleSelectResource(scope.$index, scope.row)">分配资源

注：本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示：前端代码：首先在角色管理操作中加入分配菜单按钮 <el-row> <el-button size="mini" type="text" @click="handleSelectMenu(scope.row.id)">分配菜单 </el-bu

注：本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示：前端代码：首先在用户管理操作中加入分配角色按钮 <el-button size="mini" type="text" @click="handleSelectRole(scope.row.id)">分配角色 </el-button>定义好分配角色的弹框 <!--分配角色-->

一，可以使用自定义指令的方式，根据登录的名称，实现按钮级别权限首先在src目录下新建directive目录，在目录下再新建两个js文件index.js 文件里代码如下：import permission from './permission'// 全局注册自定义指令const install = function(Vue) { Vue.directive('permission', permission)}if (window.Vue) { window['permissi

在pom.xml中添加项目依赖 <!--SpringSecurity依赖配置--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency&

报错信息：报错位置：name中的menu跟上div中的值不一致

注：如果想去掉弹框中的 此刻按钮 请点击此文章效果1：不能选择当前时间之前的时间效果2：不能选择开始时间之前的时间 <div> 开始时间： <el-date-picker v-model="value.promotionStartTime" value-fo

原有去掉后效果方案：在全局css中给.el-picker-panel__footer选择器加{display: none}进行全局隐藏

<div> <el-checkbox-group v-model="selectProductAttr[idx].values"> <div v-for="(item,index) in selectProductAttr[idx].options" style="display: inline-block" .

加之前加之后代码：主要是v-model.trim trim<el-input v-model.trim="addProductAttrValue" style="width: 160px;margin-left: 10px" clearable></el-input> <el-button class="littleMarginLeft" @click="handleAddProductAttrValue(idx)">增加</el-button&gt

商品列表之新增 Steps 步骤条 一 思路：做商品列表新增模块需要首先设置步骤条将几个页面绑定到一起，因为一个表单为一个页面二 步骤：1.首先在点击新增按钮时跳转到填写商品信息页面 //打开页面 openAdd为新增按钮事件 openAdd() { //跳转到填写商品信息页面 ...

效果图在查询表格中 <el-form-item label="商品分类："> <el-cascader clearable v-model="selectProductCateValue" :options="pr

报错信息：查看分页时的属性单词对不对

安装npm install安装element-uinpm i element-ui -S安装qsnpm instal qs安装vue-i18国际化npm install vue-i18n安装vue axionpm install --save axios vue-axios安装路由npm install vue-router --save-dev启动npm run dev

注：本项目做的时候是前后端分离项目做功能之前首先要考虑几个问题：1.用户点击以下图片中的1时，X号时把上传的图片删除2.用户点击以下图片中的2时，点击空白处时把上传的图片删除3.用户点击以下图片中的3时，点击提交时新增成功3.用户点击以下图片中的4时，点击取消时把上传的图片删除步骤：1.首先需要一个全局close事件 无论点击任何地方都必须close触发事件 close Dialog 关闭的回调，然后将这个事件先定义出来2.data中3个变量定义，为什么是2个图片变量那，因为我上传两个

方案1：使用vue自带配置文件解决跨域问题（1）这个Vue项目有自带config文件的方式proxyTable: { '/fh': { target: 'http://localhost:8080/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, //這裡true表示实现跨域 pathRewrite: { '^/fh': '/'//

报错信息：这个是跨域问题8082访问8080阻止了解决方案：在Controller类上架@CrossOriginpackage com.fh.controller;import com.h.entity.Drug;import com.h.service.DrugService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotatio

效果展示：首先給表单外加一个div<div class="aa-login"></div>然后給表单设置样式<style scoped>.aa-login { position: absolute; left: 50%; top: 50%; width: 350px; margin: -190px 0 0 -175px; border-radius: 5px; //设置透明度 background: rgb

效果展示: token时间续签 思路:1：在登录接口中 如果校验账号密码成功 则根据用户id和用户类型创建jwt token(有效期设置为-1，即永不过期),得到A2：更新登录日期(当前时间new Date()即可)（业务上可选），得到B3：在redis中缓存key为ACCESS_TOKEN:userId:A(加上A是为了防止用户多个客户端登录 造成token覆盖),value为

功能介绍:登录成功后，用户页面1分钟无操作返回登录页面，包括新增等按钮效果： vue登录 首先导jar包：<!-- jwt jar 包--> <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId&g

效果图：elementui全选和全不选代码：<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection"

效果图：绑定Class选择器进行设置：<template > <div class="login"> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm aaa" > <el-form-item label="用户名" prop="name"> &l

首先在dialog上定义@close=“close1(‘form’)”//全局清空表单数据//这种方式清除不了图片//全局清空表单数据 close1(form){ this.$refs[form].resetFields() }

删除时： const totalPage = Math.ceil((_this.total -1 ) / _this.pageSize) // 总页数 _this.currentPage = _this.currentPage > totalPage ? totalPage : _this.currentPage _this.currentPage = _this.currentPage < 1 ? 1 : _this.

修改时删除OSS服务器老图片： @Override public void updateDrug(Drug drug) { //判断新图片和老图片都不为null if(StringUtils.isNotBlank(drug.getImg()) && StringUtils.isNotBlank(drug.getPhoto())){ //删除老图片 OSSUtil.deleteFile(drug.getIm

效果图1：效果图2：新增页面效果图3：修改页面首先引入依赖： <!-- Oss需要的jar包--> <dependency> <groupId>com.aliyun.oss</groupId> <artifactId>aliyun-sdk-oss</artifactId> <version>3.8.0</ver

问题:ElementUI控件el-date-picker 时间段误差8小时解决方案1： 加value-format=“yyyy-MM-dd HH:mm:ss”<el-form-item label="生产日期"> <el-col :span="11"> <el-date-picker type="date" placeholder="选择日期" v-model="form.producedDate" value-format="

问题展示：解决方案：加一下代码<style> .el-table th.gutter{ display: table-cell!important; }</style>结果展示：

效果图1：效果图2：后端pom文件：<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apac

注：后台我是用pageHelper分页插件做的效果图：首先配置依赖<!--pageHelper分页--> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <versi