前言目前公司Vue H5项目，用webview打包成APP，现产品提出这样打包出来的app运行较慢，需要用uniapp方式（即使用HBuilder编辑器来打包H5）来打包，那需要的基座就不是安卓的基座而是uniapp的基座，而H5项目实现手机扫描功能就需要调用uniapp的基座的方法。需求&流程说明Vue2 开发的移动端项目（H5项目及ipad端项目），需要连接蓝牙设备打印需求说明：1、点
前言本节我们使用uni app的http请求功能，使用flask搭建一个测试用本地服务器，点击按钮获取服务器返回信息，并显示出来。一、基础知识1. HTTP基本知识(1) HTTP概要HTTP是Hypertext Transfer Protocol的缩写，Hypertext(超文本)是可以根据客户端请求而跳转的结构化信息。HTTP协议的请求及相应方式设计如下图所示： 从图中可以看出，服务器端响应客
首先要区分setInterval和setTimeout使用场景：1.一般情况下 setTimeout() 用于延迟执行某方法或功能；2.setInterval() 则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步。定义：1.setInterval() ： 用于按照指定的周期（以毫秒计）来循环调用函数或计算表达式，直到 clearInterval() 被调用或窗口关闭2.setTimeout
步骤如下：1、项目下新建common文件夹，再创建request.js文件2、打开request.js文件，开始写封装的代码思路很简单定义域名：baseUrl；定义方法：api；通过promise异步请求，最后导出方法。request.js参考代码如下// request.js// 通常可以吧 baseUrl 单独放在一个 js 文件了const baseUrl = ...
原创
2021-07-28 11:50:39
311阅读
步骤如下：1、项目下新建common文件夹，再创建request.js文件2、打开request.js文件，开始写封装的代码思路很简单定义域名：baseUrl；定义方法：api；通过promise异步请求，最后导出方法。request.js参考代码如下// request.js// 通常可以吧 baseUrl 单独放在一个 js 文件了const baseUrl = ...
原创
2022-02-13 10:11:26
1322阅读
1评论
1.正常使用uni.request()发送请求(未封装)get() {
uni.request({
url: 'http://192.168.1.191/abc//main/jiekouming/abclist?workType=2',
data: {},
header: {
Token: 'b042b36fwq909
这篇文章主要介绍了微信小程序页面渲染实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下。一：新建一个项目填写自己申请过得小程序的appid,勾选不使用云服务。 二：准备一个免费的接口这种免费的接口网上有很多，但是基本都不太稳定，过了一段时间都没有办法技术使用，基本都会挂，所以啊，一定要选择官方文档里面给的接口，我这里找的是uniap
直接上代码 let view=this;//因为下面不是箭头函数,普通函数指向window对象 uni.request({
原创
2022-08-19 11:43:53
217阅读
找到上面这个 文件，不管是用 命令创建 还是 用 HBX 创建，都一样会有这个文件的，然后跟着截图复制粘贴就好了。 // 这是配置本地能跨域的，或者你可以直接让后端给你设置请求头，避免了跨域。 "devServer" : { // "disableHostCheck" : true, //禁止访问本 ...
转载
2021-08-27 12:08:00
2539阅读
2评论
uni-app + uniCloud 入门与进阶简介一、uni-app 基础知识1、uni-app 核心知识概览2、搭建 uni-app 开发环境（1）使用 vue-cli 的方式运行项目（不推荐）（2）安装并运行 HBuilderX3、语法知识（1）模版语法与数据绑定（2）条件判断（v-if、v-else-if、v-else）（3）列表渲染（v-for … in）（4）基础组件的使用（5）自定
# Uniapp项目用axios封装request
在Uniapp项目中，我们经常需要与后端进行数据交互，而axios是一个功能强大的HTTP库，可以用于发送HTTP请求。本文将介绍如何在Uniapp项目中使用axios，并封装成可复用的request方法。
## 什么是axios
axios是一个基于Promise的HTTP库，可以用于浏览器和Node.js中发送HTTP请求。它具有以下特
uniapp项目搭建 请求配置请求配置`utils/request/index.js`代码分析几个常用的方法配置文件的引入编写接口,并测试调用 每个人项目用的请求接口不一样,这里就看下实现思路就好了请求配置在 uniapp 当中有封装好的 request 插件, request插件地址 在项目的 utils/request/index.js 中是对请求的配置utils/request/index
今天看Dcloud官网更新了个uni-app，据说一套代码三端发布（Android,iOS,微信小程序），果断一试。保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。OBJECT参数说明参数类型必填说明urlString是需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&am
前言 在项目开发过程中，往往需要对请求进行二次封装，这篇文章将对uni.request()进行二次封装，并实现多个环境的请求配置，对请求方式，数据格式等进行封装，将请求做到最简化。一.封装uni.request()第一步基于uni.request()进行二次封装，集成项目开发中需要的参数及方法。新建src/request/index.ts文件内
uniApp 是一个使用 Vue.js 开发所有前端应用的框架，可以跨平台使用。环境搭建安装安装编辑器：Hbuilder X
安装微信开发者工具：下载地址
HbuilderX 初始化项目
点击 HbuilderX菜单栏文件 > 项目 > 新建，选择 uni-app，填写项目名。配置环境找到配置自己的微信开发者工具地址配置自己的 AppID打开微信小程序代理和服务端口项目目录介绍项
文章目录初识 uniapp 配置globalStylepagestabBarcondition 初识 uniapp 配置我们在 pages.json （页面路由） 文件中进行 uniapp 的相关配置，如果你已经自定义的创建了一个 uniapp 程序的话，那么你会看到该文件中有一个 pages 节点下面的每一个对象都是一个页面的相关信息，比如 path 配置页面的相关路径，style 配置该页面
前言本节我们使用uni app的底部导航功能，点击不同tab会显示不同页面，这个功能在实际项目开发中几乎是必备的。一、基础知识1.tabBar如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页。Tips当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个
目录前言实现思路前端后端具体实现添加依赖详细实现相关源码 前言最近在做一个点餐项目，其中，用户下单之后需要主动推送到商家去，所以就用到了webSocket编程。后端是springboot，前端是uniapp，运行方式是用外部tomcat容器运行。实现目标是用户点餐之后主动推送到商家，推送失败时缓存数据，连接成功之后再次推送。 查看了许多文章，大部分文章都没有做连接异常的处理，部分文章加入了前端的
写在前面：分享技术，共同进步，有不足请见谅，相关意见可评论告知 ~有道无术，术尚可求； 有术无道，终止于术!多端运行，架式简化； 编程路漫，学无止尽！ 文章目录配置全局配置和页面配置通过globalStyle进行全局配置通过pages来配置页面配置tabbartabbar未读红点配置位置SCSSuni.scssApp.vueglobalData小程序UI库 配置全局配置和页面配置通过globalS
转载
2023-08-24 12:20:20
493阅读
作者：坚果1.uni-app是什么？uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。当然uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发
