精华内容
下载资源
问答
  • uni-app登录注册
    2021-05-17 16:07:41

    uni-app认识

    官网:https://uniapp.dcloud.io/README

    一. uni-app 是一个使用 Vue.js
    开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
    DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见),腾讯课堂官方为uni-app录制培训课程(详见),开发者可以放心选择。
    uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。
    快速体验

    二、怎么在hbuilder x里面创建 nin-app

    1.第一步先打开hbuilder x
    在这里插入图片描述
    2.创建uin-app
    点击文件、新建、项目
    填写项目名称 选择默认模板 创建就可以
    在这里插入图片描述

    创建出来的是这样子的
    在这里插入图片描述

    三、创建uni-app文件认识

    1.pages//跟小程序里面的是一样的页面
    2.static //这个是静态资源
    3.App.vue // 整个全局事件生命周期的监听
    4.main.js//入口文件
    5.manifest.js//配置文件
    6.pages.js //导航配置
    7.uni.scss // 公共组件

    更多相关内容
  • uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接企业进销存、OA、ERP系统 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、...
  • uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,不管领导...
  • 基于 uni-app & uniCloud 的前后一体登录模板 快速体验 手机扫码体验: 本地运行 将项目拖入 创建服务空间,详情参考 上传 common 下的公用模块、在云函数 user-center 内安装 uni-id 模块并上传, 在 ...
  • uni-app登录实例的实现

    热门讨论 2018-10-29 11:40:26
    使用HBuilderX开发登录实例。我的博客主页:https://blog.csdn.net/k571039838k?orderby=UpdateTime
  • HBuilderX uni-app登录实例
  • uni-auto-pagesuni-app 开发中根据规则自动配置页面 pages,分包 subPackages,和 condition 生成 pages.josn 的 webpack 插件,使得开发者不需要手动的去维护 pages.json。类似 vue-auto-routing,使用非常简单。安装...
  • uni-app学习笔记 移动应用开发——基于uni-app开发 基础部分 1.1 uni-app发展历程 && 1.2 uni-app开发环境配置 && 1.3 uni-app打包

    uni-app学习笔记

    移动应用开发——基于uni-app开发 基础部分

    第1章 uni-app框架介绍及环境配置

    1.1 uni-app发展历程

    官方文档介绍:

    https://uniapp.dcloud.net.cn/history.html

    在这里插入图片描述

    1.2 uni-app开发环境配置

    1.2.1 HBuilder X介绍

    官方文档:

    https://hx.dcloud.net.cn/README

    在这里插入图片描述

    1.2.2 安装HBuilder X

    官方教程:

    https://hx.dcloud.net.cn/Tutorial/install/windows

    1.2.3 创建第一个uni-app应用

    在这里插入图片描述

    在这里插入图片描述

    创建

    在这里插入图片描述

    创建成功。

    项目目录结构:

    算了算了,跳过

    1.3 uni-app打包

    1.3.1 打包原生App

    需要先登录HBuilder账号后才能使用云打包。

    在这里插入图片描述

    设置打包选项

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    等待完成。

    在这里插入图片描述

    打包成功。

    在这里插入图片描述

    1.3.2 发布原生App

    App发布包括内测发布和线上发布。

    内测发布:

    • 蒲公英
    • http://fir.im

    线上发布:

    • App Store
    • 豌豆荚
    • 360手机助手
    • 手机应用商店

    以fir.im为例

    https://www.betaqr.com/

    在这里插入图片描述

    注册账号登录先。

    在这里插入图片描述

    在这里插入图片描述

    上传打包好的APK文件。

    需要进行实名认证。

    在这里插入图片描述

    开始上传

    在这里插入图片描述

    预览应用下载页面

    在这里插入图片描述

    展开全文
  • 项目重写了~~基于uni-app,colorUI,封装了《自定义TabBar》《上传图片》《全局自定义loading》等功能 主要适配 微信小程序、APP、H5。 新版特点 加入了 colorUI 开发起来更顺手更快。 融合了七牛云存储+阿里OSS存储...
  • 1.包含小程序完整项目流程 2.两个角色切换登录 3.登录登录记录,账号注册,选择公司,存取记录,授权名单,项目列表,盘点,盘点柜子,储物仓列表,我的等功能页面源码。
  • uni-appuni-app移动端开发 - 登录界面

    万次阅读 多人点赞 2020-09-27 15:13:15
    本次通过完成一个登录界面,来学会uni-app 框架的使用,以及开发过程需要注意的点,还有难以排查出来且又找不到资料的一些坑,总有一些你需要的信息,接下来先明确登录界面的基本需求。 登录界面是再简单不过的界面...

    基本需求

    uni-app 框架的优点在于一次编码,多端编译运行。本次通过完成一个登录界面,来学会 uni-app 框架的使用,以及开发过程需要注意的点,还有难以排查出来且又找不到资料的一些坑,总有一些你需要的信息,接下来先明确登录界面的基本需求。

    登录界面是再简单不过的界面,但麻雀虽小,五脏俱全。本次演示在用户输入框、密码输入框及一个登录按钮的基础上,增加些许样式,完善交互中容易被忽视的问题。

    操作流程:点击 帐号输入框 并输入 -> 点击 密码输入框 并输入 -> 登录按钮 变为可用并亮起 -> 点击登录按钮,最终完成效果图如下:

     

    项目地址及运行方法

    Git 项目地址为:https://github.com/Jokerlsss/uni_app_login

    下载后解压,直接导入到 HX 中即可运行

     

    交互注意点

    • 弹起键盘时,整体界面往上移动,在 不生成滚动条 的同时,也 不能遮盖住控件
    • 点击登录按钮后,需要有一个登录中 loading 反馈;登录成功后,使用 toast 弹窗提示后跳转。
    • 聚焦输入框时应有合适的动画样式变化,让用户能够知道当前所处的输入框焦点在哪里。
    • 清除内容后需要重新将 焦点聚焦 到对应的 input 框上。
    • 登录按钮在禁用时,颜色变淡。
    • 登录页面 禁止下拉刷新 

     

    实现准备

    1. UI 库的选择

    在使用 uni-app 之前,我以为 vant、Mint 等移动端 UI 库可以进行兼容,但在真正导入和使用后,发现兼容性并不那么好,也可能是我的引用方式不妥。经过一阵子的摸爬滚打后,比较推荐的 uni-app 有两个 UI 库,一个是原生的 uni-ui 库,一个是 DCloud 市场(也就是 HBuilderX 编译器中的插件市场)中的 uView-ui。这两个对于 uni-app 几乎是量身定制,推荐使用,也可两者结合使用,使用方法后续会提到。

    uni-ui

    在使用 HBuilderX 新建项目时,选择 uni-app 中的默认模板新建即可,在代码编写过程中打出 u 的时候,便会提示如 uInput 的联想,这便是 uni-ui 的组件,直接使用即可,具体使用方法参考官方文档

    uView-ui

    uView官方文档。我这边的方式是采用 npm 的方式进行安装,如下(在此之前,先在 HBuilderX 的插件市场中安装内置终端,然后再在终端中执行如下操作):

    ① 安装 uview-ui

    // 如果项目中没有 package.json 文件时,先执行如下命令:
    npm init -y
    
    // 安装
    npm install uview-ui
    
    // 更新
    npm update uview-ui

    ② 安装 scss

    如果是通过 HX(HBuilderX 的简称,下文同)创建的项目,则进入到 插件市场 搜索 Scss/Sass 编译插件进行安装,安装后重启 HX 即可。

    如果是通过 vue-cli 创建的项目,则通过 npm 的方式进行安装,这里不再赘述,详见 uview-ui 文档。

    ③ 配置

    1)在根目录的 main.js 中引入 uView js 库

    // main.js
    // 这两行代码应放在 import Vue ... 之后
    import uView from "uview-ui";
    Vue.use(uView);

    2)在 uni.scss 中引入 uView 的全局Scss文件

    /* uni.scss */
    @import 'uview-ui/theme.scss'

    3)引入 uView 基础样式

    注意:以下这行代码应在 App.vue 中 style 的 首行 位置引入,注意加上 lang = "scss" 属性

    <style lang="scss">
        /* 要写在第一行 */
        @import "uview-ui/index.scss"
    </style>

    4)配置 easycom 按需引入组件模式

    配置完后,重启 HX 并重新编译才能正常使用,且在 pages.json 文件中只能有一个 easycom 字段。

    之后在页面使用的时候,无需 import 注册组件就可以直接使用。

    // pages.json
    {
    	"easycom": {
    		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
    	},
    	
    	// 此为本身已有的内容
    	"pages": [
    		// ......
    	]
    }

    2. 代码编辑器

    因为 uni-app 和 HBuilderX 是同一个团队出的,那么首选是 HBuilderX,在里面可以安装一些插件,如 Sass,甚至可以安装一些别人封装好的组件进行学习、使用。

     

    主要功能及实现

    围绕我们的需求,来对这些基本的交互一一进行实现。

    ① 弹起键盘时,整体界面往上移动,在 不生成滚动条 的同时,也 不能遮盖住控件

    1)问题描述

    移动端在点击 input 框时会弹起键盘,键盘会有一定的高度,如果我们整体的控件高度设置不当的话,可能会出现 键盘把某些控件遮挡住,导致体验不佳,或者导致 页面出现滚动条,用户体验感觉软件排版不严谨。

    2)思路

    由于移动端的 rpx 单位是可以随着机型的大小进行自适应,因此我们以开发常用的尺寸(以 iphone 6 的 375 * 667 px)为例,在不超过这个值的限制上,去 给定父容器的宽高

    宽度设置为 100%,高度设置为如 1300 rpx(2rpx = 1px)

    当获取到输入框焦点时,高度缩小,内容自动往上移动,并加入 动画 效果以让页面更加丝滑。

    <!-- HTML -->
    <!-- ispdFocus: 密码框是否拥有焦点;isuserFocus: 帐号输入框是否拥有焦点 -->
    <view :style="(ispdFocus || isuserFocus) ? containerHeight.focus : containerHeight.blur"></view>
    
    <!-- JavaScript -->
    data() {
        return {
            containerHeight: {
                focus: 'height:800rpx;transition:0.2s',
            	blur: 'height:1300rpx;transition:0.2s'
            },        
        }
    }
    

     

    ② 点击登录按钮后,需要有一个登录中 loading 反馈;登录成功后,使用 toast 弹窗提示后跳转。

    登录的过程涉及到对接口的访问,此处用 settimeout 代替此过程进行模拟。

    使用 uView-ui 中的按钮控件时,可以通过设置 loading 属性来让按钮呈现出加载状态,效果如图:

    <u-button :loading="isLogining" @click="login">{{isLogining ? '' : '登 录'}}</u-button>
    
    <u-toast ref="uToast"></u-toast>
    login() {
    		// 密码正确
    		this.isLogining = true
    
    		setTimeout(()=>{
    		    this.isLogining = false
    		    this.$refs.uToast.show({
    				title: '登录成功',
    				type: 'success'
                    // 通过配置 url 可以指定在弹窗显示后跳转到哪个页面
                    // 如果是 tabBar 页面则还需要配置上 isTab: 'true'
                    // url: '',
                    // isTab: ''
    		    })
            },2000)
        }

    登录成功后,调用 uToast 来进行展示,效果如图:

    密码错误的逻辑和弹窗这里就不再赘述,同理。

    以下交互大家可以自行思考方案,demo 中提供的只是初步思路,如果有更好的思路欢迎私信或评论,我会将更好的实现方案后续更新到该模块下。

    ③ 聚焦输入框时应有合适的动画样式变化,让用户能够知道当前所处的输入框焦点在哪里。

    ④ 清除内容后需要重新将 焦点聚焦 到对应的 input 框上。

    ⑤ 登录按钮在禁用时,颜色变淡。

    ⑥ 登录页面 禁止下拉刷新 

    解决方案

    // pages.json
    {
        "pages": [
            {
            // 页面注册
    		"path": "pages/index/index",
    		"style": {
                // 禁止刷新
                // ... : "false" => 写法错误,不能加双引号
    			"enablePullDownRefresh": false,
    
                // 自定义导航栏(可理解为去除原生导航栏)
    			"navigationStyle": "custom"
    		    }
    	    }
        ],
        ...
    }

     

    重难点及解决方案

    1. 输入框清空按钮焦点失去问题

    清空按钮的存在逻辑是:当前输入框中 有内容 且 焦点存在 当前输入框中(notNull && isFocus)。该清空按钮存在焦点失去的问题,具体问题为:当点击清空按钮时,input 框失去焦点,因为我们的存在逻辑是必须有焦点才会出现,导致清空按钮消失,清空事件不会被触发。

    为了解决这个问题,需要将失去焦点的事件用 setimeout 进行延迟控制,先清空后再执行失去焦点事件。该段内容与下方第2点代码进行合并讲解。

    2. 清除内容后需要重新将 焦点聚焦 到对应的 input 框上。

    1) u-input 基础输入框,根据文档,给定一个 focus 的属性,用于手动控制获取焦点;加上 @focus 和 @blur 方法用于监听输入框的焦点获取与失去。

    再加上一张清空图片作为清空按钮,给定清空事件 clearInput,并且只在当输入框有内容且有焦点时才进行展示(ispdFocus 是通过 input 的 @focus 事件来触发使之变为 true)。

    <!-- HTML -->
    <view>
        <u-input :focus="pd" v-model="userLoginInfo.password" type="password" :clearable="false" @focus="pdFocus" @blur="pdBlur"/>
        <view class="clear" @click="clearInput('password')" v-show="userLoginInfo.password!=='' && ispdFocus">
    		<image :src="clearImg" class="img"></image>
    	</view>
    </view>

    2)data 中将 focus 初始值设为 false

    // Script
    data() {
        return {
            focus: false,
            isFocus: false
        }
    }

    3)在获取和失去焦点事件中,进行焦点是否获取的标志变化。值得一提的是,延时控制失去焦点( settimeout 设为 1),可以让清空按钮顺利执行完清空事件后,再执行 input 框焦点失去,否则会让清空事件失效。

    pdFocus() {
    	this.ispdFocus = true
    },
    pdBlur() {
    	// 失去焦点事件先于清除事件触发,因此让其延迟即可先触发 clearInput 事件
    	setTimeout(() => {
    			this.ispdFocus = false
    	}, 1)
    }

    4)在清空内容的事件中编写逻辑

    这里为何 pd 要先置为 false 再变为 true?focus 属性中是这样判定的,当你从 false 变为 true 的话,焦点才能 聚焦 到该 input 框上,而如果本来是从 true 变为 true 的话,那么是不发生变化的,因此无法达到将焦点聚焦在 input 框上的效果。

    使用 nextTick 是为了保证让 pd = false 能够执行完毕后再进行操作,才能保证焦点的正确聚焦。

    clearInput(value) {
    				switch (value) {
                        // ... 
                        // 这里编写其他输入框的判断,如 user
    
    					case 'password':
    						this.userLoginInfo.password = ''
    						this.pd = false
    						this.$nextTick(() => {
    							this.pd = true
    						})
    						break
    				}
    			}

    总结

    ① 在 blur 事件中通过延时来解决清空按钮失去焦点而导致失效的问题

    ② 在清空事件中使用 nextTick 控制 focus 来获取焦点

    2. 在安卓端输入框之间切换时,焦点获取逻辑混乱,键盘弹起无规律

    问题描述

    在安卓端由于密码键盘的存在,导致在某些情况下与第三方键盘(如搜狗输入法)并不能很好地兼容。特别是在 type="text" type="password" 之间切换时,更容易出现问题,而我发现的会导致此问题发生的,是如下的一行代码。

    由于我希望在登录界面不展示出导航栏和状态栏,让其看起来更加清爽,搜索资料得知,去除状态栏(如电量等)的方法为:

    onShow() {
    	// 去除状态栏
    	plus.navigator.setFullscreen(true);
    },

    但是加上这行代码后,会导致我登录界面在输入框之间切换焦点时,键盘会出现混乱弹起和收入的现象,焦点的获取也变得混乱,用户体验极差,但是目前没有在 iOS 端发现有此问题。

    总结

    ① 在有 input 框的界面不建议加上如上代码,容易出现获取焦点混乱。

    展开全文
  • plugin-sms最新版本v1.0.11 (2021.01.11)适用平台适用产品GitHub项目gitee项目Demo项目主创团队腾讯云中小企业产品中心(SMB Product Center of Tencent Cloud)兼容平台H5、小程序、APP一款帮助开发者在uni-app项目...
  • 使用uni-app uView前端框架开发APP纯静态模板,模板遵守uView开发,模板简单大气包含,主页\会员中心\登录注册\各类列表及详情以及一些APP开发常用的设置页面,本模经测试可以安卓及H5中无错误运行,可直接...
  • 八叔引擎之家原创全套uni-app全智能量化USDT钱包APP模板,使用uni-app开发,该模板为发布APP、H5手机网站开发模板,页面包含登录注册、找回密码、会员中习、管理中心、明细列表等多个页面。
  • 本文章将讨论如何实现目前小程序中普遍的微信授权获取用户信息进行登录/注册(当未注册的时候直接进行注册登录) API 我们先看看uni-app和微信小程序中为我们提供的几个API: wx.login / uni.login: 获取临时登录...

    前言:

    本文章将讨论如何实现目前小程序中普遍的微信授权获取用户信息进行登录/注册(当未注册的时候直接进行注册并登录)

    API

    我们先看看uni-app和微信小程序中为我们提供的几个API:

    1. wx.login / uni.login: 获取临时登录凭证code,通过微信接口服务获取openId

    https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

    https://uniapp.dcloud.io/api/plugins/login?id=login

    Openid,是每个小程序对于每个用户的唯一用户身份标识,通过数据库中记录openid,我们能够通过openid获取到对应的用户数据。

    1. getPhoneNumber : 获取用户手机号
      https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html

    这个比较特殊,通过下图的代码示例中我们可以看到这是button的一个属性

    image.png

    1. uni.getUserProfile:获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。
      https://uniapp.dcloud.io/api/plugins/login?id=getuserprofile

    image.png

    前端

    虽然作者的项目是基于Jeecg实现的,但是在实战案例中,尽可能的参照原生API进行示范

    1. 首先是前端界面login.vue,我们通过uni-app的onLoad(对应vue的created)生命周期来进行wx.login操作
    export default {
      data() {
          loginModel:{}
        }
      },
      onLoad: function() {
        let that = this //获取当前vue实例, uni.login.success中无法调用this
        // 获取code
        uni.login({
            success(res) {
                if (res.code) {
                    that.loginModel.code=res.code
                    console.log('tempCode:', that.loginModel.code)
                } else {
                    console.log('登录失败!' + res.errMsg)
                }
            }
        })
    }
    

    这样,我们就能够在进入登录页面后获取到用户的临时登录code。

    image.png

    接着我们需要一个button来拉起用户的授权操作,而获取用户的手机号和用户信息是两个不同的API,所以作者的解决方案是一次点击拉起两次授权:

    <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" @tap="getUserProfile">授权登录</button>
    

    button中定义了三个属性opent-type标识该button的类型告知小程序这个button要获取手机号了,@getphonenumber="getPhoneNumber"拉起手机号授权的回调方法,@tap="getUserProfile"点击该按钮的时候触发的方法。

    export default {
        ...
        methods:{
            getUserProfile(){
                // 拉起用户信息授权框,会比手机号授权提前执行
                uni.getUserProfile({
        		desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
        		success: (res) => {
                        let userInfo = res.userInfo
                        this.loginModel.nickname = userInfo.nickName
                        this.loginModel.avatar = userInfo.avatarUrl
                        this.loginModel.province = userInfo.province
                        this.loginModel.sex = userInfo.gender
                        this.loginModel.city = userInfo.city
        		}
        	})
        },
        // 手机号授权回调方法
        getPhoneNumber(e){
        	if(e.detail.iv){
                // 因为微信对手机号码的安全性做的很好,所以这里只能获取到加密后的数据,还需要拿到后端解密
                this.loginModel.iv = e.detail.iv
                this.loginModel.encryptedData = e.detail.encryptedData
                
                // 手机号授权是后执行的,所以授权成功后直接调用授权登录接口将this.loginModel传入
                // 这里简化了代码直接发送http请求,而不是通过vuex的方法进行请求,因为后者能够将后端返回的数据进行存储比如token,userInfo等
                console.log(this.loginModel)
                uni.request({
                    url: '后端地址/authorizedLogin',
                    data: this.loginModel,
                    success: (res) => {
                        // 提示信息。。。 
                        // 跳转页面。。。
                    }
                })
        	}
        },
    

    基于此,一个简单版本的基于uni-app的微信授权登录/注册前端就实现啦。
    看看loginModel里面的数据。

    image.png

    后端

    紧接着就是后端的代码了,我们创建一个LoginController定义一个POST请求的/authorizedLogin的接口如下

    /**
     * 微信小程序授权登录
     */
    @PostMapping(value = "/wxAuthorizedLogin")
    public Result<JSONObject> wxAuthorizedLogin(@RequestBody AppPhoneLoginModel model) throws Exception{
           Result<JSONObject> result = new Result<JSONObject>();
           // 通过code去微信的API服务中取到对应的openid和sessionKey
           JSONObject jo = code2Session(model.getCode());
           
           // 可能会出现code异常的情况所以抛出异常通过全局异常处理器返回给前端提示
           if(jo.getString("errmsg") != null){
               throw new BaseException(jo.getString("errmsg"));
           }
           //获取openid和phone
           String sessionKey = jo.getString("session_key");
           String openid = jo.getString("openid");
           
           //通过sessionKey和前端getPhone的加密数据的Iv向量获取到用户的手机号
           JSONObject userInfo = WxUtil.getUserInfo(model.getEncryptedData(), sessionKey, model.getIv());
           String phone = userInfo.getString("phoneNumber");
           SysUser user = sysUserService.getUserByPhone(phone);
    
           // 当手机号查询不到用户时走注册逻辑
           if(user == null){
               user = registerUser(model, phone, openid);
           }
           // 。。。根据用户的用户名等生成token并返回
           return Result.OK(token);
    }
    
    private SysUser registerUser(AppPhoneLoginModel model, String phone, String openid){
        // 根据前端传入的用户信息 创建默认的用户信息其细节 自行定义只要创建出一个用户并使用userService存入数据库即可
        SysUser registeringUser = buildDefaultUser(model, phone, openid);
        sysUserService.addUser(registeringUser);
        return registeringUser
    }
    

    以上就是基于uni-app实现最基本的微信授权登录和注册的前端+后端全部内容啦,笔者能力有限,无法保证实例完全正确,但是尽可能的以静态审查的方式保证代码无误,请谅解。

    展开全文
  • uni-app 登录功能(2)

    千次阅读 2020-06-02 11:57:22
    主要介绍模块: 1.账号 注册 2.账号登录 运行项目进入启动页main.vue. index.js文件中初始化hasLogin状态为false。main.vue页面提示登录。 1.index.js文件中定义登录状态false:...3.login页面登录页面-》注册功能 ...
  • 百度AI开放平台的访问网址为:百度AI开放平台,为了能够使用该平台提供的AI服务,你需要事先注册一个百度账号。 首先先注册一个百度账号,申请 通用文字识别API,前面这些基础的东西我就不讲了,不懂的可以参考文章 ...
  • 3、uni-app继续优化为一步,引入easycom机制 但是这种优化是有条件的,页面直接使用,需要符合components/组件名称/组件名称.vue目录结构,这样才可以直接在页面中使用 举个栗子 新建components目录和test组件 ...
  • uni-appuni-app的基础知识

    千次阅读 2022-03-29 11:27:57
    02.uni-app的环境搭建并创建项目运行 项目运行-浏览器: 项目运行-微信开发者工具 注意事项: (1)使用微信开发者工具运行项目时,需要添加微信开发者工具的目录 (2)在微信开发者工具-设置-安全设置:打开端口 ...
  • 官网介绍:uni-app 是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台 ...
  • uni-app 组件注册

    千次阅读 2021-05-30 19:25:46
    uni-app 支持配置全局组件,需在 main.js 里进行全局注册注册后就可在所有页面里使用该组件。 1.main.js 里进行全局导入和注册 import Vue from 'vue' import pageHead from './components/page-head.vue' Vue....
  • uni-app APP端-微信登录流程(手把手教程)
  • 因为页面上方,登录注册管理页面加起来也就10个页面,所以开发速度之快着实也也让我大吃一惊,从页面功能提示+页面设计+页面布局+后台接口(后台使用node + koa完成,速度也很快)+接口调用+部署,前前后后只用了3个...
  • 本文主要分享了uni-app中内置组件button的一些用法,包括属性的使用,事件机制以及通过代码的比对详细解释了开放能力
  • uni-app

    2022-09-18 22:33:56
    官方网页uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序...
  • 使用uni-app自动注册全局组件

    千次阅读 2021-09-14 11:26:29
    全局共用组件为经常使用,所以自动化注册是个不错的选择;...// ** 仅适用于h5端, 微信端-移步到pages.json的easycom配置, 以App开头命名name // */ const requireComponent = require.context( './global', tr
  • uni-app组件

    2022-01-08 18:39:07
    3、组件的注册:在页面中的实例中,新增属性components,把组件放进去注册 4、组件的使用:在页面的标签中直接使用引入的组件 “ <组件></组件> ” //img-border.vue <template> <im
  • uni-app入门学习

    2022-04-07 22:24:39
    uni-app uni-app的基本使用 介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件 导航跳转 ...
  • 一个 uni-app 工程,就是一个 Vue 项目 一、目录结构 直接看官网介绍 一个uni-app工程,默认包含如下目录及文件 注意: 编译到任意平台时,static 目录下的文件均会被完整打包进去,且不会编译。非 static 目录下...
  • uni.getStorageSync('StorageloginStatus') }, methods: { // 获取用户信息 getuserinfo(res) { app._getuserinfo(res,this.ppid) // 封装好的方法 res是微信返回的用户信息,ppid是二维码携带的参数 }, // 当注册...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,134
精华内容 2,053
关键字:

uni-app登录注册