阿里云文档 2025-11-03

通过微信小程序实现查询实例详细信息功能

本文介绍如何在阿里云云服务器ECS上基于Alibaba Cloud Linux 3操作系统搭建高可用的微信小程序服务端,并在本地开发一个名为ECS小助手的简单微信小程序。通过远程调用部署在ECS上的服务端,实现在小程序中输入框输入ECS实例ID查询实例详细信息的功能。

阿里云文档 2025-09-01

通过微信小程序实现查询实例详细信息功能

本文介绍如何在阿里云云服务器ECS上基于Alibaba Cloud Linux 3操作系统搭建高可用的微信小程序服务端,并在本地开发一个名为ECS小助手的简单微信小程序。通过远程调用部署在ECS上的服务端,实现在小程序中输入框输入ECS实例ID查询实例详细信息的功能。

文章 2022-06-09 来自:开发者社区

5.5【微信小程序全栈开发课程】首页完善(五)--撤销功能

1、添加撤销方法编辑index.vue文件的script部分,在methods函数中添加撤销方法recallasync recall () { try{ const res = await post('/weapp/deleterecord', {openid:this.userinfo.openId}) console.log("从后端返回的执行正确的信息是:",res) ...

5.5【微信小程序全栈开发课程】首页完善(五)--撤销功能
文章 2022-06-09 来自:开发者社区

5.4【微信小程序全栈开发课程】首页完善(四)--清零功能

1、添加页面部分编辑src/pages/index/index.vue文件的template部分,将清零、撤销按钮添加到页面上面<!-- 参考代码,无需粘贴 <div class="show"> --> <!-- 需要添加的部分 --> <div class="button"> <div class="btn1 right"&...

5.4【微信小程序全栈开发课程】首页完善(四)--清零功能
文章 2022-06-09 来自:开发者社区

3.6【微信小程序全栈开发课程】登录功能(四)--显示登录成功弹窗

1、创建工具函数文件创建src/util.js工具函数文件,用来放我们后期会重复用到的函数,比如提示框,HTTPS请求等。粘贴下面代码到util.js文件中//消息提示框 export function showSuccess (text) { //wx.showToast是小程序现成的API,其中title是提示的内容,icon是显示的图标 wx.showToast({ tit...

3.6【微信小程序全栈开发课程】登录功能(四)--显示登录成功弹窗
文章 2022-06-09 来自:开发者社区

3.5【微信小程序全栈开发课程】登录功能(三)--获取用户信息

1、获取用户信息我们在实现登录功能时,添加的登录成功时调用的方法loginSuccess。方法中代码wx.setStorageSync('userinfo', res)的作用是将用户信息保存到了缓存中,并将这条缓存信息命名为userinfo。缓存信息会一直存储在用户的手机中,等到下次打开小程序的时候,小程序会读取微信的缓存,来获得用户信息。如果用户清除了微信的缓存,那么需要用户重新登录小程序。现....

3.5【微信小程序全栈开发课程】登录功能(三)--获取用户信息
文章 2022-06-09 来自:开发者社区

3.3【微信小程序全栈开发课程】登录功能(二)--自定义登录弹窗

1、效果展示这节我们先来看一下弹窗的效果是啥样的2、添加自定义弹窗(1)编辑pages/index/index.vue文件这部分的样式是自定义弹窗的样式,将这些样式代码添加到style部分中,放在原先已存在的代码的后面.modal-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bac...

3.3【微信小程序全栈开发课程】登录功能(二)--自定义登录弹窗
文章 2022-06-09 来自:开发者社区

3.2【微信小程序全栈开发课程】登录功能(一)--实现登录功能

1、安装SDK插件SDK插件用来获取用户的openIdSDK是server端(也就是后端)的插件,帮助我们很容易的获取openId。openId是微信中用户身份的唯一标识,我们通过openId来识别用户,方便后期的用户管理~/WeChatProjects/truth_hold$ npm install --save wafer2-client-sdk //系统返回信息 + wafer2-clie....

3.2【微信小程序全栈开发课程】登录功能(一)--实现登录功能

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注