ExtJS MVC 项目下载及安装教程

1. 项目介绍

ExtJS MVC 是一个用于 Ruby 的工具集，旨在帮助开发者在使用 ExtJS 框架时，自动生成 ExtJS 的 Store、DataReader 和 DataWriter。该项目还包含一些辅助工具，用于通过部分视图渲染 JavaScript 组件定义。ExtJS MVC 支持 Rails 和 Merb 框架，并且可以与 ActiveRecord、DataMapper 和 MongoMapper 等 ORM 框架集成。

2. 项目下载位置

ExtJS MVC 项目的源代码托管在 GitHub 上。你可以通过以下命令克隆项目到本地：

git clone https://github.com/extjs/mvc.git

3. 项目安装环境配置

3.1 安装 Ruby

首先，确保你的系统上已经安装了 Ruby。你可以通过以下命令检查 Ruby 是否已安装：

ruby -v

如果未安装，可以通过以下命令安装 Ruby（以 Ubuntu 为例）：

sudo apt-get update
sudo apt-get install ruby-full

3.2 安装 Bundler

Bundler 是一个 Ruby 的依赖管理工具。你可以通过以下命令安装 Bundler：

gem install bundler

3.3 安装 Rails 或 Merb

ExtJS MVC 支持 Rails 和 Merb 框架。你可以选择安装其中一个：

安装 Rails

gem install rails

安装 Merb

gem install merb

3.4 环境配置示例

以下是一个简单的环境配置示例：

4. 项目安装方式

4.1 使用 Bundler 安装依赖

进入项目目录并执行以下命令，使用 Bundler 安装项目依赖：

cd mvc
bundle install

4.2 手动安装 Gem

你也可以手动安装 extjs-mvc Gem：

gem install extjs-mvc

4.3 Rails 项目中的配置

在 Rails 项目的 environment.rb 文件中添加以下配置：

Rails::Initializer.run do |config|
  config.gem "extjs-mvc"
end

4.4 Merb 项目中的配置

在 Merb 项目的 config/dependencies.rb 文件中添加以下配置：

dependency "extjs-mvc"

5. 项目处理脚本

ExtJS MVC 提供了一些处理脚本，用于生成 ExtJS 的 Store、DataReader 和 DataWriter。以下是一个简单的示例：

5.1 生成 ExtJS Store

在 Rails 控制器中，你可以使用以下代码生成一个 ExtJS Store：

class UsersController < ApplicationController
  include ExtJS::Controller

  def index
    @store = extjs_store(
      :controller => "users",
      :fieldset => :grid,
      :proxy => "http",
      :format => "json",
      :model => "user",
      :writer => [:encode => false],
      :config => [
        "autoLoad" => true,
        "autoSave" => true
      ]
    )
  end
end

5.2 渲染 ExtJS 组件

在视图中，你可以使用以下代码渲染 ExtJS 组件：

<%= extjs_component(
  "xtype" => "viewport",
  "frame" => true,
  "layout" => "border"
) %>

通过以上步骤，你可以成功下载并安装 ExtJS MVC 项目，并开始使用它来简化 ExtJS 的开发工作。