微信小程序
文章平均质量分 57
materialistOier
这个作者很懒,什么都没留下…
展开
-
微信小程序中段复盘
经过本人的不屑努力,微信小程序项目就要在五一前后正式上市 。本人在最近两天完成了getopenid登陆注册和绑定学生验证的2个大部。经过复盘得出了一个重要的结论:如果要完成一件事,千万不要拖着!非常重要...原创 2022-04-23 17:18:02 · 310 阅读 · 0 评论 -
经验总结5(检查代码bug)
经验总结5今天我进行了微信小程序getOpenId并完成登陆的代码,但在其中也遇到了一些问题:登录的执行优先级比getOpenId的执行优先级高,本人用了一个小时的时间才找到bug。所以本人经过复盘得出结论:在写代码时遇到bug,首先通过输出局部数据进行判断bug类型,在解决bug。...原创 2022-04-17 21:13:28 · 299 阅读 · 0 评论 -
微信小程序教训
不要坚信别人的想法,实际操作一遍例子:按照微信小程序讲解,坚信将精选文章写在小程序中。把遇到的问题总结记录例子:防止很长时间后,看不到是如何解决这个问题的。原创 2022-04-08 21:57:55 · 180 阅读 · 0 评论 -
微信小程序新计划
微信小程序新计划前言计划调整后继前言由于发现之前数据库的局限性和登陆方式的繁琐性,本人决定废除之前的登陆方式和数据库。计划调整项目时间数据库(1)建立2022.3.28(一)~2022.3.29(二)数据库访问方式更改2022.3.30(三)~2022.4.2(六)微信id登陆实现2022.4.3(日)家长绑定学生2022.4.4(一)~2022.4.7(四)微信收款实现2022.4.8(五)~2022.4.9(六)扫描仪端口连接小程序2原创 2022-03-27 08:39:42 · 618 阅读 · 0 评论 -
对于微信小程序冲刺阶段的规划
对于微信小程序冲刺阶段的规划大致时间分配表针对2点问题的解法后言大致时间分配表2022.3.11(五)争取将使用评价、提交建议和用户评价三个页面实现数据交互。(预备方案:2022.3.12(六)补上)2022.3.13(日)~ 2022.3.14(一)完成微信小程序短信验证码落实,并对相关页面进行数据交互(预备方案:2022.3.15(二)~ 2022.3.17(四))2022.3.18(五)~ 2022.3.21(一)进行扫描仪对接(预备方案无)2022.3.22(二)~ 2022.3.26(原创 2022-03-10 21:38:42 · 682 阅读 · 0 评论 -
微信小程序(第二十七章)- 数据交互页面优化
@[TOC](微信小程序(微信小程序(第二十七章)- 数据交互搜索框及全局)共前言我们在实际开发中,图片、视频、音频等资源都是放在外部服务器上的,tabBar对应的图片必需是本地图片;因为微信小程序代码包必需控制在2MB以内;既然我们json-sever服务器已经搭建完成,不用说数据交互安排!我们页面中需要的图片和数据都从json-server中获取;首页(进行数据交互优化)搜索框图片对于页面中无需改变的图片,我们直接在wxml里面写路径即可,比如:搜索框里面的放大镜;但是对于需要改变的图片,我原创 2022-02-11 16:03:10 · 723 阅读 · 0 评论 -
微信小程序(第二十六章)- json-server环境搭建
微信小程序(第二十六章)- json-server环境搭建介绍下载安装创建json数据——db.json修改端口号举例获取数据常规获取过滤获取 Filter分页 Paginate排序 sort取局部数据 Slice取某个符合范围 operators全文搜索 Full-text search介绍一个在前端本地运行,可以存储json数据的server。通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。下载安装使用npm原创 2022-02-07 16:23:09 · 1808 阅读 · 0 评论 -
微信小程序(第二十五章)- 数据交互node环境搭建
微信小程序(第二十五章)- 数据交互node环境搭建前言下载链接npm简单介绍使用场景前言为了实现微信小程序后台搭建,比较简单的方式是可以使用node环境进行搭建(效果不错)。下载链接node.js下载链接npm简单介绍npm全称为Node Package Manager,是一个基于node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。npm的初衷:JavaScript开发人员分享和重用代码。使用场景npm的使用场景:允许用户从NPM服务器下载别原创 2022-02-06 12:35:53 · 866 阅读 · 0 评论 -
微信小程序(第二十四章)- 数据交互前置
微信小程序(第二十四章)- 数据交互前置讲解微信小程序前置的原因理解微信小程序起步小程序简介作用提问针对提问——uni-app介绍小程序和普通网页开发的区别前置讲解微信小程序前置的原因之前实现都属于微信小程序静态页面的实现,当然只要你懂一点点html(wxml文档)和css(wxss文档)或零基础就可以实现,但是如果想进行数据交互,需要对小程序有一定的理解。理解微信小程序小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。起步小程序原创 2022-02-06 11:10:14 · 831 阅读 · 0 评论 -
微信小程序(第二十三章)- 注册页面的实现
微信小程序(第二十三章)- 注册页面的实现页面实现页面实现基本和登录页面一样。代码如下:<!--定义form组件--><form bindsubmit="toRegister"> <!--输入框区块--> <view id="inputView"> <!--文本框--> <input type="text" placeholder="用户名" name="userName">&l原创 2022-01-28 15:43:18 · 1519 阅读 · 0 评论 -
微信小程序(第二十二章)- 表单数据提交
微信小程序(第二十二章)- 表单数据提交问题实现步骤问题什么时候(怎样)提交数据?当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。实现步骤给form组件添加bindsubmit事件,在js里面定义对应的时间函数;给button按钮添加form-type属性,值:submit,提交表单在事件函数里获取要提交的数据;需要给input组件添加n原创 2022-01-28 14:28:09 · 10680 阅读 · 0 评论 -
微信小程序(第二十一章)- 表单相关组件的介绍
微信小程序(第二十一章)- 表单相关组件的介绍链接表单组件介绍buttoncheckboxforminputpickerswitch链接文档地址表单组件介绍buttonbutton 按钮。常用属性如下(具体见文档):sizetypeplaindisabledloadingform-typeopen-typecheckboxcheckbox多选项目。所有属性如下:valuedisabledcheckedcolorformform将组件内的用户输入的switc原创 2022-01-28 13:58:53 · 1015 阅读 · 0 评论 -
微信小程序(第二十章)- 登录页面的实现
微信小程序(第二十章)- 登录页面的实现前言页面实现页面结构的实现表单数据提交前言在实现登录和注册页面时,会用到表单相关组件文档地址页面实现页面结构的实现定义1个form组件,form组件是表单;将组件内的用户输入的switch input checkbox slider radio picker提交;定义view,给其添加id:inputView,在inputView里面定义文本框和密码框,无论是文本框还是密码框都依赖于input组件,输入框。该组件是原生组件,使用时请注意相关限制;定义原创 2022-01-27 14:58:21 · 908 阅读 · 0 评论 -
微信小程序(第十九章)- 用户评价页面实现
微信小程序(第十九章)- 用户评价页面实现页面结构的实现页面样式实现五角星实现页面结构的实现代码如下:<!--用户评价--><view id="reviewView"> <!--标题--> <view id="titleView">用户评价</view> <!--用户评论项--> <view class="reviewItemView"> <view>匿名用原创 2022-01-27 13:43:24 · 3698 阅读 · 1 评论 -
微信小程序(第十八章)- 关于我们页面实现
微信小程序(第十八章)- 关于我们页面实现页面结构实现页面样式实现页面结构实现在app.json里面的pages定义"pages/aboutUs/aboutUs";定义1个view,给其添加id:qrCodeView,然后在其中定义图片和文字;定义1个view,给其添加id:developerView;在developerView里面定义6个子view,分别用来承载开发者姓名、学校、电话、微信号、邮箱、CSDN博客号,给其添加class:developerItemView;在developer原创 2022-01-26 15:23:57 · 3645 阅读 · 0 评论 -
微信小程序(第十七章)- 精选文章页面实现
微信小程序(第十七章)- 精选文章页面实现前言精选文章页面实现文章列表页面结构实现页面样式实现正在加载实现页面结构实现页面样式实现页面跳转实现组件跳转API跳转前言之前实现了三个页面,通过tabBar实现页面间的跳转,现在实现的精选文章没有tabBar,那应该通过什么方式进行跳转?这是本章节的重点精选文章页面实现文章列表页面结构实现在app.json的pages配置里面定义pages/hotArticle/hotArticle;为hotArticle页面添加编译设置,否则无法查看效果;定义原创 2022-01-26 13:56:36 · 1136 阅读 · 0 评论 -
微信小程序(第十六章)- 页面跳转的介绍
微信小程序(第十六章)- 页面跳转的介绍组件跳转链接描述API跳转描述事件链接组件跳转链接组件跳转的介绍描述组件中的跳转方式,相当于html里的超链接;组件方式依赖于navigator组件,navigator组件就是页面链接;具体链接请看上方;该组件有很多数据,看他的文档就行(描述的很详细);当点击页面区域,来实现跳转,一般使用组件跳转API跳转描述API跳转方式,类似于JS实现页面跳转;API跳转是需要结合事件,并且结合JS来实现;当需要结合数据或逻辑来实现跳转,一般使用API原创 2022-01-26 13:55:34 · 311 阅读 · 0 评论 -
微信小程序(第十五章)- 我的页面的实现
微信小程序(第十五章)- 我的页面的实现登录页面实现效果页面结构实现页面样式实现个人中心列表项的实现页面结构实现页面样式实现登录页面实现效果通过效果图,有两个登录页面。一个未登录效果、一个登录效果。学生打卡器最终的呈现效果,如果点击tabBar里面的我的,如果没有登录则跳转到登录页面。页面结构实现定义1个view,给其定义id:userInfoView;在userInfoView里定义2个子view,分别承载昵称和来自;代码如下:<!--用户信息展示区域--><vie原创 2022-01-25 16:41:20 · 6835 阅读 · 0 评论 -
微信小程序(第十四章) - 信息查询页面的实现
@[TOC](微信小程序(第十三章) - 信息查询页面页面标题的实现)前言之前在app.json的文件里进行了全局配置,设置标题为学生打卡器。而现在的信息查询页面的标题不是学生打卡器,可以用页面配置把对此页面的全局配置覆盖掉。页面配置app.json 中的部分配置,也支持对单个页面进行配置,可以在页面对应的 .json 文件来对本页面的表现进行配置。页面标题实现一句话总结,so easy! (详细看过页面配置)代码如下:{ "usingComponents": {}, "navig原创 2022-01-24 15:27:01 · 1728 阅读 · 0 评论 -
微信小程序(第十三章)- wxss选择器介绍
微信小程序(第十三章)- wxss选择器介绍选择器定义选择分类选择器定义选择器:用来选择页面元素给其添加样式。选择分类#xx 根据id选择元素.yy 根据class(类)选择元素zz 根据组件名选择元素...原创 2022-01-24 14:28:36 · 2340 阅读 · 0 评论 -
微信小程序(第十二章)- 请求回答实现
微信小程序(第十二章)- 请求回答实现页面结构实现页面样式实现页面结构实现定义1个view,给其添加id:askView,在其中定义一张图片;代码如下:<!--请求回答--><view id="askView"> <image src="/images/xsdkq_index_qqhd.png"></image></view>页面样式实现设置图片大小;给askView添加固定定位(无论页面内容怎么滚动,元素一直在窗口的原创 2022-01-23 12:58:14 · 305 阅读 · 0 评论 -
微信小程序(第十一章)- 精选文章的实现
微信小程序(第十一章)- 精选文章的实现页面结构实现页面结构实现定义view,用来承载所有的文章标题和文章列表。给其添加id:hotArticleView。定义view,用来承载文章中标题,其id:hotArticleTitleView。定义多个view,用来承载精选文章列表,这些view效果相同,区别于文字和图片...原创 2022-01-23 12:21:22 · 605 阅读 · 0 评论 -
微信小程序(第十章)- 页面客服的实现
微信小程序(第十章)- 页面客服的实现做微信小程序的理念普遍问题在线客服实现页面结构实现样式实现右箭头实现做微信小程序的理念不要添加无意义的组件或标签!!!普遍问题如何给两个组件之间设置不同颜色的背景色间隔。错误做法:多写一份组件。XXXXX正确做法:给整个页面设置理想的背景色,其中组件的背景色根据需求写。在线客服实现页面结构实现定义一个view,用来承载在线客服相关内容,使其定义id:onlineView;在onlineView里面定义图片和文本;样式实现给onlineVie原创 2022-01-21 15:49:52 · 699 阅读 · 0 评论 -
微信小程序(第九章)- 导航菜单的实现
微信小程序(第九章)- 导航菜单的实现定义实现步骤页面结构的实现样式实现定义导航菜单是页面的跳转器。实现步骤页面结构的实现通过分析标注图,可以发现一个大的view包含了6个小的view,每个小的view是由图片和文字组成的。定义一个view,用来承载所有的导航菜单,给其定义id: navView在navView定义6个子view,给其定义class(分类(也就是统一id名(因为6个子view格式完全一样))):navItemView在每个navItemView里面定义image和text原创 2022-01-21 14:50:29 · 870 阅读 · 0 评论 -
微信小程序(第八章)- 轮播图的实现
微信小程序(第八章)- 轮播图的实现前言组件链接实现步骤前言微信小程序比我们上一章讲的搜索框更好实现,因为微信小程序公众平台提供了组件(很小声)。组件链接swiper组件实现步骤开始拷贝从swiper组件文档的最底部的wxml中复制swiper组件的相关代码。从swiper组件文档的最底部的Javascript中复制data数据,放在index.js的data里面。把index.js原有data里面的数据都给删掉。把swiper-item里面的view改成image,目的是让每一个滑块原创 2022-01-20 13:13:05 · 1740 阅读 · 0 评论 -
微信小程序(第七章)- 搜索框的实现
微信小程序(第七章)- 搜索框的实现搜索框的组成定义布局容器微信小程序1个页面所对应的4个文件具体实现步骤搜索框的组成外部容器i内部容器两者关系:外部容器包裹内部容器,而且内部容器正好在we外部容器的居中(水平垂直居中)位置。定义布局容器可在微信小程序中使用view,可以在view里面定义内容。微信小程序1个页面所对应的4个文件wxml文件 -> html文件wxss文件 -> css文件js文件 ->js文件json文件 -> 配置文件具体实现原创 2022-01-20 11:20:26 · 15007 阅读 · 4 评论 -
微信小程序(第六章)- 导航栏和tabBar的实现
微信小程序(第六章)- 导航栏的实现作用app.json文件属性作用通过微信小程序根目录下的app.json文件用来对对微信小程序进行全局配置。app.json文件属性app.json 文件,文件内容为一个JSON对象;JSON是以key:value形式存在的;...原创 2022-01-18 19:31:26 · 392 阅读 · 0 评论 -
微信小程序(第五章)- 页面配置
微信小程序(第五章)- 页面配置页面配置作用链接分类建议页面配置作用微信小程序端中实现导航栏(窗口最上方)和tabBar(窗口最下方),是通过配置实现的;这是区别移动端开发的点。链接参考文档分类总共分3类:全局配置:对微信小程序进行全局配置,它是对整个视口(可视化窗口)的设置。页面配置:对本页面的窗口表现进行配置。sitemap配置(有哪些关键字可以搜到这个小程序):对微信小程序的索引规则进行配置。建议希望大家多多提供资料(微信小程序)...原创 2022-01-11 20:16:12 · 445 阅读 · 0 评论 -
微信小程序(第四章)- 开发者工具菜单栏介绍
微信小程序(第四章)- 开发者工具菜单栏介绍分类后续分类头像:用来切换登录用户模拟器、编辑器、调试器:三个按钮,用来打开或关闭三大区域编辑模式:可以切换编辑模式注意事项:普通编译默认打开项目首页点击编译下来菜单模式名称:自定义,可以出现中文;启动页面:选择模式对应的页面;点击确定即可;编译按钮:手动编译程序预览按钮:出现二维码,通过微信扫码,可以在手机端查看效果。真机调试:在手机端预览,并通过调试台查看真实反馈清缓存:(字面义)清理缓存数据上传:把代码上传到微信小程原创 2022-01-10 20:38:54 · 1303 阅读 · 0 评论 -
微信小程序(第三章)- 开发者工具界面介绍
微信小程序(第三章)- 开发者工具界面介绍部分模拟区域作用术语定义及其作用编辑器区域作用术语定义及其作用调试器区域作用本人的小心愿部分总共分成3个部分模拟区域作用模拟真机环境,呈现在不同手机上的基本效果。术语定义及其作用机型:主要是看分辨率,而不是必须找到对应的厂商品牌。显示比例:可以更完整的看出显示效果字体大小:不要更改,16即可编辑器区域作用查看项目结构目录和编辑代码。术语定义及其作用包含两部分:资源管理器和编辑器资源管理器:项目结构目录调试器区域作用代码调原创 2022-01-09 14:25:54 · 973 阅读 · 1 评论 -
微信小程序(第二章)- 开发工具的下载和安装
微信小程序(第二章)- 开发工具的下载和安装微信公众平台查询途径组成链接开发工具的安装微信公众平台查询途径百度-> 微信小程序->微信公众平台组成微信公众平台和微信小程序整合链接官方地址开发工具的安装链接:下载微信开发者工具下载对应操作系统版本的工具即可安装注意事项:尽量避免出现中文目录尽量避免出现特殊字符(_不归纳特殊字符)尽量避免在C盘中安装,选择其他1个盘进行安装开始安装(不用我讲很简单)...原创 2022-01-08 12:13:42 · 10268 阅读 · 0 评论 -
微信小程序(第一章)-基本概念和开发环境系统
微信小程序-基本概念和开发环境系统第一章开发环境系统图片开发环境系统取色(取色.exe)markdown文档编辑器和查看器(typor a-setup-x64.exe)开发微信小程序官方工具(wechat_devtools_1.05.2108130_x64.exe)图片效果图:页面最终要呈现的效果标注图:在效果图的基础上,标明尺寸和颜色切图:项目需要使用的素材图片这些只是本人自学的皮毛而已,后期更新,希望大家多提建议,本人会根据实情进行采纳和吸取。...原创 2022-01-07 20:53:30 · 248 阅读 · 0 评论