
学做微信小程序
记录sham学习PHP和小程序制作
shamqu
https://www.shamqu.cn
展开
-
PHP通过官方接口生成小程序二维码
因为Sham有计划在各区域放置二维码,用于同事们快速查询相关信息和提交反馈建议,就需要每个二维码都能单独对应该区域。如果通过官方网站生成的话太麻烦,于是参照官方接口文档,用PHP做了一个,以便快速生成,代码如下:<?php header('content-type:text/html;charset=utf-8'); //配置APPID、APPSECRET $APPID = "你的id"; $APPSECRET = "你的secret"; ..原创 2021-10-20 09:37:46 · 583 阅读 · 0 评论 -
小程序js通过判断DOM元素节点位置来自动显示“更多”按钮
Sham最近因为在做一个食堂订餐功能,因为订单中内容比较多,又不想初始状态全部展示,希望类似文字过长显示省略号那样,在最后显示一个“more”按钮。实现方法和代码如下,记录备忘JS部分data: { showmorebtn:{} //这里初始化,用户后面往这个对象中添加对应id的判断用数据 },//主要用于循环并赋值 checkheight(that){ var that = this; var items = that.data.meal..原创 2021-04-10 15:13:07 · 584 阅读 · 0 评论 -
通过百度OCR接口来实现小程序文字识别
因为图书管理需要,有的从接口获取的图书简介是没有的,那如果自己一个个敲进去显然耗时很长,而很多书籍在开头或者封皮上都会印有书籍简介,那Sham就想着用文字识别OCR来实现。最终选择了百度的OCR接口,因为标准识别赠送5万次/天的识别,无比适合,这里就不去介绍如何申请接口了,可以自行去看介绍申请,网址:https://cloud.baidu.com/product/ocr_general下面就将下Sham是如何用接口在小程序上实现的首先是配置服务器端,用的是PHP,代码如下..原创 2021-01-19 22:47:25 · 1035 阅读 · 0 评论 -
Layui-通过子页面给主页面(框架)添加Tab
Sham在做小程序后台管理的时候,涉及到文章发布、编辑,因为用的layui,就需要在子页面“文章列表页”,通过点击表格中编辑按钮,来新建一页编辑页面,查询网友分享代码后,自己稍微调整了下,初步实现了,代码如下:首先是在父页面添加方法:function addTabNew(mytitle, htmlurl) { var $ = layui.jquery ,element = layui.element; //先判断是否已经有了tab var arrayObj = new Array(原创 2020-07-17 17:28:00 · 2398 阅读 · 0 评论 -
关于制作后端初始化安装的想法
最近打包v1.5的时候,因为把自己的数据库信息、appid等信息删除了,导致后端如果再次使用或者他人使用时,需要手动查找多个文件进行替换,于是想起来是否能像wordpress初次使用时进行安装生成,于是查询网上资料,有了初步想法和代码,如下:目前使用layui的话,只能用2个文件来实现,暂时还未找到并到1个文件的方法:index.php页(设置页)<!DOCTYPE html><html lang="en"> <head> ..原创 2020-07-13 17:41:33 · 182 阅读 · 0 评论 -
小程序-分享到朋友圈功能
今天 看到小程序在测试分享到朋友圈功能,于是尝鲜试了下,根据官方文档,需要有onShareAppMessage()和onShareTimeline()这2个才能实现,而且目前只支持开发者用安卓机分享,后续应该会慢慢增加优化,参考代码/**分享*/onShareAppMessage: function () { var that = this; var id= wx.getStorageSync('id') return { title: that.data.n原创 2020-07-09 23:11:09 · 2567 阅读 · 4 评论 -
PHP-通过类方法获取数据库数据
今天尝试去精简部分代码,因为开始接触类方法,于是就想着用过调用类方法来减少每个页获取数据库数据,大概思路代码如下:假设这个一个class.php文件<?phpclass GETData{ //定义一个类 public function getlist($sql){ //定义类方法,通过$sql来获取 $json = ''; $data = []; $lists = []; include('dbcon.php'); /..原创 2020-05-17 11:52:34 · 625 阅读 · 0 评论 -
PHP计算2个日期相隔年数&天数
Sham在制作公司小程序的时候,想增加一个功能,就是计算员工入职多少年,多少天,经过几次试验,终于实现了。此方法是先计算入职的年数,然后再计算天数,不是按实际天数后/365天来算的。代码如下(采用面向对象的类方法来实现):<?php$begindate= "入职日期,年/月/日";$enddate= "结束日期,年/月/日";$yeardays = new YEARDays();$getyeardays = $yeardays -> getyeardays($b原创 2020-05-14 21:40:26 · 1737 阅读 · 0 评论 -
PHP:通过PHPexcel上传10W行数据到数据库
因为有一次性导入10W条左右的excel数据到数据库中,所以Sham需要想办法实现,导入同时还需要判断是否已经存在数据库里了,以下是实现方法和代码:首先,通过一次性读取数据库数据,把用来判断的键值拼接,用MD5转码之后,作为key键值存入数组;然后通过phpexcel读取excel数据,同样把用来判断的拼接转码,然后通过isset($array[$key])来判断,如有,则通过co...原创 2020-04-10 21:52:35 · 1532 阅读 · 0 评论 -
小程序学习-购物车及商品清单功能实现
今天试着自己写了1页商品清单及购物车功能也,虽然还需要美观,但是基本功能应该算是实现了:商品选择后添加到购物车,再次选择就将数字+1,同时显示该商品已添加; 点击购物车图标弹出自制弹出遮罩层(没有自带弹窗功能),用于显示购物车内商品清单; 购物车内增加、减少商品数量、可手动修改; 每次修改,购物车总价都会自动变化更新以下是完整代码(目前商品数据设置的静态的)WXML部分<...原创 2020-03-08 15:45:38 · 1280 阅读 · 0 评论 -
小程序制作笔记-动态添加表单
因为要制作在线统计用餐人数的,需要用到动态添加天数,同时如果加多了,还要删掉对应的表单,通过js的 arr.push和arr.splice来实现了,下面是代码,备忘:Js部分Page({ data: { formitems:[] //首先将formitems定义为数组 },//添加additems(e){ var formitems = this.data...原创 2020-03-06 19:30:45 · 2286 阅读 · 6 评论 -
小程序通过view实现循环出来的多选项(多个checkbox)
今天终于把通过view实现循环出来的多选项给做到了,不容易,可能不是个很好的解决办法,但是至少实现了不是吗,效果见附图首先是js页,这里为了方便,直接在data里复制多选项数据// pages/test/test.jsPage({ /** * 页面的初始数据 */ data: { activityset: [{ ID:...原创 2019-12-22 00:00:22 · 2293 阅读 · 1 评论 -
layui搭建后台管理页
前面Sham做v1版小程序的时候,用简单使用layui搭建后台管理页,这个周末,把框架结构重新调整了下,主要是在顶部增加了选项卡,用于放置大类,然后下面左侧树形选项卡放置大类对应的小类,界面框架上基本实现和layui官网演示的差不多了,特记录分享下。效果图如下:这里只放首页的代码,子页面的不放了,简单的就是首页点击选项卡之后,在首页内的iframe里直接打开对应的网址,如下:&l...原创 2019-12-15 14:16:19 · 1968 阅读 · 0 评论 -
layui之表单提交到服务器数据库
前几天完成了layui中的图片上传,表单部分就剩下如何提交到数据库了。说实话,sham又再这个问题上困住了好久,最后好不容易搞定了,赶紧来记录备忘下。首先是html部分代码<form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-for...原创 2019-11-22 14:06:02 · 4485 阅读 · 1 评论 -
layui上传图片&PHP后台接收并返回网址
最近Sham在优化自己的小程序后台,应该有提过我选用的layui作为后台界面前端,这几天碰到一个问题,就是在使用layui来上传图片的时候,直接使用小程序接受图片的PHP文件无法接收保存,layui也提示接口参数异常,折腾了好久,终于搞定了,特来记录分享。首先是layui图片上传代码HTML部分<!--上传图片--><div class="layui-form-ite...原创 2019-11-18 01:06:02 · 3175 阅读 · 2 评论 -
小程序制作笔记-小程序代码之wx.request
制作小程序过程中,会用到读取、递交数据到服务器后台,这里就会用到 wx.request ,其实在前面的文章中已经多次出现,这里单独拎出来记录下。以下是Sham用来读取数据库中当前登录微信对应的用户信息的代码,供参考。首先是小程序端,在js中的 onLoad: function () {}中添加:(Sham最近才搞清楚如何在js中调用读取到的数组中的某个值,就是fmcname: res.da...原创 2019-05-15 16:35:00 · 312 阅读 · 0 评论 -
学做微信小程序-给PHP后台添加人员登记判断
最近学做小程序时,因为主要是用来公司内部使用的,有些信息可能不太适合给外部人员展示,所以需要给用户分类,通过手动一个个更改会比较累,于是就想到是否可以在大家首次登记的时候直接判断,然后进行用户分类,以下是相应的代码(可能会有冗余,Sham作为菜鸟,只有这水平了):<?php/**这个用来确认是在经过判断是否为FMC员工之后提交登记信息,被存入不同的用户类别*/include_onc...原创 2019-05-15 16:37:13 · 452 阅读 · 0 评论 -
小程序制作笔记-消息推送通知之开启服务
因为Sham做的小程序是用来提交反馈给供应商,然后让供应商处理的,目的是增加反馈效率,这里如果能添加一个消息提醒就更好了,于是查找资料,进坑出坑,终于搞定了 ,现记录分享。需要使用小程序的消息推送功能,需要首先到官方平台申请。第一步,进入官方平台->开发->开发设置,找到 “ 消息推送 ” ,选择 “ 启用 ”第二步 ,在服务器上新建1个文件,比如Sham用的PHP,代...原创 2019-05-26 12:19:53 · 782 阅读 · 0 评论 -
小程序制作笔记-列表分页并上拉加载
随着内容的增多,列表页原来越多,为了防止列表页太长,加载数据太多导致卡顿,于是Sham就查资料,试着给小程序列表页添加分页&上拉加载的功能,新手会遇到坑,但是好在多次尝试后,解决了,分享并记录下。基本思路是给后台PHP读取的时候添加每页数据量限制,然后小程序读取是传值页码,并通过push把数据添加到当前页数组内,上代码。首先是给PHP添加分页数据限制:<?phpinc...原创 2019-05-17 17:57:13 · 412 阅读 · 0 评论 -
小程序制作笔记-消息推送通知之前后台实现
前面提到了,因为Sham做的小程序是用来提交反馈给供应商,然后让供应商处理的,目的是增加反馈效率,这里如果能添加一个消息提醒就更好了,于是查找资料,进坑出坑,终于搞定了,唯一美中不足的就是,1个formid只能推送1次,而且7天有效,这个是微信设置的,没办法。开始上代码前,先说明下,消息推送用到的formid是对应微信用户openid的,如果不存储用户的formid,直接提交表单的话,只能自己...原创 2019-06-07 14:09:55 · 1133 阅读 · 0 评论 -
微信小程序作品-食堂供餐服务小程序
经过1个多月的学习、修改、拼凑,终于将行政服务小程序-食堂供餐服务模块做出来了,基本功能已经达到制作目的已经领导要求,所以暂时不去继续深入开发,先暂停改制作宿舍模块了,现分享出来,给需要的人。基本模块及功能介绍:1.人员信息登记模块:登记判断,通过后台数据库中提前导入的员工工号&姓名进行判断是否为公司员工,否则为游客,无法使用小程序功能;(这个将在后面制作宿舍模块时重制,改成首次...原创 2019-06-27 13:01:17 · 8421 阅读 · 1 评论 -
微信小程序上传图片到服务器并生成缩略图
因为近期公司计划做个摄影比赛,需要收集员工的照片作品,因为肯定是需要原图的,那样通过公司邮箱显然是不方便的,于是想到在小程序中添加图片上传功能,以前Sham用过每次添加1张图片,然后上传到服务器及数据库,趁这次机会,再次学习研究优化了代码,目前能够做到:用户能一次性添加多张图片(原图),然后会展示出来(目前无法预览添加的图片,待继续优化),同时会弹窗提醒是否上传,确认则上传,取消则清空; 上...原创 2019-08-22 22:20:21 · 7946 阅读 · 1 评论 -
学做微信小程序-跳转传值并通过PHP读取Mysql数据
最近在尝试做一个食堂月度评估反馈的小程序,用来收集大家的评估反馈,里面涉及到一页查看反馈详情的功能,这里就需要用到跳转并传值,主要功能就是用来让详情页读取列表页传过来的值,然后根据这个值,来从数据库查询到想要的详情清单,直接上代码:首先,就是列表页,这里就不放代码了,直接假定我们已经读取到数据库数据,并以列表的形式展现出来,列表中有一个是“myid”的值,是数据自动添加的编号,因为他的唯一性,...原创 2019-04-05 15:21:26 · 1312 阅读 · 0 评论