【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请

到此为止，我们只差一个退出登陆功能了。

回到index.vue页面，之前我们已经预留了退出按钮，现在给它加上功能

在功能区加上

logout() {uni.removeStorageSync('UID');uni.showToast({title: "您已经退出",icon: "none"});setTimeout(function() {uni.redirectTo({url: '/pages/login/login'});}, 1000);}

还是用到之前uni.removeStorageSync

完整代码如下：

index.vue

<template><view class="body"><!-- 显示区正式开始 --><view class="myfrom"><form @submit="goLink"><textarea name="mytxt" class="mytext" v-model="desc" maxlength="-1" adjust-position auto-height="true"placeholder="请输入文本" /><view class="mybutton"><button class="mybutton" type="primary" formType="submit">保存</button><button class="mybutton" type="warn" @click="logout">退出</button></view></form></view><!-- 显示区结束 --></view>
</template><script>var _self, loginUID;export default {data() {return {desc: ''}},methods: {logout() {uni.removeStorageSync('UID');uni.showToast({title: "您已经退出",icon: "none"});setTimeout(function() {uni.redirectTo({url: '/pages/login/login'});}, 1000);},goLink() {if (_self.desc == '') {uni.showToast({title: "内容必填",icon: "none"});return;}uni.request({url: _self.apiServer + 'add',method: 'POST',header: {'content-type': "application/x-www-form-urlencoded"},data: {'uid': loginUID,'txt': _self.desc},success: res => {_self.desc = '' //清空输入内容uni.showToast({title: res.data.datas,icon: "none"});setTimeout(function() {uni.setStorageSync("pop", 1); //给刷新标记赋值uni.switchTab({url: "/pages/list/list"}); //跳到 看日记页面}, 2000);}}); //golink结束},onLoad() {_self = this;loginUID = _self.checkLogin('/index/index');if (!loginUID) {return;} else(console.log(loginUID));}}}
</script><style>.myfrom {margin: 10px;}.num {text-align: right;color: gray;font-size: 14px;}.mytext {border: 1px solid #ccc;border-radius: 5px;width: 100%;min-height: 300px;}.mybutton {margin-top: 20px;}
</style>

以上就完成了小程序的基本开发。

众所周知，微信小程序不面向个人开放，要申请一个appid必须要企业账号，那么我们个人有没有办法不花钱申请一个呢？答案是肯定的，就是申请一个小程序测试帐号。

网址如下：微信公众平台

只要用自己的微信扫一下，就会得到申请成功，登陆后会得到appID，把它复制出来，一会儿用到

在这里，如果自己有服务器，可以只填 request就行了

回到Hbudiler中，找到 manifest.json，将申请好的appid输入就可以使用。

若想到直接在手机上测试，可下载微信小程序开发工具，运行到它上面，手机扫码测试，就可一直使用下去。

好了，以上就是全部内容，若觉得对学习uniapp入门有所帮忙，欢迎在文章右下方打赏。

本应用所用到的文件源程序与数据库文件，已打包发布，若需要可整体下载。

零基本开发uniapp微信小程序教程源文件与数据库接口，简单易上手，不受版本限制-小程序文档类资源-CSDN下载

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请相关推荐

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(二）---登陆界面功能实现
打开 main.js,这个文件里定义的是整体小程序中会用到的一些功能 (即变量之类),也就是说,只要在这里出现的功能,其它页面可以直接拿来使用.可以把它理解为: 共享单车main ,大家都可以用. ...
【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(一）---基础页面框架搭建
写在前面话: 随着互联网的快速发展,微信小程序应用的快速便捷,不用下载安装等的优势越来越明显,于是,我就开始着手于小程序开发的学习,虽然微信提供了开发工具,但它只能生成小程序 ,不能生成APP,那么有 ...
uni-app 微信小程序模仿 app二层楼功能
uni-app 微信小程序模仿 app二层楼功能先占个坑,今天应该写不完, 后续在慢慢补全更新终于写完了这个的计算量很大,我自己的安卓机测试的时候一卡一卡的,公司同事的iphone是没有问题 ...
uniapp - 微信小程序端引入 Echarts 图表及使用详细教程，简单快速的解决方案（拒绝复杂的过程，附带详细的使用示例保姆级教程）
效果图现在各种平台的文章都太乱了,基本上实测无效... 帮你在uniapp开发中,微信小程序平台端使用 echats 图表的详细教程,快速并且简单轻松搞定. 下面是最后的运行结果,随便用的一个图表进 ...
微信小程序蓝牙模块BLE开发说明基础知识
微信小程序蓝牙模块说明一.简介微信小程序作为轻量级应用的载体,确实方便了很多的应用场景.传统的产品如果要和手机互联互通,那么必须要开发两套APP,即IOS和安卓.十分的麻烦和成本巨高.但是微信小程 ...
【uni-app微信小程序】搜索页面开发，可以保存用户搜索历史，删除历史（简单解释）
目录前言效果展示主体内容前言此篇文章纯代码较多,细节解释,今后会出更加详细的解释效果展示保存的内容,可以长按删除,视频时长原因就不一一展示,具体效果如下视频主体内容这里one-adv ...
基于uniapp+vue+微信小程序+安卓app电影院订票小程序H5网站设计
开发技术:uniapp + vue + ElementUI + 微信小程序 + 安卓app + Springboot 开发工具环境:HBuilder + 微信开发者工具 + VsCode + Idea ...
uniapp 微信小程序登录方法封装
uniapp 微信小程序登录方法封装前言一.登录接口二.登录上代码总结前言 ui设计没有登录页所以将微信小程序登录方法同一封装一个方法一.登录接口 uni.getUserProfile ...
uniapp - [微信小程序] 超详细实时录音功能，录制外部声音及播放上传到服务器（支持录音完毕生成 mp3、试听音频(带进度条)、暂停录音、重新录音、限制录音最大时长、自定义音频名称等功能）
前言网上的教程都太乱了,功能不好用且一堆 BUG,没有注释很难改造示例为自己用. 本文实现了 uniapp 微信小程序平台,授权麦克风进行录音并保存为音频的功能,内置播放器可播放录音文件, 您直接复 ...

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请相关推荐

最新文章

热门文章

【大白话学习】UniApp 微信小程序与APP应用 开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请

【大白话学习】UniApp 微信小程序与APP应用 开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请相关推荐

最新文章

热门文章

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请

【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(七）---登陆注销功能与微信小程序测试号的申请相关推荐