20、使用 Backbone 和 Require.js 构建交互式联系人应用

使用 Backbone 和 Require.js 构建交互式联系人应用

在现代 Web 开发中，构建高效、可维护的应用程序是至关重要的。本文将介绍如何使用 Backbone.js 和 Require.js 构建一个简单的联系人应用程序，该应用程序可以展示联系人信息，并支持一些交互功能。

1. 创建 Backbone 视图

首先，我们需要创建 Backbone 视图来渲染联系人信息。为了实现这一目标，我们将创建两个视图：一个用于渲染单个联系人项，另一个用于渲染整个联系人集合。

1.1 渲染单个联系人项的视图

以下是 ContactItemView 类的代码：

import cm = require("../models/ContactModel");
export class ContactItemView extends Backbone.View<cm.ContactModel> {
    template: (properties?: any) => string;
    constructor(options?: any) {
        this.className = "contact-item-view";
        this.template = _.template(
            '<p><%= Name %> (<%= EmailAddress %>)</p>');
        super(options);
    }