书接上文,我们了解到了怎么在微信开发者工具上新建一个空的云开发项目。

别急,你以为你能大展身手开始写代码了?

答案是否定的,首先你要先开始对小程序进行模块拆分

郦波老师有一句话说得很好:解决问题的最好方式,就是让问题降低一个维度,或者你自身提高一个维度

如同成龙在电影《十二生肖》中走迷宫一样,一开始高高的草丛阻挡了他的视线,于是他一直在迷宫中出不去,但过了一会他被直升机抓上天的时候,没有了草丛的阻挡,很容易他就看出了迷宫应该怎么走。

而模块拆分就是将问题进行降维,进行分布解决。

一.模块拆分

1.首先你要分析一下,你整个系统的构成需要哪些东西

我粗略的写了一下大概就是这些,如果有遗漏的话或者你自己想加什么功能你就自行考虑。

拆分一下功能模块,是不是相对就简单清晰很多了呢?是的吧,问题被降维,被分化了。

二.模块具体概述

用户登录模块:输入账号密码才能进入小程序主页面,登录之后会从数据库调用用户的信息

仪器借还模块:启用相机扫描解析仪器上的二维码获取仪器的信息,将借还的信息提交到数据库中

故障模块:仪器使用过程中发生事故时,调用相机拍摄照片,将事故描述和照片提交至数据库中

管理员模块:拥有管理员权限的用户可以查看当前仪器的借还状态和仪器的可使用状态

数据处理模块:用一个轻量型的脚本将excel/text格式的用户数据,仪器数据处理成符合数据库数据存储规范的json格式的以达到数据批量入库的需求

查看状态模块:分组查看数据库中的仪器借还状态,显示图片,仪器编号等信息

三.了解一下微信小程序的框架

我们先来了解一下,小程序那些文件夹下的文件,具体时间干啥用的。

pages文件夹下的每一个文件夹,是一个页面,每个页面都会有js,wxml,wxss文件,新建页面的时候不需要你一个个新建,你只需要在pages文件夹下右键之间新建一个页面就可以了,比较方便。

网页三大件就不再赘述,说说index.json这个文件,这个文件是一个配置文件,如果你想要改掉小程序的header(就是上图的Wenxin)的话,你可以往里面加一句:“navigationBarTitleText”:“这里写入你想添加的文字”

然后我们关注一下app.json这个文件,这个文件以后调试的过程中会经常用到,来到右边的代码,圈出来的地方其实代表着你的页面,谁在最上面谁在最下面。调试的时候我们往往要将想要调试的页面放到一开始的时候,所以app.json的作用就在此处。

其余的文件要么不用修改,要么在本教程中用处不是很大,如果你想要了解更多的话,请移步微信开放文档。

好像字有点多了?那下期我们正式开始写代码,我们下次再见吧!

零基础手把手教你制作一个微信小程序云开发-实验室仪器管理系统(二)相关推荐

  1. 微信小程序云开发入门(二)-数据库详解

    微信小程序云开发入门(二)-数据库详解 接上一篇:微信小程序云开发入门(一) 摘要: 因为微信小程序云数据库有点类似传统的关系型数据库,但又有所不同.所以刚入手的时候会有点困扰,经过一段时间的学习和摸 ...

  2. 手把手教你写一个微信小程序日历组件

    今天我们一起写一个微信小程序日历组件 微信小程序日历组件 github.com/749264345/w- 好,我们先看一下要实现的模样,如下图 由以上截图我们可以看到 1.日历可以通过按钮[切换展示效 ...

  3. 微信小程序云开发-内容管理系统(CMS)小案例

    一.前言 最近有朋友问到如何在CMS上实现审核小程序端提交的数据,例如发布的内容审核,订单审核等等.因而出一篇小案例. 二.原理说明 这个由腾讯开源的这个内容管理系统,实际上就是对于云开发数据库的可视 ...

  4. 微信小程序云开发快速入门手册-告别切图仔的时刻到了

    文章很长,建议先收藏,有充分的时间再学习,没有小程序基础的,也阔以先收藏哦.   本文章会手把手带各位小伙伴入门微信小程序云开发,因为我还不是全栈工程师,所以不是特别清楚前后端分离模式下,后端工程师需 ...

  5. ❤️微信小程序 云开发 教程合集(视频+图文)免费❤️

    一.视频版 微信小程序云开发视频教程上线啦 二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...

  6. 微信小程序云开发---vant组件 van-uploader 实现视频文件上传到云存储,发动态功能

    pages/upVideo.wxml //获取用户的头像和昵称展示 <view class="headerBox"><image src="{{user ...

  7. 关于微信小程序云开发数据库中有数据查询不到的问题

    最近在学习过程中遇到一个微信小程序云开发数据库中有数据查询不到的问题 集合查询代码如下: Page({/* 采用了ES6的写法 */onLoad() {wx.cloud.database().coll ...

  8. 微信小程序云开发 初学者入门教程二

    微信小程序云开发 初学者入门教程二-前端操作数据库模块 如何操作数据库,作为一名前端,如果对数据的知识不够熟悉也没关系,从现在开始好好学习就行,数据库的操作内容差不多涉及增删改查四大模块,花一些业余的 ...

  9. ChatGPT都说厉害的东西,零基础,3个小时完成微信小程序的制作并发布

    ChatGPT都说厉害的东西,零基础,3个小时完成微信小程序的制作并发布 目录 ChatGPT都说厉害的东西,零基础,3个小时完成微信小程序的制作并发布 一.事情的起因(先解释一些因素,可以选择跳过) ...

最新文章

  1. Linux_Command
  2. Markovdecisionprocesses_Discretestochasticdynamicprogramming下载
  3. sap中二级品报工问题解决方案
  4. 详解基于 Cortex-M3 的任务调度(下)
  5. dr.oracle素颜霜好用吗,treechada素颜霜好用吗_treechada素颜霜评测
  6. SAP CRM One Order OB,OW和DB buffer的调用关系图
  7. Ubuntu工具zsh和Byobu
  8. mysql查询索引相关信息查询
  9. python页面切换_Python+Selenium学习--窗口切换及操作元素
  10. Selenium with Python 006 - 操作浏览器
  11. aws平台中为ec2实例添加双网卡
  12. Python深度学习(什么是深度学习)----学习笔记(一)
  13. java编写flash相册的制作软件_flash相册制作大师免费版
  14. 解决sns加载数据load_dataset()报错问题
  15. 【牛客网刷题系列 之 Verilog快速入门】~ 异步复位的串联T触发器、奇偶校验
  16. 学习编程需要什么基础
  17. STM32F407使用SPI读写SD TF卡(不能读取 会卡死)
  18. windows如何批量修改文件名
  19. ios隐私权限的使用及设置
  20. 无迹(损)卡尔曼滤波(UKF)理论讲解与实例

热门文章

  1. python设计程序求10个数去掉最高分和最低分后的平均值_7-6、以下伪代码是体育评分,10个评委进行评分,去掉一个最高分,去掉一个最低分,再求平均值。...
  2. 以太坊:普通人的电子纹身
  3. 用 document.readyState == complete 判断页面是否加载完成
  4. springboot连接redis并动态切换database(db0到db15)
  5. 题解|《算法竞赛进阶指南》 前缀统计
  6. c专家编程/c陷阱_编程中的进取陷阱
  7. SpringColud Eureka的服务注册与发现
  8. 德扑入门 进阶读物推荐 - 德州扑克小绿皮书
  9. java web—汽车门店销售系统
  10. 分享券商量化交易接口申请流程