第一节:什么构成了微信小程序、创建一个自己的小程序

第二节:微信开发者工具使用教程

第三节:深入了解并掌握小程序核心组件

第四节:初始化云函数和数据库

第五节:云数据库的增删改查

第六节:项目大纲以及制作登录、注册页面

第七节:制作活动申请页面

第八节:活动申请页面的补充

第九节 ”我的“页面制作

第十节:活动详情页面制作

第十一节:活动历史页面制作

第十二节:预约老师页面制作

第十三节:预约历史页面制作

第十四节:活动审批端制作

第十五节:预约审批端制作

       

        这个项目是当时大一大二自学前端的时候做的一个算是比较大的项目,主体原型是汕头大学校团委微信小程序,该微信小程序使用微信原生语法和腾讯云开发框架开发,旨在简化汕头大学校团委的教师预约申请和活动申请的审批流程。因为一切的代码以及框架都是从零搭建的,经过了几个版本的迭代和摸爬滚打的探索,已经稳定运行了将近两年的时间。所以想写这个系列的文章,一方面是分享一些开发经历以及心得,另一方面是对学校组织贡献一点微薄之力~

        希望通过这个系列的博客,能够深入介绍“汕头大学校团委微信小程序”的开发过程、功能实现和技术细节,帮助更多的开发者和用户了解和使用该小程序。我们也欢迎更多的开发者为这个开源项目做出贡献,共同完善和优化这个项目。欢迎提交PR请求和留下你的问题。这个项目单纯为爱发电,所以不会有任何金钱相关的利益。如果这个项目对你有帮助,可以给我一个小星星吗?


前言

本系列用的是微信原生小程序进行开发的,使用的是腾讯云所支持的云开发,有一定的学习成本,因为自从几个月前云开发要开始收费了不再有免费额度,而是收取一个月19.9¥的套餐。

如果觉得原生小程序不实惠可以去用uniapp来进行小程序的开发(阿里云好像暂时不收费)

       

问:相比HTML和CSS,微信小程序是用什么编程语言构成的呢?以下是ChatGpt所给出的答案

        值得注意的是HTML和CSS中大部分的知识与小程序中WXML和WXSS具有高度的相似之处,如果你网页的知识不牢固也不需要担心,在之后会在小程序的学习中重新复习相关的组件。

        首先微信小程序有它的官方文档,这是他的网站链接,我们如果有不懂的地方可以去文档里查找,里面有相关的讲解以及步骤。我们学习的知识点大部分来自b站的教学视频,链接我也放在下面了

微信开放文档icon-default.png?t=N7T8https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html当时学习参考的B站视频1-1开始学习云开发注意事项是零基础入门小程序云开发,最新最全云开发入门学习教程,云函数,云存储,云数据库cms网页后台,登陆注册,收藏评论功能讲解的第1集视频,该合集共计142集,视频收藏或关注UP主,及时了解更多相关视频内容。icon-default.png?t=N7T8https://www.bilibili.com/video/BV1x54y1s7pk?p=1

        废话不多说,那么我们开始进行学习微信小程序吧!


1.下载开发者工具并创建一个项目

        我们开发微信小程序使用的IDE是微信开发者工具

微信开发者工具下载地址与更新日志 | 微信开放文档微信开发者平台文档icon-default.png?t=N7T8https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

        点击上面的链接后选择稳定版进行下载

        下载安装完成后扫码登录,填写好你的项目名称和选择你项目的目录后注册你的开发者账号。(不推荐使用测试号,因为后面我们搭建项目需要使用到云开发,而测试号是不能使用的)

         点击了注册后跳转到这个页面进行注册就好了,这里就不在赘述了

        注册完之后在AppID那里填写你的AppID,如果你不知道你的AppID是什么可以按照下图的方式来找到。

                1.进入小程序网站 小程序 (qq.com)  扫码进行登录

                2.找到并点击开发管理

                3.点击开发设置

        填写好你的AppID后在后端选择不使用云服务,在模板选择不使用模板(如果你使用了模板它会给你创建很多现在用不到的文件和函数,作为初学者根本用不到)

         全部搞定后点击确定就可以创建你的第一个项目了


2.开通一个属于自己的云开发环境

         点击左上方的云开发进行开通

         开通完成后需要等待云开发初始化,初始化完毕后页面就会变成这样你就开通成功了!


题外话

这一系列文章会持续更新,手把手教你从零创建一个小程序项目!并且免费提供源码。如果有什么疑问欢迎大家在底下留言讨论!你的赞和收藏是我最大的动力!! 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐