- 博客(118)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 hsycms tp5 框架轻量级建站管理系统
Hsycms 实现全站生成静态网页，也可伪静态访问两种方式自由切换。推荐生成静态化可提高网页打开速度，有利于SEO收录。全新后台界面，后台可随意切换风格。支持后台菜单缓存，后台操作方便，前端模板制作更快速。功能包括作者官方网址：http://www.hsycms.com官网交流QQ群：597208036一、安装环境准备Hsycms是由ThinkPHP5.0框架开发的，所有环境必须支持PHP+MYSQL5.0,PHP必须大于5.4 ，环境必须支持伪静态二、安装程序安装程..
2020-11-17 11:03:33
2379
原创 mbdiy VUE3.0实现页面自由DIY
使用VUE3.0实现页面自由DIY，可拖动模块到页面，可点击，可设置模块属性项目分为页面、模块、组件三个部分组成，可同时保存多个页面，可新建页面，可自由拖动模块至页面，模块可以复制，上下移动，可设置模块字体，背景，文字，图片，连接，样式等属性。实现效果图页面体验：http://diy.hsycms.com/...
2020-11-04 11:21:12
1786
1
原创 炫酷弹窗插件 hsycmsAlert.js
炫酷弹窗插件 hsycmsAlert.js演示地址介绍包括操作成功，操作失败，LOADING，自定义弹窗，普通弹窗，询问弹窗，提示窗等。安装教程请demo里面的 HTML结构复制到自己项目 再引入JS文件：jquery.js 和 hsycmsAlert.js 样式文件： hsycmsAlert.css使用说明<script> //参数说明 id,文字,方法 //普通弹窗 function alert(txt){ hs
2020-09-01 13:45:03
947
原创 tp5 生成静态页面代码
//写入 /*** $filepath 生成静态文件路径 $tpl 模板文件名称 ***/ private function filePutContents($filepath,$tpl){ ob_start(); $content = $this->fetch('index@index/'.$tpl); //模板渲染路径...
2019-07-26 11:48:44
5399
1
原创 flex实现瀑布流布局可用于uniapp项目和vue项目
flex实现瀑布流布局，可用于vue项目,uniapp项目。将列表分为两列或者多列，在循环时分别处理列表数据显示。
2023-08-31 10:00:56
216
原创 ant-design 实现TAB标签页面与路由菜单联动效果
在菜单那边加一个监听 v-model="selectedKeys" :open-keys.sync="openKeys"原理就是监听路由变化，然后添加到TAB中。
2023-04-20 20:31:35
1232
1
原创 uniapp 打包H5去掉URL #号
注： 如果在根目录的时候去掉 h5目录则 RewriteRule . /index.html [L] 即可。打包的时候使用history模式。
2023-03-22 10:38:38
137
原创 H5校验本机号码前端
后端：传入手机号和spToken请求【verifyPhoneWithToken】接口校验是否本机流量卡号码。前端：身份鉴权获传入accessToken和jwtToken【checkAuthAvailable】成功。后端：传入域名后端获取授权accessToken和jwtToken 【getAuthToken】前端：再获取根据【getVerifyToken】获取spToken。请在关闭Wifi的时候测试，否则不容易成功。
2023-03-21 15:51:47
1572
原创 tp5 windows服务器执行定时任务教程
2、创建定时任务，在程序 application/command/Task.php ，没有文件件新建一个，Task.php 是我自定义的文件名。3、在application\command.php 中添加如下代码，没有文件自建名称是command.php.1、在程序根目录新建 think.php 文件，一般下载自带有，没有可以把下面内容复制过去。9、在操作里面新建启动程序，这里就选择刚新建的Task.bat就可以了。NO,咱不是要定时执行吗，当然还要建立定时计划。6、点击任务计划程序，点击创建基本任务。
2022-12-21 11:57:05
749
1
原创 宝塔nginx环境如何配置 wss WebSocket 连接
1、需要一个备案域名，在小程序中配置好wss域名2、开放端口，宝塔环境新开放一个端口nginx配置location /wss { proxy_pass http://127.0.0.1:2022; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwar...
2022-05-20 20:59:44
3594
1
原创 JS 订单30分钟内完成付款倒计时
//30分钟内完成付款 createtime[0000:00:00 00:00:00] 订单创建时间 limitTimes分钟数 countDown(createtime,limitTimes){ let startTime = new Date(createtime).getTime() / 1000 let endTime = new Date(createtime).setMinutes(new Date(createtime).getMinutes()+limitTimes) .
2022-05-07 12:28:58
779
原创 uniapp 实现聊天语音播放，多个音频只播放一个实现播放动画
一、组件代码<style lang="scss" scoped="scoped">.vvoice-play{ width:150rpx; &.flex{ justify-content: flex-end;} .vp-bg { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJ...
2022-04-10 13:39:44
2022
原创 uniapp 小程序H5实现选择时间段组件
<style lang="scss" scoped>.flex{ display: flex; align-items: center;}.center{ display: flex; align-items: center; justify-content: center;}.between{ display: flex; align-items:center; justify-content: space-between;}.syui-anim{ -webkit-ani...
2022-04-08 17:09:05
1426
原创 uniapp使用内置地图选择插件，实现地址选择并在地图上标点
uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：<style> page{ background:#F4F5F6; } ::-webkit-scrollbar {width: 0;height: 0;color: transparent;} page{ height:100%; width:100%; font-size:24rpx;} image,view,input,textarea,label,text,navigator{ box-siz.
2022-04-01 11:19:31
2048
5
原创 JS实现二维数组每一列添加一个统计并添加到数组最后一项完美实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS给二维数组每一列添加统计项完美实现</title> </head> <body> <style> *{ margin:0px; padding:0px; box-sizing: border-box;} ul,li{list-style-type.
2022-03-25 17:34:19
770
原创 VUE 页面缓存与不需要缓存的页面处理
vue实现页面缓存，一般是缓存了所有的页面，如果不想缓存某一个页面可以使用一些判断实现。缓存技术是 vue include 存放一个数组，include是需要缓存的组件```<template> <div> <keep-alive :include="tagsList"> <router-view></router-view> </keep-alive> </div...
2022-03-08 18:47:45
1764
原创 el-table 表格列实现动态显示与隐藏
el-table 表格列实现动态隐藏显示通常一个表格横向展示的时候，字段过多，但是我们又想要只显示部份字段，这时可以使用本组件实现你想要的效果。1、实现原理：通过给列添加v-if来实现动态显示与隐藏效果一、编写列显示与隐藏控制组件<template> <div> <el-dialog title="自定义列" class="column-dialog" :visible.sync="dialogVisible">
2022-03-08 18:40:17
10942
原创 JS 倒计时使用秒作倒计时实现方案
let end = new Date('2021-12-12 12:00:00') //结束时间let cur = new Date() //当前时间var difftime = parseInt((end - cur)/1000); //转化为秒if(difftime > 0){ this.countDown(difftime)}formatBit (val) { val = +val return val > 9 ? val : '0' + .
2021-11-11 10:22:42
825
原创 uniapp 中使用 uCharts.js 画图表
在components 中新建一个目录 u-charts ,然后里面放两个文件, u-charts.js u-charts.vueu-charts.js的内容/* * uCharts® * 高性能跨平台图表库，支持H5、APP、小程序（微信/支付宝/百度/头条/QQ/360）、Vue、Taro等支持canvas的框架平台 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved. * Licensed..
2021-10-08 16:28:05
1291
原创 uniapp 封装的插件集合 包括：无限级选择器，TAB滑动切换，圆形进度条，上拉加载动画，动画使用，通用弹窗等。
uniapp 封装的插件集合 包括：无限级选择器，TAB滑动切换，圆形进度条，上拉加载动画，动画使用，通用弹窗等。作者：神夜QQ:564379992交流群：942832552插件下载地址：https://gitee.com/sywlgzs/uniapp-componentsuniapp 插件集合大全: uniapp 封装的插件集合 包括：无限级选择器，TAB滑动切换，圆形进度条，上拉加载动画，动画使用，通用弹窗等。插件预览地址：http://diy.hsycms.com/uniapp-c
2021-09-16 17:40:47
1817
原创 uniapp 生成商品分享通用海报源码详解
uniapp 生成商品分享通用海报源码，使用canvas生成海报，圆片加圆角，标题换行显示两排 多余点点，兼容H5端和小程序端。组件显示代码<template> <view> <uni-popup ref="popup" type="center" class="poster-alert"> <view class="poster"><image :src="poster" @longpress="saveImg">
2021-08-24 10:31:44
1202
1
原创 PHP获取区域按字母排序
一、去重函数function assoc_unique($arr, $key) { $tmp_arr = array(); foreach ($arr as $k => $v) { if (in_array($v[$key], $tmp_arr)) {//搜索$v[$key]是否在$tmp_arr数组中存在，若存在返回true unset($arr[$k]); } else { $tmp_arr[] = $v[$key]; } } sort($arr
2021-08-07 00:19:16
177
原创 uniapp常用组件样式大全持续更新中...
一、支付组件使用uview-ui效果：组件：Pay.vue 代码：<template> <!--去付款--> <u-popup v-model="showPay" mode="bottom" border-radius="20" class="upay" :mask-close-able="false"> <view class="pay-alert"> <view class="pay-co...
2021-08-03 11:46:06
2013
1
原创 JQUERY+CSS3实现通用网站二级菜单下拉效果，真正隐藏DIV并实现动画。
1、通常使用CSS3即可实现，但是做不真正隐藏DIV，导致一些BUG，下面使用JQUERY+CSS3的方式真正实现多种下拉效果。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> *{ margin:0px; padding
2021-04-02 17:50:25
237
原创 JS用最简单的方法去除两个数组中重复的元素
用最简单的方法实现数组去重哈哈let arr = ['你好','苛在','不是','我是'];let arr2 = ['你','苛在','不是','我是','不知道','这行好'];let temp = [];arr2.forEach(res=>{ let index = arr.indexOf(res); if(index==-1){ temp.push(res); }}); console.log(temp); ...
2020-12-25 11:09:11
1680
原创 uniapp 小程序里面实现视频列表，播放当前视频，其它视频暂停，视频列表为组件形式引入。
let video = uni.createVideoContext("video"+index, this) 核心代码 video.play();1、inde.vue 代码<template> <view class="content"> <Videobox :video="video"></Videobox> </view></template><script> import V...
2020-11-27 15:32:38
4448
2
原创 vueloopscroll 公告文字循环滚动中奖记录循环滚动插件
```1、在 main.js中引入import VueLoopScroll from '../packages/index.js'Vue.use(VueLoopScroll)2、在项目中使用<vue-loop-scroll :list="list" direction="left" :speed="10"><li>滚动内容</li><li>滚动内容</li><li>滚动内容</li><...
2020-11-14 17:02:45
2763
原创 PC端实现微信扫码登录流程TP5
//检测微信登录 public function wechatLoginCheck() { $res = db('login')->where('id', 2)->find(); if ($res['status'] == 0) { $this->error("未启用微信登录"); } if ($res['appid'] == "") { $this->error("微信登录APPID不能为空"); } .
2020-11-04 14:28:50
1297
原创 PHP 实现QQ登录代码
PHP 实现QQ登录代码废话不多说直接上代码我将QQ登录配置信息放在login 表里面的,登录之前先检测是否有 appid , appkey , notify 回调地址。这些需要先去 QQ互联https://connect.qq.com/申请，申请好通过后就有了。//检测QQ登录配置信息 public function qqLoginCheck() { $res = db('login')->where('id', 1)->find(); if ($re..
2020-10-26 17:32:20
672
原创 使用VUE与JQUERY 结合做后台产品规格处理非常简单的完成
先看实现的效果图在后台项目做规格这一块，如果使用原生JQUERY来写肯定非常麻烦的，JS代码复杂繁多，后面我就想能不能用VUE和JQUERY来实现 ，果然这样是可行的，而且用VUE来做代码量非常的少减省了大量的时间，提交表单仍然用普通提交方式就可以，因为我们的规格数据是以JSON形式保存在表单里面的，直接提交到后台，前端JS取的时候转换一下就OK。一、在产品表 product中建三个字段来保存规格，我们以JSON的形式保存到数据库spec规格类型字段 0单规格，1多规格 ，...
2020-09-07 11:21:18
370
sywlgzs-hsycmsAlert-master.zip
2020-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人