基础
关注
分享
扫一扫
小白_0615
小白的成长之路
展开
-
表单中 输入某一项 回显其他项
管理系统中，我们经常需要录入信息，就避免不了多个模块要录入相同的信息，比较麻烦这里我们只输入姓名，然后自动填入身份证号和性别方法一：步骤1、给input绑定change事件，然后监听input输入的值 <a-form-item label="姓名"> <a-input @change="onChange" placeholder="请输入姓名"原创 2022-04-14 10:55:11 · 2260 阅读 · 0 评论 -
uniapp app真机测试
uniapp app真机测试注意：连接手机的时候会提示手机也需要下载360手机助手（按照提示下载即可），手机上会自动安装一个HBuilder,点击进去就是自己的app 手机连接的时候要选中usb调试模式...原创 2022-03-03 14:57:21 · 1137 阅读 · 0 评论 -
vue elementUI 数据联想 类似百度的模糊查询
一般下拉框可以满足需求，数据量大的时候下拉框太长不好看，这时候就需要模糊查询如下图：后端返回的数据格式不太对，所以需要自己手动整理，这里整理的数据必须有一个value项，可能是组件的限制组件<el-form-item label="职工代码" prop="zgdm"> <el-autocomplete class="inline-input" ..原创 2021-12-10 10:56:21 · 2105 阅读 · 1 评论 -
时间序列化
function timeFormate(timeStr,formStr){//时间序列化，非常方便格式转化 if(!timeStr){return ""} let time=new Date(timeStr),str=formStr; if(time!=="Invalid Date"){ str=str.replace("yyyy",time.getFullYear()); str=str.replace("MM",(time.getMonth()+1).toSt.原创 2021-12-06 16:20:36 · 630 阅读 · 0 评论 -
vue elementUI 自定义电话验证
data() { var checkPhone = (rule, value, callback) => { if (!value) { return callback(new Error("手机号不能为空")); } else { const reg = /^1[3|4|5|7|8][0-9]\d{8}$/; console.log(r...原创 2021-12-06 10:28:15 · 652 阅读 · 0 评论 -
vue+elementUI 打印pdf文件
后台管理系统里经常需要打印功能，常见的是打印页面对象，但是打印指定的pdf文件就比较麻烦，这里就实现了，把需要打印的pdf文件放在一个iframe里，然后在子窗口打印用户操作：点击按钮可以触发打印（如下图）效果如下具体代码如下methods: { // 打印 doPrint() { console.log("触发打印"); let filePath = "/static/JavaScript高级程..原创 2021-12-02 14:03:02 · 3618 阅读 · 9 评论 -
【报错】Uncaught (in promise) Error: Avoided redundant navigation to current location:
ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错原创 2021-10-27 14:03:05 · 708 阅读 · 0 评论 -
微信小程序 转发 自定义全局配置
参考文章：微信小程序-全局分享、自定义分享_glorious_future的博客-优快云博客_微信小程序全局分享原创 2021-09-15 20:52:32 · 924 阅读 · 0 评论 -
微信小程序 转发 封装
微信小程序转发的时候可以配置一部分转发参数（title path imageUrl）有的时候，里边的某个参数是固定的，这里用imageUrl做示例，也就是不管是从哪个页面转发出去，都是一样的背景图这个时候就需要封装分享，封装后，后期背景图有改动，就只需要维护一处数据，比较便捷（如下，图片是固定的，只需要维护defaultImageUrl 变量的值）其他参数也一样以下是封装（app.js） //封装分享 wxOnShareAppMessage(share_title, sh...原创 2021-09-15 15:45:34 · 532 阅读 · 0 评论 -
微信小程序 封装接口
app.js // 封装的接口 wxRequest(method, url, data, callback, errFun) { wx.request({ url: url, method: method, data: data, header: { 'content-type': method == 'GET' ? 'application/json' : 'application/x-www-form-urlencode.原创 2021-09-15 12:05:42 · 344 阅读 · 0 评论 -
微信小程序 图片列表 预览
使用data- 携带数据，以便于在js中可以直接的拿到自己需要的图片路径,少走弯路wxml<image wx:for="{{filePic}}" wx:key="index" src="{{fileUrl+item.url}}" style="height:{{canvasHeight}};width:{{canvasWidth}}" bindtap="previewImage" data-page='{{item.page}}' data-index='{{index}}..原创 2021-09-09 16:03:09 · 1609 阅读 · 0 评论 -
elementUI 日期选择器 范围控制
先选择开始日期,控制结束日期的选择范围先选择开始日期,控制结束日期的选择范围 <div class="wrap_box"> <div class="wrap_boxtit">选择日期：</div> <div class="wrap_boxinp"> <el-date-picker style="width:150px;" ..原创 2021-08-02 11:48:19 · 1367 阅读 · 0 评论 -
canvas 手写签名 微信小程序
很多时候，程序中需要用到签名的功能，附上源码（微信小程序）.wxml<view class="canvasBox"> <view class="canvasTitle">请签名：</view> <view class="canvasContent"> <view class="singatureTag">签名区域</view> <canvas style="w...原创 2021-07-28 10:15:12 · 402 阅读 · 0 评论 -
css 样式 小红点提醒
很多网站，会有未读信息的提醒（如下图：）这里的样式主要用到定位文档链接：https://www.w3school.com.cn/cssref/pr_class_position.asp<div class="posttitle1"> <div class="posttitle1l"> <img src="../../../../../../r/cms/www/xasrcwFront/images/resumeicon.png...原创 2021-07-13 11:28:41 · 2964 阅读 · 0 评论 -
js获取地址栏的参数
页面跳转的时候，地址栏往往携带了很多参数，拿到地址栏的参数对当前页面做处理，这里是封装的方法GetQueryValue(queryName) { var query = decodeURI(window.location.search.substring(1)); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var p..原创 2021-06-30 15:57:37 · 241 阅读 · 0 评论 -
vue 组件 子组件向父组件传参 自定义事件 $emit
需求：列表页的内容项可添加 ，点击“自定义”弹出框 添加才做完成后 刷新列表效果图：父组件子组件（弹出框）思路：1、在子组件完成添加操作后调用emit触发绑定函数，2、在父组件里自定义事件名，并进行刷新数据的逻辑处理代码 Addstation.vue(父组件) 父组件里自定义事件名 @afterAdd="updateList"<addwelfare ref="welfareMsg" @aft...原创 2021-05-27 11:12:28 · 363 阅读 · 0 评论 -
下载接口怎么请求
一般得接口都是请求返回数据进行操作下载文件的接口稍有不同这里是点击下载简历url为接口路径原创 2021-05-24 09:08:41 · 1082 阅读 · 0 评论 -
localStorage 本地存储
一般用户登陆的时候服务端会返回token，为了便捷，会使用本地存储 localStorage.setItem("token", res.data.data["JEECMS-Auth-Token"]);读取 console.log(localStorage.getItem("token"))原创 2021-05-07 09:41:46 · 162 阅读 · 0 评论 -
修改title
有时候页面携带的参数不同，对应的title也需要区分开document.getElementsByTagName("title")[0].innerText if (this.loginRole == 1) { this.typeList = ['企业全部消息', '系统通知']; document.getElementsByTagName("title")[0].innerText ="企业-消息中心";} else { this.typeLis原创 2021-05-07 09:35:04 · 156 阅读 · 0 评论 -
vue 分类 传参
效果图这里是接口的参数首先，左边导航（tabBtn()，下标index）右边导航（tabBtn2()，下标index2，tabIdx2）导航用两个数组控制，以便于通过index(下标)判断当前需要显示的内容。第二：确定请求接口是和哪个点击事件捆绑（左边导航还是右边导航)第三：明确思路，把接口单独封装，通过点击事件确定参数的值，在点击事件里调用接口接下来附上代码块自定义数组tabList: ['全部消息', '未读消息', '已读消息'],typeList:..原创 2021-04-28 11:25:51 · 441 阅读 · 2 评论 -
整理时间格式
今天遇到一个问题接口里请求到的数据是字符串，需要前端转成日期（周几）的格式接口返回值startTime:"2021-04-15 00:00:00"需要显示的效果需要自己在methods里写方法来处理（这个方法不需要在mounted里调用）//整理招聘会预定时间格式timeTrans(timeStr) { let date = new Date(timeStr); let weeks = ["周日","周一","周二","周三","周四","周五"...原创 2021-04-27 14:24:01 · 145 阅读 · 0 评论 -
vue post请求接口（qs） 判断跳转
vue post传参请求接口（qs） 判断跳转 //收藏 collectionBtn() { console.log("收藏职位" + this.getid); let data = qs.stringify({ jobId: this.getid }) request_POST("/fontonli...原创 2021-04-23 10:39:09 · 957 阅读 · 0 评论 -
vue elementUI 组件
子组件<template> <div> <el-dialog :visible.sync="dialogVisible" width="884px" @open="open"> <div><img style="margin:0 auto;" :src="viewSrc" width="400px" height="400px"/></div> </el原创 2021-04-09 15:47:25 · 182 阅读 · 0 评论 -
vue elementUI 路由跳转
执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用this.$router.push(location)来修改 url，完成跳转。按钮（点击跳转倒该项的对应列表页）<el-table-column header-align="center" align="center" label="操作"> <template scope="scope"> <el-button @click="stationBtn(scope.row.id)..原创 2021-04-09 14:58:15 · 7294 阅读 · 1 评论 -
vue+elementUI 组件 弹窗
需求：点击按钮，弹窗（这里的弹窗使用外部组件）效果图：页面中：“查看详情”点击触发 examineBtn() 方法，<template> <div> <div style="height: 73vh"> <el-table :data="showData" style="width: 100%" :hea...原创 2021-04-02 18:09:55 · 6418 阅读 · 0 评论 -
vue + elementUI 分页的实现
vue + elementUI 添加后台管理系统页面 （这里最主要说分页）原创 2021-04-01 14:08:30 · 280 阅读 · 0 评论 -
js 循环二维数组
var business_name="已选中：";if(submit_val != ''){ for(var i in submit_val){ // console.log(submit_val[i]); // console.log(i); business_name += submit_val[i] + ...原创 2019-11-01 15:15:30 · 1480 阅读 · 0 评论 -
PHP 封装方法 private
主方法 //导入第三方结果集 public function import() { //查询第三方表 rs_other_request_log ->field("id,cloud_platform,module,data,status") set_time_limit(0); //超时 ini_set('m...原创 2019-10-22 14:22:39 · 429 阅读 · 0 评论 -
PHP 根据传参不同切换页面
如下图：服务管理和回收站要显示不同的列表数据，但是样式基本相同，就不用写两个页面了，只需要在页面跳转的时候携带不同参数，查询相对应的数据，对样式的不同之处判断显示即可这是跳转页面的代码：我携带的参数分别是"all"和"deleted"(选中样式也要判断)<li class="<?php echo $cate == 'all' ? 'active':'' ; ?>...原创 2019-10-16 09:38:04 · 820 阅读 · 0 评论 -
tp3.2 基础 列表的排序功能
一般的后台管理别表都会有排序功能思路：循环得到多个update语句，执行html <td><input name="listorders[{$vo.id}]" class="input input-order" type="text" size="5" value="{$vo.sort}"></td>controller //热搜...原创 2019-10-15 14:16:18 · 937 阅读 · 0 评论 -
PHP中给数组中追加元素
在写接口的时候，有的参数需要合并成一个数组如上，需要把选中的合并到上边的数组里边去达到如上效果实现代码如下public function doPagecourseInfo() { global $_W, $_GPC; $uniacid = $_W['uniacid']; $id = $_GPC['id']; ...原创 2019-06-11 16:40:35 · 5951 阅读 · 0 评论 -
微信小程序 文章点赞功能
小程序给文章列表点赞资讯列表页资讯详情页小程序前端代码：(在前端添加点击事件 bindtap='update')<view style='padding-top:30rpx;width:93%;margin:0 auto;'> <text class='block font15 gray5 tl fl' style='padding-l......原创 2018-12-19 18:03:03 · 4585 阅读 · 1 评论 -
微信小程序 表单验证 源码
效果图点击预约设计弹出表单 城市，面积不能输入，只能选择 点击位置获取当前定位 源码:Wxml<!--pages/designerList/designerDetail.wxml--><view> <view class='tc m_t20'> <image src='{{urlhttp + designerDet...原创 2019-02-20 11:58:04 · 2453 阅读 · 0 评论 -
微信小程序 表单 验证
表单分为两个主要部分，一个是客户提交的信息，一个是主要内容（内含文字和上传图片），完整源码见上一篇功能：点击文字则向上划出文本输入框（点击完成的时候做判断，内容不为空），点击图片则打开上传图片，思路：1.前端布局给两个按钮 添加文字 bindtap='addTextTap' 上传图片 bindtap='chooseImg' 一个隐藏的视窗 通过tex...原创 2019-02-20 11:33:12 · 4590 阅读 · 0 评论 -
微信小程序 picker选择器 表单验证 源码
微信小程序表单验证（这是自己写的，比较low，下篇附上公司大佬的源码，嘿嘿）所在城市带选择城市的功能比较懒笨，附上的代码是完整的，把接口数据换成自己的就可以用了，样式需要自己调，请在评论区夸我 ！！！ 附上要用的API的路径 https://developers.weixin.qq.com/miniprogram/dev/component/picker.html?searc...原创 2019-02-20 10:12:25 · 2200 阅读 · 0 评论 -
微信小程序 弹出框 自定义 可滚动
最近在写一个装修的活动，规则是点击按钮弹出加上相应的动画首先我们需要一个按钮触发显示（如图，点击详细规则显示规则模态框，图二右边的滚动条在手机上不显示）思路：小程序自己的模态框不能写样式，这是个比较尴尬的情况，这是一个比较小白的解决方案：在前端写一个视窗，默认让它隐藏，我这边是用showModel来控制，默认给它false，当点击规则按钮是将showModel的值改为tru...原创 2019-02-19 17:53:20 · 4270 阅读 · 0 评论 -
微信小程序 自定义视频封面图
微信小程序视频标签是videovideo组件API：https://developers.weixin.qq.com/miniprogram/dev/component/video.htmlwx.createVideoContext() API： https://developers.weixin.qq.com/miniprogram/d...原创 2019-02-23 09:59:34 · 6713 阅读 · 1 评论 -
微信小程序 转发
微信小程序的转发分两张情况1.自定义的转发按钮2.小程序自带的右上角的转发按钮小程序 API https://developers.weixin.qq.com/miniprogram/dev/api/share.html下图是自定义的转发按钮 xml<view class='fl' style='width:55rpx;height:55rpx;ma...原创 2019-01-30 13:35:39 · 934 阅读 · 1 评论 -
微信小程序 视频列表 封面图 禁止多个视频同时播放
微信小程序视频列表用到的组件是 video 链接 https://developers.weixin.qq.com/miniprogram/dev/component/video.html先附上效果图（对比效果）此为没有封面图的视频，简直丑到爆 此为加了封面图和自定义视频播放按钮 此为禁止多视频同时播放效果图 大致思路就是，wx:for=...原创 2019-01-26 17:53:42 · 3704 阅读 · 5 评论 -
微信小程序 腾讯地图（小白适用）
微信小程序 腾讯地图（小白适用）微信小程序中一般有的定位导航的功能，这是后就需要腾讯的地图了（百度地图不行的呢），怎么在一个页面简单又高效的使用地图呢，思路其实相当简单第一步：在页面上放个图片，当时然是地图的，这就需要设计小姐姐帮忙了，第二步：给图片添加点击事件 （bindtap='locationtap'）<view class='m_t20' bindtap='loca...原创 2018-11-28 17:59:30 · 1949 阅读 · 0 评论