Skip to content

开发完成后最终目录结构

如果是根据我们视频一步一步来的话,最终项目的目录结构如下所示:

后端服务目录结构

├── 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

powered by 天人之际工作室