Semantic-UI-Rails-LESS 项目教程

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

Semantic-Org/Semantic-UI-Rails-LESS
├── app
│   ├── assets
│   │   ├── javascripts
│   │   └── stylesheets
├── config
│   ├── initializers
│   └── locales
├── db
│   └── migrate
├── lib
│   └── tasks
├── spec
│   ├── controllers
│   ├── models
│   └── views
├── vendor
│   └── assets
│       ├── javascripts
│       └── stylesheets
├── Gemfile
├── Rakefile
├── README.md
└── config.ru

目录结构介绍

• app: 包含应用程序的主要代码，包括视图、控制器、模型等。
  • assets: 存放静态资源文件，如JavaScript、CSS等。
    • javascripts: 存放JavaScript文件。
    • stylesheets: 存放CSS文件。
• config: 包含应用程序的配置文件。
  • initializers: 存放初始化配置文件。
  • locales: 存放国际化配置文件。
• db: 包含数据库相关的文件。
  • migrate: 存放数据库迁移文件。
• lib: 包含自定义库和任务。
  • tasks: 存放Rake任务文件。
• spec: 包含测试代码。
  • controllers: 存放控制器测试文件。
  • models: 存放模型测试文件。
  • views: 存放视图测试文件。
• vendor: 包含第三方库和资源。
  • assets: 存放第三方静态资源文件。
    • javascripts: 存放第三方JavaScript文件。
    • stylesheets: 存放第三方CSS文件。
• Gemfile: 定义项目的依赖关系。
• Rakefile: 定义Rake任务。
• README.md: 项目说明文档。
• config.ru: 应用程序的启动文件。

2. 项目的启动文件介绍

config.ru

config.ru 是Rack应用程序的启动文件。它定义了如何加载和启动应用程序。通常，它会加载 config/environment.rb 文件，并启动Rack服务器。

# config.ru
require ::File.expand_path('../config/environment', __FILE__)
run Rails.application

config/environment.rb

config/environment.rb 是Rails应用程序的环境配置文件。它加载了所有的初始化文件和依赖项，并配置了应用程序的环境。

# config/environment.rb
# Load the Rails application.
require_relative 'application'

# Initialize the Rails application.
Rails.application.initialize!

3. 项目的配置文件介绍

config/application.rb

config/application.rb 是Rails应用程序的主要配置文件。它定义了应用程序的基本配置，如时区、语言、中间件等。

# config/application.rb
require_relative 'boot'

require 'rails/all'

# Require the gems listed in Gemfile, including any gems
# you've limited to :test, :development, or :production.
Bundler.require(*Rails.groups)

module MyApp
  class Application < Rails::Application
    # Initialize configuration defaults for originally generated Rails version.
    config.load_defaults 6.0

    # Settings in config/environments/* take precedence over those specified here.
    # Application configuration can go into files in config/initializers
    # -- all .rb files in that directory are automatically loaded after loading
    # the framework and any gems in your application.
  end
end

config/database.yml

config/database.yml 是数据库配置文件。它定义了不同环境下的数据库连接信息。

# config/database.yml
default: &default
  adapter: postgresql
  encoding: unicode
  pool: 5

development:
  <<: *default
  database: myapp_development

test:
  <<: *default
  database: myapp_test

production:
  <<: *default
  database: myapp_production
  username: myapp
  password: <%= ENV['MYAPP_DATABASE_PASSWORD'] %>

config/routes.rb

config/routes.rb 是路由配置文件。它定义了URL路径与控制器动作之间的映射关系。

# config/routes.rb
Rails.application.routes.draw do
  resources :posts
  root 'posts#index'
end

config/initializers/assets.rb

config/initializers/assets.rb 是静态资源配置文件。它定义了静态资源的预编译规则。

# config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( semantic_ui.js semantic_ui.css )

通过以上配置文件，可以灵活地调整和扩展应用程序的功能和行为。