
小程序开发
心寒丶
java后台,oracle数据库,前端全栈开发,三个臭皮匠,顶个诸葛亮,有问题咱一起解决!只要你问,只要我会(不会可以一起研究),倾囊相授
展开
-
小程序开发之前端对数据排序,支持正排倒排
<!--pages/organization/personVer/personVer.wxml--><view class="guide"> <text class="headline"></text> <text class="p"></text> <text class="p"></text> <view class="tr"> .原创 2021-06-02 09:16:10 · 695 阅读 · 0 评论 -
小程序中引入ECharts
第一步:下载GitHub上的ecomfe/echarts-for-weixin项目第二步:复职下载项目中的ec-canvas文件夹到项目中pages同级目录第三步:编写ECharts图表WXML:<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas></view>JS:原创 2021-05-08 10:44:34 · 917 阅读 · 0 评论 -
小程序开发之less文件转wxss文件
1、Visual Studio Code中 安装“Easy LESS”插件2、打开设置 Settingssettings.json中添加 以下代码,注意在原本的大括号里边添加,不要把原来的的括号删除,不然默认生成css "less.compile":{ "outExt": ".wxss" }...原创 2021-03-23 15:00:49 · 9426 阅读 · 0 评论 -
小程序开发之下拉刷新数据功能实现
1、app.jsonwindow下增加"enablePullDownRefresh":true属性2、对应页面的js,onPullDownRefresh方法是默认存在的,直接在里边写内容就行,如果不能进入onPullDownRefresh检查是否写了两个该方法 /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log("下拉刷新") t...原创 2021-03-22 14:14:35 · 206 阅读 · 0 评论 -
小程序开发之自定义tabBar不显示问题排查
第一步:确定tabBar中的第一个pagePath是否和pages中的第一个页面地址一致 ,如大小写没注意,路径不统一等 第二步:tabBar 中配置的路径中必须要有 index 页,且当indx为第一页时才会显示index页的内容(反正我的程序似乎是这样,如果是其他原因还请大佬指示)...原创 2021-03-19 10:12:29 · 10329 阅读 · 0 评论 -
小程序开发之自定义tabBar
app.js中增加tabBar即可显示{ "pages": [ "pages/index/index", "pages/userConsole/userConsole", "pages/storageConsole/storageConsole", "pages/databaseGuide/databaseGuide", "pages/addFunction/addFunction", "pages原创 2021-03-19 09:17:28 · 223 阅读 · 0 评论 -
小程序开发之表单调查时间结束之后不能提交数据
wxml<form bindsubmit="formSubmit" ><view> <span style="font-size:50rpx;color:red;margin-top:5rpx;">距填写结束时间还剩</span> <view class='time-container'> <text class='time-number'>{{countDownDay}}</text>原创 2021-03-18 14:07:01 · 366 阅读 · 0 评论 -
小程序开发之提交数据给后台Springboot保存数据
wxml<!--miniprogram/pages/testDemo/testDemo.wxml--><swiper autoplay="{{autoplay}}" interval="{{interval}}" circular="{{circular}}" duration="{{duration}}" vertical="{{vertical}}"> <block wx:for="{{newsarr}}" wx:key=""> &原创 2021-03-16 14:34:20 · 545 阅读 · 0 评论 -
小程序开发之结合Springboot查询数据
小程序端JS onQuery: function() { var a=1; wx.request({ url: 'http://localhost:8081/excelData/getwe?id='+a,//模拟查询id为1的数据 header: { 'content-type': 'application/json' // 默认值 }, suc.原创 2021-03-16 10:21:02 · 297 阅读 · 0 评论 -
小程序开发之从数据库获取数据显示在页面
testQuery.wxml<view class="guide"> <text class="headline"></text> <text class="p"></text> <text class="p"></text> <text class="p"> 点击查询按钮</text> <button size="mini" type="defau原创 2021-03-16 08:37:39 · 15081 阅读 · 2 评论 -
小程序开发之获取表单提交数据并保存到数据库
testDemo.wxml<form bindsubmit="formSubmit"><view class="page-section"> <view class="weui-cells__title">姓名</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input">.原创 2021-03-15 15:33:54 · 13376 阅读 · 16 评论 -
小程序开发之内容太长,显示省略点
css样式:overflow: hidden; /*超出部分隐藏*/white-space: nowrap; /*不换行*/text-overflow: ellipsis;/*显示...*/效果如下:原创 2021-03-15 15:15:19 · 347 阅读 · 0 评论 -
小程序开发之内容太长,默认换行显示
css样式:word-break: keep-all;word-wrap: break-word;white-space: pre-line;样式如下:原创 2021-03-15 15:11:52 · 282 阅读 · 0 评论 -
小程序开发之调用云函数报错 Cannot read property ‘xxx‘ of null
由于才开始学习小程序,所以今天写的代码在调用云函数的时候报错了Cannot read property 'xxx' of null,也是调试了很久,返回结果都是null然后查找了下资料发觉函数没有加async关键字原创 2021-03-11 14:00:14 · 10984 阅读 · 0 评论 -
小程序开发之编写第一个云函数
1.新建Node.js云函数选中cloudfunctions文件夹,右键“新建Node.js云函数”,取名sum2.编写云函数sum文件夹下index.js中加入以下代码exports.main = (event, context) => { console.log(event) console.log(context) return { sum: event.a + event.b }} 3.上传云函数可选择 上传并..原创 2021-03-11 11:30:12 · 500 阅读 · 0 评论 -
小程序开发之云开发入门——原始云函数部署上传
1.使用“微信开发者工具”开发工具创建项目小程序开发者工具下载地址选择 “小程序.云开发”,因为我的AppID已经开通了,所以就直接带出来了。创建之后就可以看到原始“云开发QuickStart”小程序了,这个时候点击“点击获取openid”按钮会出现 “云函数调用失败”2.开通云服务点击“云开发”,在弹出框里点击“开通”,然后输入云环境名称,如“yun”,点击创建,创建成功云开发控制台3.制定云开发环境找到小程序app.js,如下地方,输入云环境名称..原创 2021-03-11 09:18:44 · 13346 阅读 · 0 评论 -
小程序开发之AppID获取
1.进入官网注册账号信息https://mp.weixin.qq.com/2.开发-开发管理-开发设置,找到AppID即可原创 2021-03-11 08:50:52 · 675 阅读 · 0 评论