Ember Data Model Maker 使用教程

Ember Data Model Maker 使用教程

ember-data-model-makerA tiny Ember.js app intended to give a little clarity about what code is needed to get your app up and running with Ember Data项目地址:https://gitcode.com/gh_mirrors/em/ember-data-model-maker

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

ember-data-model-maker/
├── app/
│   ├── adapters/
│   ├── components/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── serializers/
│   ├── styles/
│   ├── templates/
│   └── index.html
├── config/
│   ├── environment.js
│   └── optional-features.json
├── dist/
├── public/
├── tests/
├── vendor/
├── ember-cli-build.js
├── package.json
├── README.md
└── server.js

目录结构介绍

• app/: 包含应用程序的主要代码，包括模型、视图、控制器、模板等。
  • adapters/: 存放自定义的数据适配器。
  • components/: 存放可重用的UI组件。
  • controllers/: 存放控制器逻辑。
  • models/: 存放数据模型。
  • routes/: 存放路由逻辑。
  • serializers/: 存放数据序列化逻辑。
  • styles/: 存放样式文件。
  • templates/: 存放模板文件。
  • index.html: 应用程序的入口文件。
• config/: 包含应用程序的配置文件。
  • environment.js: 环境配置文件。
  • optional-features.json: 可选特性配置文件。
• dist/: 构建后的输出目录。
• public/: 存放公共资源文件。
• tests/: 存放测试文件。
• vendor/: 存放第三方库文件。
• ember-cli-build.js: Ember CLI 构建配置文件。
• package.json: 项目依赖和脚本配置文件。
• README.md: 项目说明文档。
• server.js: 开发服务器启动文件。

2. 项目的启动文件介绍

server.js

server.js 是开发服务器的启动文件，用于启动本地开发服务器。通常包含以下内容：

const { app } = require('ember-cli/lib/broccoli/ember-app');
const http = require('http');

const port = process.env.PORT || 4200;
const host = process.env.HOST || 'localhost';

const server = http.createServer(app);

server.listen(port, host, function() {
  console.log(`Ember Data Model Maker server is running on http://${host}:${port}`);
});

启动命令

在项目根目录下运行以下命令启动开发服务器：

ember serve

3. 项目的配置文件介绍

environment.js

config/environment.js 是Ember应用程序的主要配置文件，包含不同环境的配置信息。

'use strict';

module.exports = function(environment) {
  let ENV = {
    modulePrefix: 'ember-data-model-maker',
    environment,
    rootURL: '/',
    locationType: 'auto',
    EmberENV: {
      FEATURES: {
        // 在此处添加特性配置
      },
      EXTEND_PROTOTYPES: {
        // 禁用日期原型扩展
        Date: false
      }
    },

    APP: {
      // 在此处添加应用程序配置
    }
  };

  if (environment === 'development') {
    // 开发环境配置
    ENV.APP.LOG_RESOLVER = true;
    ENV.APP.LOG_ACTIVE_GENERATION = true;
    ENV.APP.LOG_TRANSITIONS = true;
    ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
    ENV.APP.LOG_VIEW_LOOKUPS = true;
  }

  if (environment === 'test') {
    // 测试环境配置
    ENV.locationType = 'none';
    ENV.APP.LOG_ACTIVE_GENERATION = false;
    ENV.APP.LOG_VIEW_LOOKUPS = false;
    ENV.APP.rootElement = '#ember-testing';
    ENV.APP.autoboot = false;
  }

  if (environment === 'production') {
    // 生产环境配置
  }

  return ENV;
};

optional-features.json

config/optional-features.json 是可选特性的配置文件，用于启用或禁用某些Ember特性。

{
  "application-template-wrapper": true,
  "default-async-observers": false,
  "jquery-integration": false,
  "template-only-glimmer-components": true
}

以上是 Ember Data Model Maker 项目的基本使用教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助！

ember-data-model-makerA tiny Ember.js app intended to give a little clarity about what code is needed to get your app up and running with Ember Data项目地址:https://gitcode.com/gh_mirrors/em/ember-data-model-maker