草庐IT

uniapp开发,打包成H5部署到服务器

前端使用uniapp开发项目完成后,需要将页面打包,生成H5的静态文件,部署在服务器上。这样通过服务器链接地址,直接可以在手机上点开来访问。打包全步骤如下:1、修改config.js内的请求地址需要后台部署到测试服务器上,给到前端一个访问地址2、打开mainfest.json,如果用到地图,需配置地图的key3、选择项目–发行–PC/web/h5填入网站标题–点击发行编译成功后,会出现对应的文件路径,如图所示,点击打开,点开后,会看到已经编译好的静态文件,全选–添加到压缩包–压缩格式选择.tar压缩完后会得到一个h5.tar压缩包如果是后台负责部署,只需将h5.tar发给后台程序员部署即可。如

uniapp微信小程序+echarts简单图表以及与后端交互

效果图: 需要的两个主要文件就是 echarts.min.js 和 echarts.vue 1、echarts.min.js可以去官网定制链接   ECharts在线构建 或者直接去GitHub-Tawesome666/echarts:echarts 下载(注意:我这个只有柱状图和折线图)2、echarts.vue 可以使用VisualStudioCode 打开你的文件夹使用命令  npminstallechartsmpvue-echarts  执行完了后在node-module 把mpvue-echarts中src文件夹复制到components文件夹下 3、上代码 这个是没与后端交互的第四

uniapp代码发布到gitee详细步骤

1.下载git,官网地址git官网,一路next即可2.安装TortoiseGit工具官网地址:TortoiseGit官方下载地址,步骤如下:下载完毕以后可以选择安装中文安装包点击setup下载即可,之后一路next,记得安装到最后要选择将中文安装包配置到TortoiseGit下载成功以后,在桌面点击鼠标右键会多出来三个东西,点击Git克隆现在中文安装包安装成功!准备工作就做到这里现在开始从gitee拉取项目和上传代码1.首先我们将TortoiseGit与git仓库进行绑定(很重要),如果不绑定,uniapp的项目代码会无法上传步骤如下:1.右击桌面,点击Git克隆,原本URL这一栏应该是空的

今日餐饮美食推荐系统多商家 uniapp+vue微信小程序

此今日美食推荐小程序信息的设计主要有两个用户,会员客户端和管理员服务端两个部分:会员客户主要功能;(1)会员信息:包括:会员注册、会员登录,包括对个人信息进行修改。(2)大吃大喝:通过大吃大喝页面查看美食名称、菜系分类、图片、特色、商家名称、商家地址、联系电话、人均消费,可进行收藏、评论。(3)亲自下厨:主要是通过图片、视频、材料方式发布分享。(4)在线留言:会员通过留言页面进行问题反馈,管理员后台进行回复。管理员服务端主要功能;(1)管理员:管理员拥有最高权限,对所有信息进行增删改查。(2)会员管理;对会员进行增删改查。(3)菜系分类管理:对菜系分类新增分类。(4)大吃大喝管理:对大吃大喝进

基于uniapp+uView开发小程序【技术点整理】

一、上传图片(并且上传的图片可以回显)1.实现效果:2.具体代码:template> view> viewclass="imgbox"> view>职业证书view> u-upload:fileList="fileList1"@afterRead="afterRead"@delete="deletePic"name="1"multiple:maxCount="9">u-upload> view> view>template>script> exportdefault{ data(){ return{ hostUrl:this.$api.hostImages,//封

uniapp小程序长按识别关注公众号

    最近在开发小程序的过程中遇到了一个需求需要长按二维码,弹出公众号让用户关注。                先看效果图                ​​​​​​​        ​​​​​​​        ​​​​​​​         现在就来分享一下实现的步骤。第一步,准备好一个微信公众号,和一个小程序,将小程序的appId加入微信公众号,两个关联起来。第二步,你的微信公众号要有一篇文章,文章的地址就是你的二维码的地址​​​​​​​ 第三步,把上面的地址生成为二维码图片,放到服务器上,然后在你的小程序里引用就行了。引用的代码我使用的是image的图片展示。只需要设置show-m

uniapp小程序长按识别关注公众号

    最近在开发小程序的过程中遇到了一个需求需要长按二维码,弹出公众号让用户关注。                先看效果图                ​​​​​​​        ​​​​​​​        ​​​​​​​         现在就来分享一下实现的步骤。第一步,准备好一个微信公众号,和一个小程序,将小程序的appId加入微信公众号,两个关联起来。第二步,你的微信公众号要有一篇文章,文章的地址就是你的二维码的地址​​​​​​​ 第三步,把上面的地址生成为二维码图片,放到服务器上,然后在你的小程序里引用就行了。引用的代码我使用的是image的图片展示。只需要设置show-m

uniapp小程序卡片分享和保存分享二维码

         //分享小程序(卡片open-type="share")         onShareAppMessage(res){            console.log('/pages/index/index?scene='+this.id)            return{             title:'卡片标题',             path:'/pages/index/index?scene='+this.id,             imageUrl:'图片地址',             //mpId:""            }        

【Uniapp】小程序携带Token请求接口+无感知登录方案2.0

本次改进原文《【Uniapp】小程序携带Token请求接口+无感知登录方案》,在实际使用过程中我发现以下bug:若token恰好在用户访问接口时到期,就会直接查询为空,不反映token过期问题(例如:弹窗显示订单查询记录为空),并不是因为没有数据而是因为token过期了,接口返回了但是没有在前端显示token过期后需要重新启动小程序,才会获取到新的token获取到token后,原接口不会继续请求,页面页面空白没有任何数据,数据需要下一次刷新才有问题演示如下:【审核中】目录吐槽token是什么?设计思路(点击方法可跳转原文档)操作流程后端代码前端小程序封装📦代码演示1、不存在本地缓存、不存在re

uniapp小程序订阅消息推送+Thinkphp5后端代码教程示例

记录一下通过uniapp开发小程序消息推送的实例,配合后端tp推送,之前写的项目是微信小程序而且后端是原生php,这次通过项目记录一下目录回顾access_token获取规则以及思路第一步:设计前端触发订阅事件第二步:设计将token存入redis并到期触发第三步:编写订阅消息推送代码回顾首先我们通过原生php代码回顾一下,不考虑模板参数的话,主要就是“touser”和“ACCESS_TOKEN”notify.php?php//微信小程序通知主要函数//http_request利用curl请求两个参数url连接地址数据信息functionhttp_request($url,$data){$ch