- 博客(63)
- 收藏
- 关注
RSS订阅原创 表单中 输入某一项 回显其他项
管理系统中，我们经常需要录入信息，就避免不了多个模块要录入相同的信息，比较麻烦这里我们只输入姓名，然后自动填入身份证号和性别方法一：步骤1、给input绑定change事件，然后监听input输入的值 <a-form-item label="姓名"> <a-input @change="onChange" placeholder="请输入姓名"
2022-04-14 10:55:11
2248
原创 uniapp app真机测试
uniapp app真机测试注意：连接手机的时候会提示手机也需要下载360手机助手（按照提示下载即可），手机上会自动安装一个HBuilder,点击进去就是自己的app 手机连接的时候要选中usb调试模式...
2022-03-03 14:57:21
1123
原创 vue elementUI 数据联想 类似百度的模糊查询
一般下拉框可以满足需求，数据量大的时候下拉框太长不好看，这时候就需要模糊查询如下图：后端返回的数据格式不太对，所以需要自己手动整理，这里整理的数据必须有一个value项，可能是组件的限制组件<el-form-item label="职工代码" prop="zgdm"> <el-autocomplete class="inline-input" ..
2021-12-10 10:56:21
2098
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
627
原创 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
647
原创 vue+elementUI 打印pdf文件
后台管理系统里经常需要打印功能，常见的是打印页面对象，但是打印指定的pdf文件就比较麻烦，这里就实现了，把需要打印的pdf文件放在一个iframe里，然后在子窗口打印用户操作：点击按钮可以触发打印（如下图）效果如下具体代码如下methods: { // 打印 doPrint() { console.log("触发打印"); let filePath = "/static/JavaScript高级程..
2021-12-02 14:03:02
3601
9
原创 【报错】Uncaught (in promise) Error: Avoided redundant navigation to current location:
ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错
2021-10-27 14:03:05
706
原创 微信小程序 转发 自定义全局配置
参考文章：微信小程序-全局分享、自定义分享_glorious_future的博客-优快云博客_微信小程序全局分享
2021-09-15 20:52:32
916
原创 微信小程序 转发 封装
微信小程序转发的时候可以配置一部分转发参数（title path imageUrl）有的时候，里边的某个参数是固定的，这里用imageUrl做示例，也就是不管是从哪个页面转发出去，都是一样的背景图这个时候就需要封装分享，封装后，后期背景图有改动，就只需要维护一处数据，比较便捷（如下，图片是固定的，只需要维护defaultImageUrl 变量的值）其他参数也一样以下是封装（app.js） //封装分享 wxOnShareAppMessage(share_title, sh...
2021-09-15 15:45:34
526
原创 微信小程序 封装接口
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
339
原创 微信小程序 图片列表 预览
使用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
1608
原创 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
1364
原创 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
399
原创 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
2957
原创 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
236
原创 vue 组件 子组件向父组件传参 自定义事件 $emit
需求：列表页的内容项可添加 ，点击“自定义”弹出框 添加才做完成后 刷新列表效果图：父组件子组件（弹出框）思路：1、在子组件完成添加操作后调用emit触发绑定函数，2、在父组件里自定义事件名，并进行刷新数据的逻辑处理代码 Addstation.vue(父组件) 父组件里自定义事件名 @afterAdd="updateList"<addwelfare ref="welfareMsg" @aft...
2021-05-27 11:12:28
359
原创 localStorage 本地存储
一般用户登陆的时候服务端会返回token，为了便捷，会使用本地存储 localStorage.setItem("token", res.data.data["JEECMS-Auth-Token"]);读取 console.log(localStorage.getItem("token"))
2021-05-07 09:41:46
158
原创 修改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
152
原创 vue 分类 传参
效果图这里是接口的参数首先，左边导航（tabBtn()，下标index）右边导航（tabBtn2()，下标index2，tabIdx2）导航用两个数组控制，以便于通过index(下标)判断当前需要显示的内容。第二：确定请求接口是和哪个点击事件捆绑（左边导航还是右边导航)第三：明确思路，把接口单独封装，通过点击事件确定参数的值，在点击事件里调用接口接下来附上代码块自定义数组tabList: ['全部消息', '未读消息', '已读消息'],typeList:..
2021-04-28 11:25:51
439
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
142
原创 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
953
原创 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
176
原创 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
7274
1
原创 vue+elementUI 组件 弹窗
需求：点击按钮，弹窗（这里的弹窗使用外部组件）效果图：页面中：“查看详情”点击触发 examineBtn() 方法，<template> <div> <div style="height: 73vh"> <el-table :data="showData" style="width: 100%" :hea...
2021-04-02 18:09:55
6415
原创 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
1476
原创 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
421
原创 PHP 根据传参不同切换页面
如下图：服务管理和回收站要显示不同的列表数据，但是样式基本相同，就不用写两个页面了，只需要在页面跳转的时候携带不同参数，查询相对应的数据，对样式的不同之处判断显示即可这是跳转页面的代码：我携带的参数分别是"all"和"deleted"(选中样式也要判断)<li class="<?php echo $cate == 'all' ? 'active':'' ; ?>...
2019-10-16 09:38:04
815
原创 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
933
原创 PHP基础 递归查询
表结构垃圾分类表：分类内容表：查询代码： //垃圾分类内容 public function get_content() { //获取当前分类id $id = I('get.id', ''); $model = M(); $sql = "select id,parent_id,p...
2019-08-01 16:40:57
742
原创 微信支付 微擎
//支付 返回给小程序端的6个参数 public function doPagePay() { global $_W, $_GPC; // include IA_ROOT . '/addons/byjs_sun/wxpay.php'; $res = pdo_get('yzpx_sun_system', array('unia...
2019-07-25 09:14:44
337
原创 基于微擎 砍价活动
功能需求：1、添加砍价活动（这里是教育项目，砍价活动为课程中的一个分类）2、用户第一次砍价，成为砍主3、用户可以邀请好友帮自己砍价（一个好友只能帮一个用户砍价一次）接口：用户成为砍主//用户砍价（成为砍主） public function doPagebeBargainer() { global $_W,$_GPC; $un...
2019-07-24 15:19:57
331
原创 基于微擎 集卡活动
功能需求：1、“ 添加集卡活动 ”2、“添加卡片 ”3、用户点击抽卡4、填入记录表需要的数据表集卡活动表：ims_yzpx_sun_card需要的字段：id、 title、 img_cover（封面图）、img（轮播图）、rule（规则）、prize_details（奖品详情）、drawtimes（抽奖次数）、helptimes（求助次数）、prizenum（奖...
2019-07-24 15:06:18
543
原创 基于fastadmin框架 一个表单分两次提交
功能描述：给表单添加一个模块（包含两个input框），先提交该模块，再提交其他信息功能需求：1：先提交订单连接和商家单号，初始加载是input框，2：下单成功后 “ 订单链接” 变为a标签，“商家单号 ” 只读3：只有下单后，才显示 “ 反馈信息 ” ，“ 备注 ”效果图：第一次用fastadmin框架着实费力，过于详细首先需要找到前端页面添加需要的模块（该模块为f...
2019-07-23 16:44:55
2242
原创 php基础 转换图片路径 转换时间格式 两表联合查询示例
//二维数组循环将时间戳转换格式 foreach ($newsList as $key => $value) { $newsList[$key]['createtime']=date('Y-m-d H:i:s',$newsList[$key]['createtime']); }//循环将图片路径换成线上路径 一维数组 foreach ($banner['lb_img...
2019-06-12 11:59:31
169
原创 PHP中给数组中追加元素
在写接口的时候，有的参数需要合并成一个数组如上，需要把选中的合并到上边的数组里边去达到如上效果实现代码如下public function doPagecourseInfo() { global $_W, $_GPC; $uniacid = $_W['uniacid']; $id = $_GPC['id']; ...
2019-06-11 16:40:35
5942
原创 小程序 解密手机号
思路一：1. 在小程序端定义button 2. js中调获取破解用户手机号的接口（可以在接口里直接破解之后存储用户手机号） 2.1 破解手机号，返回给小程序端 2.2 将手机号存到数据库//解密手机号码 public function doPagegetPhoneNumber() { global $_GPC, $_W; ...
2019-05-31 14:36:16
1424
原创 微信小程序 picker选择器出现object
js 先简单定义两个数组// pages/home/home.jsconst app = getApp();Page({ data: { lesson: ['美国', '中国', '巴西', '日本'], index: 0, }, /*** 生命周期函数--监听页面加载*/ onLoad: function (options) { var tha...
2019-04-27 16:39:16
7376
原创 小程序 日历 左右滑动
效果图wxml<scroll-view class="scroll-view" scroll-left="{{scrollLeftIndex*itemWidth}}" scroll-x scroll-with-animation> <view class='item' style='width:{{itemWidth}}px' wx:for="{{da...
2019-04-03 16:44:39
2194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人