- 博客(38)
- 资源 (4)
- 收藏
- 关注
原创 基于uniapp的小程序旅游毕设项目(景点+美食+酒店)
技术点:uniapp,vue,thinkphp,mysql,百度地图api,微信小程序。获取源码:https://blog.lusz.top/g?
2024-04-10 10:41:18
134
原创 图书借阅系统课程设计、毕业设计
用户可以注册账户,登录后,可以发布图书在平台上,可提供给其它用户借阅,同时自己也可以借阅其他人的图书。借阅时填写地址,用户信息后发起借阅申请,给图书所有者审批详情看截图。
2024-04-03 16:03:24
147
原创 异步加载版无限级树形结构组件,支持单选和多选组件、分页加载、搜索、面包屑类型导航
1.支持异步加载、分页加载、搜索2.支持单选(所有可选、只选子级俩种模式)3.多选(不支持关联选择)4.支持纯展示。
2024-04-02 14:43:48
384
原创 点餐小程序php毕设项目
商品管理订单管理用户管理优惠券管理商品分类管理评论管理轮播图管理https://blog.lusz.top/article?
2024-03-22 10:36:24
348
原创 SCSS动态生成类
:active {以上只是小部分举例应用,都大同小异,实际上还可以灵活使用生成各种各式的样式、提高我们的样式代码灵活度,最后想说:真正使用上scss还是很香的!
2023-10-23 12:27:18
733
原创 基于ThinkPHP的专家在线预约咨询小程序(thinkphp+mysql+微信原生小程序)
基于ThinkPHP的专家在线预约咨询小程序(thinkphp+mysql+微信原生小程序)包含在线一对一聊天。
2023-07-03 14:12:45
322
2
原创 uniapp无限级树组件,支持纯展示、单选、多选、多选联动等模式
1.支持纯展示2.支持单选(所有可选、只选子级俩种模式)3.多选(所有可选、只选子级俩种模式)4.多选联动。
2022-11-03 16:25:27
1747
1
原创 uniapp壁纸小程序源码,含积分系统(基于thinkphp,uniapp开发)
基于thinkPHP和uniapp的壁纸头像小程序,自动采集壁纸头像,壁纸有10万张+,可以接入小程序广告,管理后台配置即可,该版本可以免服务器使用。线下版本 ,可在微信搜索“精选壁纸ins”需要的联系qq、vx:122720267。
2022-10-31 16:12:18
414
4
原创 解决Element UI 组件el-popover图片溢出屏幕可视区域问题(popover定位问题)
分析原因不固定popver大小,想让图片自适应完整显示时会出现这个情况。原因:是图片未加载完成,即图片的宽高未确定,el-popover就已经初始化完成了,弹出的位置已确定。等图片加载完,内容撑开了,但是el-popover位置还是原来的,所以会溢出屏幕可视区域。解决方法等待img加载完成后更新一下el-popverthis.$refs.popover.updatePopper()demo代码非完整组件代码,仅供参考<template> <el-popover .
2022-05-04 14:40:35
5995
原创 axios批量处理取消请求
应用场景登录过期,避免多次弹窗优化加载速度,当前页面请求还未完成,页面就被切换了当前请求出错需要中断其它请求分析肯定是先去官网看看文档就是以参数的形式传入cancelToken,拿到回调参数调用就ok结合项目实现实际的项目中通常都会封装请求,为了不用在每个请求里面都添加cancelToken,可以在请求拦截器加入cancelToken,实现全局的配置,然后把每个请求的cancelToken写入window下的axiosCancel,伪代码如下const service = axios
2022-04-07 11:14:48
1011
原创 解决vue报TypeError: Cannot read properties of undefined (reading ‘getters‘)
莫名其妙的报错解决方法:可能存在循环引用devtools的问题,关闭就好了(版本3.1.5,暂不清楚什么原因)
2022-03-30 15:43:49
14476
3
原创 解决 element-ui 的 el-table 自动吸顶(支持fixed,keep-alive的使用)
el-table不设定高度,同时表头固定顶部,吸附顶部
2022-03-01 10:50:51
5194
11
原创 Vue3版本的Vue-Admin(vue-element-tempalte)附源码
前言Vue3版本普及了,也该学vue3了,写一个基于vue3的vue-elementPlus-admin,除了基础使用到的工具,无安装太多臃肿的东西,非常简洁,拉下来即用效果图线上地址:https://lsz579.github.io/vue-elementPlus-admin/ 线上地址目前只是把基本功能完成了,属于简化版的,可以直接拿来使用,后继会出一个集成板github地址:https://github.com/LSZ579/vue-elementPlus-admin点击 github
2021-12-16 15:06:42
3826
1
原创 Reac版本的Ant Design树形控件的使用、搜索关键字标红、只显示搜索匹配中的数据
实现效果(需求):思路方法:先去antd官网看看有没有满足需求的轮子,避免重复造轮子拷贝数据,删掉没匹配中的数据,当搜索关键字为空时再还原数据通过样式隐藏没匹配上的子节点代码实现 const loop: any = (data: TreeObj[]) => { return ( data?.map((item: TreeObj) => { if (item) { const index = item.title.index
2021-12-14 09:59:55
1515
原创 壁纸小程序源码(基于thinkphp后端,uniapp小程序)
概要基于thinkPHP和uniapp的壁纸头像小程序,壁纸有5万张+,开通流量主后可以接入小程序广告可提供前后端源码(收费),安装服务(收费),但是需要自备服务器需要的联系qq、vx:122720267页面截图线下版本 ,可在微信搜索“橙子壁纸头像”首页 -------可以通过关键字搜索壁纸,搜索热词–详情页,可以限制下载次数,通过观看广告获取下载机会––微信搜索“橙子壁纸头像”...
2021-12-13 16:48:50
2597
原创 vue-element-admin右侧内容数据量多时,el-menu侧边栏收缩/展开卡顿问题
项目中使用的是vue-element-template当右侧content内容比较多时,或者表格单页数据量展示较多时,左边侧边栏菜单收缩展开的功能就会很卡顿,体验十分差,看了issue有人提出bug,但是也没有人给出一个比较好的解决方案。分析问题本人遇到的是表格单页展示过多引起的菜单收缩卡顿,分析了一下原因是,js执行阻塞了css动画,el-table开启了自动撑开宽度,需要时间重新计算渲染(设置了min-width的或开启fit)
2021-12-08 15:38:21
5652
3
原创 【基于vue的大量表单数据,动态生成表单性能优化篇】解决输入延迟,卡顿问题
需求分析需求:根据后端返回的字段,生成多条表单数据( 实质是批量发布商品 ),预留可增删改功能实现思路后端返回的数据格式是一个一维数组(一个商品的所有字段)let product_item = [ { prop:'name', value:'', type:'input',//表单类型--输入框 }, { prop:'img', value:'', type:'img'//表单类型--图片 }, { prop:'type', value:'
2021-11-19 16:17:32
6214
2
原创 Element ui 2.x抽离+封装图片预览功能,可以直接调用图片预览,加入点击遮罩层关闭图片预览功能
element ui得2.x版本得图片预览很随意啊,没有提供啥接口
2021-11-15 10:26:50
1351
1
原创 vuecli4搭建项目,改造vue-cli启动项目时通过命令行工具动态选择代理地址(node命令工具实现)
摘要vue-cli脚手架的安装动态选择代理地址命令配置效果图安装脚手架安装全局脚手架cnpm install @vue/cli -g //安装脚手架,如果原有vue-cli2版本的最好先卸载2版本再安装新版,这里基于4.x版本创建项目vue create my-app //创建项目,选择好版本回车即可安装。注意,项目名称不能用驼峰式命名,会报错cd myapp //进入项目文件夹npm run serve //启动项目启动成功界面动态选择代理地址命令配置效果图:启动
2021-10-14 14:46:05
415
2
原创 解决nuxt中使用Vue.extend报runtime-only build of Vue where the template compiler is not...问题
首先先了解runtime-only和runtimeCompiler的区别build: {extend(config) {config.resolve.alias[‘vue’] = ‘vue/dist/vue.common’}}
2021-08-06 14:49:13
449
原创 基于ThinkPhp5实现的小说在线阅读小程序h5网站(带后端源码+mysql)
概括后端接口使用thinkPhp5.0写的,管理后台使用layui,微信小程序端使用微信小程序原生写的,客户端可以分章节阅读、点评、搜索、留言、图书收藏等功能,后台包括图书的上传,管理,轮播图管理,留言管理等功能模块1.可以连载小说,分章节上传,自动切割章节(需要特定章节格式),所有的小说内容均以txt文本存储,上传小说是通过txt文本上传2.在线阅读,评论小说,点赞和收藏,评分,统计平均分排行,分类等3.动态添加分类微信小程序效果图,原生小程序编写管理后台基于layui的需要源码
2021-04-20 11:10:55
2754
5
原创 vue-cli4搭建vue项目,以及简单配置
一、全局安装vue-clicnpm install @vue/cli运行npm run serve项目能运行起来,代表着vue-cli项目搭建起来了在src文件夹下创建utils和api、views文件夹,统一进行视图和接口管理,并在views下创建俩个页面indexPage和login,方便测试接下来就是安装一些工具,如vue-router、axios、scss等二、vue-router安装与配置1)安装cnpm install vue-router在src下创建rout
2021-03-15 18:12:01
491
原创 简单实现uniapp上使用canvas生成分享海报
1、cavans标签,设置唯一的canvas-id<canvas style="width: 400px; height: 750px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>设置画布的大小,要是封装组件,当然也可以动态写入宽高:style="{'width':list.width,'height':list.height}"2、创建 canvas 绘图上下文this.ctx = uni.createCan
2021-01-09 20:17:13
3616
7
原创 反向求二次贝塞尔曲线的控制点,用贝塞尔曲线编写签名板,实现平滑的笔条,无菱角
现在很多产品需求都需要用到电子签名首先想到的解决方案是canvas画板,通过点击,移动事件,来获取滑动的坐标,再用canvas描线,就能达到画板写字的效果。1、最简单的实现方法就是用以下的接口this.ctx.moveTo();this.ctx.lineTo()来看看效果PC端:线条看起来有点不平滑…电脑上看还是不太明显手机端:可以看出很明显的菱角,线条不平滑; 原因很简单,moveTo和lineTo是通过俩个点连线来绘制线条的,注意是直线,所以我们看到绘制出来的线条是由一条一条直线连
2020-12-25 15:41:17
996
原创 uniapp图片瀑布流布局,卡片瀑布流布局,简单易用,即用
简单易用,十分简单,觉得好用的请收藏评论或赞赏参数默认值说明imgList[][{url:’‘图片url’,content:“内容”}]引用<xiaolu-waterfall :imgList="list" @bindTab="bindTab"></xiaolu-waterfall>地址:点击下载...
2020-12-10 22:58:11
1333
原创 vue绑定键盘事件无效问题,vue绑定键盘delete事件示例,组合键绑定
var _this = this;document.onkeydown = function (e) {let key = window.event.keyCode;if (key == 13) {_this.send();//调用method中的send 方法}}
2020-11-18 14:36:55
4158
原创 vue缓存页面keepAlive的坑(数据不刷新,只缓存第一次进入的页面数据),强制刷新缓存的页面的方法
需求:A进入B,根据不同id刷新B页面数据,B进入C,C返回B,如果C有操作数据,则返回B后刷新B数据,否则B页面不刷新;第一次尝试*思路是从C进入B,缓存B,其他页面进入B,不缓存B页面:beforeRouteLeave(to, from, next) { from.meta.keeplive= false; next();},activated(){ //根据$route.meta},C页面 // 返回上一页路由不刷新问题 beforeRouteLeave
2020-11-18 11:38:02
6608
6
原创 仿友圈,微博发布图文信息小程序,九宫格图片,包括多图上传,点赞评论,简单的请求封装;小程序popup弹出层组件
最近无聊写了个小程序,带发布图片内容功能,提交审核后被驳回,才了解到个人小程序不开放信息发布功能。= =技术简单明了,分享给大家效果图列表数据结构附带了一个弹出层组件wxml:<!--components/popup/popup.wxml--><view bindtap="toggleModel" class="pop-mask {{showModel?'actives':''}}"></view><view class="pop-con
2020-10-15 21:40:48
869
2
原创 基于tp5实现的小说阅读小程序+h5网站
概括后台使用thinkPhp5.0写的,管理后台使用layui,微信小程序端使用微信小程序原生写的,h5端使用uni-app(可打包app等),利用以上技术框架实现了一个可以在线阅读的程序,包括小程序端,和h5端,h5端也有注册登录功能。客户端可以分章节阅读、点评、搜索、留言、图书收藏等功能,后台包括图书的上传,管理,轮播图管理,留言管理等功能模块微信小程序效果图h5网页端线上地址:https://lsz520.xyz/n/index.htmlGitHub: 点击跳转...
2020-08-08 12:04:22
1710
1
原创 把本地项目关联到GitHub上,上传到github
把项目关联到GitHub上在GitHub上新建创库,获取仓库的https/ssh地址在项目下打开git命令行git init把根目录所有文件都加入到本地仓库git add . //把根目录所有文件都加入到本地仓库把项目提交到本地仓库git commit -m "提交注释"5.本地何github关联仓库git remote add origin 你的git仓库地址6.提交代码git push -u origin mastergithub常用命令git push
2020-07-26 11:51:56
200
原创 vue+elementUI实现可编辑动态表格,带效果图
效果图 <!--修改弹出框--> <el-dialog :close-on-click-modal="false" :visible.sync="dialogTableVisible" :title="textMap[dialogStatus]" @dragDialog="handleDrag" > <div style="width:100%; height:1px; backg
2020-07-07 21:48:11
6293
2
原创 vue动态生成表单输入框,并动态生成v-model(动态生成v-model遇到的坑)
动态生成v-model时不能直接使用string[‘name’]=value,无法编辑,这时需要使用this.$set
2020-07-05 14:17:14
9551
5
转载 php文件大小上传限制的坑
上传文件时,大小超过2M的一直报错Call to a member function rule() on null解决方法:打开php.inifile_uploads = on //是否允许通过HTTP上传文件的开关,默认开启upload_tmp_dir //临时文件储存的路径upload_max_filesize 20M //允...
2020-04-16 20:39:08
227
原创 前端笔记(vue、js)
2020.1.21、Es6箭头函数改变this指向setTimeout (()=>{console.log(this, this.age); // window undefined})setTimeout(function() { console.log(this, this.age); // window undefined }, 0); 2、Js 定时器(俩种...
2020-01-02 23:05:56
139
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人