开发完成后最终目录结构
如果是根据我们视频一步一步来的话,最终项目的目录结构如下所示:
后端服务目录结构
├── app.js 入口文件
├── bin
│ └── www 启动配置文件
├── options
│ └── mysqlOption.js 数据库配置文件
├── package-lock.json
├── package.json 依赖配置文件
├── routes
│ └── index.js 路由配置文件
└── utils
└── index.js 工具函数配置文件
小程序目录结构
数据展示后端+数据库版本
├── api
│ └── index.js 接口配置文件
├── app.js 全局逻辑文件
├── app.json 小程序配置文件
├── app.wxss 全局样式文件
├── components
│ └── record_chart 封装的图表组件
│ ├── record_chart.js
│ ├── record_chart.json
│ ├── record_chart.wxml
│ └── record_chart.wxss
├── ec-canvas echarts-for-weixin 小程序图表插件
│ ├── ec-canvas.js
│ ├── ec-canvas.json
│ ├── ec-canvas.wxml
│ ├── ec-canvas.wxss
│ ├── echarts.js
│ ├── echarts.min.js
│ └── wx-canvas.js
├── images 图片资源文件夹
│ ├── P1.png
│ ├── P2.png
│ ├── P3.png
│ ├── P4.png
│ ├── chuanglian.png
│ ├── deng.png
│ ├── esp.png
│ ├── esp32.png
│ ├── fengshan.png
│ ├── head.png
│ ├── map.png
│ ├── tabbar
│ │ ├── tab1-c.png
│ │ ├── tab1.png
│ │ ├── tab2-c.png
│ │ └── tab2.png
│ ├── weather
│ │ ├── bingbao.png
│ │ ├── duoyun.png
│ │ ├── lei.png
│ │ ├── qing.png
│ │ ├── xue.png
│ │ └── yu.png
│ └── weather.png
├── miniprogram_npm 该文件夹为构建的 npm 包,暂不列出
├── package.json 依赖配置文件
├── pages 页面文件
│ ├── index 首页
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── record 记录图表展示页面
│ │ ├── record.js
│ │ ├── record.json
│ │ ├── record.wxml
│ │ └── record.wxss
│ └── record_crud 记录增删改查页面
│ ├── record_crud.js
│ ├── record_crud.json
│ ├── record_crud.wxml
│ └── record_crud.wxss
├── project.config.json 项目配置文件
├── project.private.config.json 私有项目配置文件
├── sitemap.json
├── utils
│ ├── mqtt.min.js MQTT库文件
│ └── util.js 工具函数配置文件
└── wxs
└── tools.wxs 工具函数 wxs 文件
数据展示本地+蓝牙版本
components 目录增加了bluetooth-comp