草庐IT

uni-collapse

全部标签

【uni-app】详细总结uni-app基础知识和如何配置项目,运行到模拟器和小程序端,附案例和图(建议收藏)

1-uni-app简介1.1介绍uni-app是一个使用Vue.js开发所有前端应用的框架。开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。详细的uni-app官方文档,请翻阅https://uniapp.dcloud.net.cn/1.2总结由dcloud公司开发的多端融合框架,1次开发,多端运行;竞品:apiCloud,appCan,Codova技术架构:Vue语法+小程序的api多端混合开发HybridApp端nvue(原生view)native.js(js原生沟通的桥梁)weex内置ios/安卓的

vue+uni-app+php+myql毕业设计作品成品(3)餐厅.教室.自习室等座位预约系统设计与实现

博主介绍:《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!在文章末尾可以获取联系方式目的和意义目的:本课题主要目标是设计并能够实现一个基于Vue.js预约订座系统,前台用户使用H5移动端页面,后台管理使用PHP开发的网站后台管理系统,使用Mysql8存储数据;通过后台录入和管理资讯,录入座位类型,录入座位信息,管理

websocket和uni-app里使用websocket

一、HTTP是无状态协议特点:1、浏览器发送请求时,浏览器和服务器会建立一个连接。完成请求和响应。在http1.0之前,每次请求响应完毕后,会立即断开连接。在http1.1之后,当前网页的所有请求响应完毕后,才断开连接。2、这样就意味着,服务器并不清楚,某次连接和以前的哪个连接来自于同一个客户端。换句话说。服务器没法区分不同的客户端。为了解决这个问题。在web开发中提供了session(服务器端的技术)和cookie(浏览器端)的配合。完成识别不同的客户端。3、服务器如何识别不同的客户端(这是原理,不需要程序员干预)。当前浏览器端首次发生请求时,服务端会产生一个sessionId(编号)把se

uni-app 微信小程序 onReachBottom 不生效

问题描述:uni-app微信小程序,页面滑到底部,onReachBottom没有生效代码:pages.json配置{"path":"","style":{"navigationBarTitleText":"列表","onReachBottomDistance":100//重点}}使用onReachBottom的页面:import{onReachBottom}from'@dcloudio/uni-app'onReachBottom(()=>{//你的代码逻辑if(parameters.value.current>=pages.value){return}parameters.value.curr

uni-app使用echarts并解决echarts文件过大的问题

背景这几天写小程序需要用到echarts,又因为我用uni-app开发,因此研究了好久uni-app引用echarts,遇到了也最终解决了好多bug,我感觉大家应该在使用的时候应该都会遇到,因此专门来写一篇博客,希望可以给大家提供一点帮助!!第一次写,保证超详细!!!正文一、uni-app引用echarts     原生开发和uni-app开发需要引用的echarts不同,我们着重讲uni-app开发,原生的大家另行研究吧。首先,要去下载插件(用hbuilder编辑器下载特别方便)echarts-for-wx-DCloud插件市场 使用HBuilder导入之后,会生成一个js_sdk目录其次,

uni-app中实现微信|支付宝支付

一、主要逻辑1.支付可能需要哪些东西支付的方式【微信】【支付宝】支付的金额订单的标题订单号订单的有效期支付完成跳转的链接2.支付2.1.点击立即购买的时候,想后端发送ajax请求,请求中携带信息的完整流程ajax({ url:'xxxx',=====》前端给后端传递的数据 data:{ 用户id, ****订单的金额 ****订单的商品系类 }, success:function(){===》后端给前端返回的数据 if(data.xxx){ data是一个对象,通常含有订单号 然后跳转到确认订单页面 } }})2.2.确认订单页面===>点击提交订单===>选择支付方式(

uni-app动态tabBar,根据不同用户展示不同的tabBar

1.uni框架的api实现因为我们用的是uni-app框架开发,所以在创建项目的时候直接创建uni-ui的项目即可,这个项目模板中自带了uni的一些好用的组件和api。起初我想着这个效果不难实现,因为官方也有api可以直接使用,所以我最开始尝试就是使用uni的api完成,也就是这个:uni.setTabBarItem(options)我也是根据官方文档一步一步做的,但是问题就是出现在该api无法将pagePath改变,导致虽然图片和其他的一些配置可以改变,但是最关键的没有该变,我想要的功能也是没有实现 我感觉我可能是对这句话理解有误差,导致的我没有完全实现此功能,然后去Dcloud社区问答看了

uni-app 实现凸起的 tabbar 底部导航栏

效果图在 pages.json中设置隐藏自带的tabbar导航栏"custom":true,//开启自定义tabBar(不填每次原来的tabbar在重新加载时都回闪现)新建一个custom-tabbar.vue自定义组件页面custom-tabbar.vue{{item.text}}exportdefault{props:{/*当前导航栏*/currPage:{type:Number,default:0}},data(){return{curItem:0,//当前所选导航栏tabbarList:[{id:0,pagePath:"/pages/public/index",iconPath:"/s

uni.chooseImage在微信小程序的webview中安卓手机调起不了相册和相机的BUG

问题描述:使用uniapp编译的h5页面,放到同样用uniapp编译的微信小程序的webview中时,出现了uni.chooseImage在安卓手机的微信上唤起不了相册和相机的问题,但是ios端就没这个问题。具体不知道是什么原因导致的,猜测是小程序的webview不支持,但是ios端就没问题,就很无语解决方法:但是最后还是用jssdk才解决的,去网上查了很多资料,发现解决方法还是只能用微信的jssdk,下面是微信开放文档jssdk的链接概述|微信开放文档(qq.com)https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS