![](https://img-blog.csdnimg.cn/20200802093727892.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 63
微信小程序学习
adventure.Li
南京信息工程大学本科,南京大学研究生,后端Javaer,2022年阿里巴巴编程之夏学员,2023年拼多多暑期实习生,记录个人学习、感悟以及经验分享。
展开
-
给女朋友写一个微信小程序
一、背景女朋友生日快来临,除了送口红,拍纪念照写真这些传统的礼物之外。作为一个程序员,为她写一个专属的小程序应该还行。于是开始简单构思,花了一下午时间为她写了一个简单的小程序,功能简单(几乎没有)但却有心,我们一起来看看吧。二、开发步骤申请开发公众号(网上搜微信公众号平台即可)明确开发内容和功能,可以网上借鉴他人。(1)可以开发一个记日记的小程序(2)开发一个弹窗对话注:由于时间紧迫,在CSDN搜到的此类小程序并不多,于是还是进行了自己的构思,毕竟是专属的小程序,一定需要自己的想法原创 2021-04-22 09:10:12 · 10261 阅读 · 19 评论 -
【小程序开发】开发一个短信登录验证(后端采用springboot)
一、前言前两天发布了一篇关于大创项目的一个小程序开发(vant组件引入),然后有一位粉丝(仅有的)询问能帮忙开发一个小程序吗?于是我又开始了小程序的学习(记得上次还是半年前了)。这次来一起使用小程序实现一个短信登录验证。希望大家多多支持,不足之处望见谅。参考:微信公众号开发文档、vant组件库二、开发步骤设计页面采用vant组件库进行组件的搭配。由于前端写的比较少,所以页面有点不怎么好看。如下图左侧部分:部分代码:<!--pages/login.wxml--><原创 2021-03-26 00:34:30 · 803 阅读 · 1 评论 -
【健康云平台练习小项目开发】小程序vant组件库的引入
一、背景这是本人的参与的一个省级大创项目的系统开发部分。本人于2020年暑假已开发简单的基本框架(包括vue、小程序、ssm框架(spring boot迭代)),由于各种原因一直拖到现在还没完善。本人打算在考研准备之余进行此项目以及TGAM项目spring boot练手项目的重构,并记录一些常见的Java开发技术和问题记录,并且将其放在GitHub项目传送门,希望大家多多支持!!多多点赞、关注!文章参考:微信小程序使用vant二、本次记录cmd到微信小程序的项目文件之下,npm init'进行原创 2021-03-23 13:18:10 · 814 阅读 · 5 评论 -
【前后交互】微信小程序的echarts前后交互解决
一、描述在微信小程序中使用echarts时,像Vue中直接把data传入是不行的,原因是因为小程序的生命周期一样。二、解决办法使用全局变量进行传入数据第一步:在app.js中加入 globalData{}//app.jsApp({ globalData: { mealsList:[], // 用户记录 name: '张三', age: 18, time:[],//7,6,4,2,3,5,6 heartRate:[],//65,76,87,5原创 2020-08-16 18:23:05 · 791 阅读 · 0 评论 -
echarts图表的常用属性总结
一、位置摆放1.图表的位置大小设置(x,y是相对外层的div)在grid{}里面进行x:,y:的设置,大小进行width和height设置)2.交互组件datazoom的位置设置以此类推,在datazoom进行x,y的设置即可3.图例的位置设置使用top进行距离div上面距离设置二、其他标题title: {text: ‘健 康 记 录’,left: ‘center’,},小提示,当鼠标放在相应线时出现的提示tooltip: {show: true,trigger: ‘axi原创 2020-08-10 16:41:47 · 1008 阅读 · 0 评论 -
【小程序实战】echarts以及vant组件的使用
一、效果呈现二、使用步骤1.导入echarts的组件(参考官网)2.(放在js 文件)修改echarts数据 重点使用legend、tooltip,我还在此基础上进行了datazoom的使用进行数据的交互处理,另外若想在一个页面显示多个图表,在js文件内进行option的多个定义并初始化chart,再在wxml进行引用即可。(另外记得在json文件进行引入)部分参考代码//wxml文件<!--index.wxml--><view class="container"&g原创 2020-08-08 15:34:22 · 2978 阅读 · 0 评论 -
【微信实战】vant的使用
大家好,我是一名计算机软件工程专业的大三学生,由于转专业计算机基础还比较薄弱,正在努力学习,弥补自我中,奋斗目标大三进大厂实习;目前学习的语言有C\C++、JAVA以及前端基础,会一点Python、微信小程序。后面会学习IOS以及andriod,主攻IOS,欢迎志同道合的朋友私聊,探讨学习,QQ:674619459。一、引言 前天尝试做了一些微信小程序,界面和与SSM通信基本上完成了,但是做完之后发现界面及其丑陋,作为.原创 2020-08-07 19:23:37 · 1178 阅读 · 0 评论 -
微信小程序与SSM交互
一、关于小程序的交互 1.与本地交互的解决办法在详情中勾上图选项即可。 2.交互代码 js文件data:{param:{},}test: function(options){ wx.request({ url: 'http://127.0.0.1:8082/Hys/api/adminLogin', //管理员登录接口 data: { "id"原创 2020-08-03 23:17:25 · 1869 阅读 · 0 评论 -
微信小程序实战
一、引言 在做完ssm+vue的简单项目之后,很想再来尝试小程序,于是今天便开启了小程序的开发。今日学习计划大概:早上大致看一下文档,了解一下组件的使用以及文件结构;大致了解之后,下午便尝试着开发。二、准备工作1、注册微信公众号(之前已注册过,记住ID,开发时需要用;百度搜索微信公众号平台即可)2、下载微信开发工具(在公众号平台之中)3、文档查看(微信公众号平台之中)三、开发步骤 1.搭建原创 2020-07-31 23:29:24 · 531 阅读 · 0 评论 -
微信小程序如何实现页面跳转?
目前,以博主仅有的知识水平所知道的微信小程序跳转页面有两种,一种为可返回一种不可返回。我下面主要展示可返回类型;步骤如下:1.wxml设置button,使用bindtap=“blabla”,还可标上class选择器进行渲染。2.在JS文件里面写上blabla:function(){}再使用wx.naviGateTo 出现url即可进行填写文件所在,后面可以打个?id=“ ”可进行传参。展示...原创 2020-04-02 19:04:43 · 1551 阅读 · 0 评论 -
微信小程序如何设置背景图片
今天第一次来尝试微信小程序,可在了解完基本常识之后。设置背景图片就难到我 了。CSDN上面找了一些办法,大致有以下几种:1.转换为base64格式或者使用网上图片background-image:url("../")2.使用本地图片(笨方法)(1)将图片上传本地项目文件(2)在wxml使用(3) 设置图片大小,位置<image src="../image/职场加班闪屏引导页...原创 2020-04-01 22:28:21 · 4383 阅读 · 0 评论