【亲测免费】 ddcard-weapp 项目教程

1. 项目的目录结构及介绍

ddcard-weapp/
├── miniprogram/
│   ├── components/
│   ├── pages/
│   ├── app.js
│   ├── app.json
│   ├── app.wxss
│   └── project.config.json
├── server/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   └── index.js
└── README.md

• miniprogram/: 包含微信小程序的前端代码。
  • components/: 存放小程序的自定义组件。
  • pages/: 存放小程序的页面文件。
  • app.js: 小程序的入口文件，负责全局逻辑。
  • app.json: 小程序的全局配置文件。
  • app.wxss: 小程序的全局样式文件。
  • project.config.json: 小程序的项目配置文件。
• server/: 包含后端服务器的代码。
  • controllers/: 存放控制器逻辑。
  • models/: 存放数据模型。
  • routes/: 存放路由定义。
  • index.js: 服务器的入口文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

小程序启动文件

• app.js: 小程序的入口文件，负责初始化小程序的全局数据和逻辑。

App({
  onLaunch: function () {
    // 小程序启动时的初始化操作
  },
  globalData: {
    // 全局数据
  }
})

服务器启动文件

• server/index.js: 服务器的入口文件，负责启动服务器和配置中间件。

const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.use(express.json());
app.use('/api', require('./routes'));

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

3. 项目的配置文件介绍

小程序配置文件

• app.json: 小程序的全局配置文件，包含页面路径、窗口表现、网络超时等配置。

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  }
}

• project.config.json: 小程序的项目配置文件，包含项目名称、appid、编译设置等配置。

{
  "miniprogramRoot": "./miniprogram",
  "projectname": "ddcard-weapp",
  "description": "电子名片管理工具",
  "appid": "your-app-id",
  "setting": {
    "urlCheck": true,
    "es6": true,
    "postcss": true,
    "minified": true
  }
}

服务器配置文件

• server/config.js: 服务器的配置文件，包含数据库连接、端口等配置。

module.exports = {
  db: {
    uri: 'mongodb://localhost:27017/ddcard',
    options: {
      useNewUrlParser: true,
      useUnifiedTopology: true
    }
  },
  port: process.env.PORT || 3000
};

以上是 ddcard-weapp 项目的目录结构、启动文件和配置文件的详细介绍。希望这些内容能帮助你更好地理解和使用该项目。