Angular Devise 项目教程
1. 项目的目录结构及介绍
angular_devise/
├── app/
│ ├── assets/
│ ├── components/
│ ├── controllers/
│ ├── directives/
│ ├── filters/
│ ├── services/
│ ├── styles/
│ ├── templates/
│ ├── app.js
│ └── index.html
├── config/
│ ├── environments/
│ ├── initializers/
│ ├── application.rb
│ └── routes.rb
├── db/
│ ├── migrate/
│ ├── seeds.rb
│ └── schema.rb
├── lib/
│ ├── tasks/
│ └── assets/
├── public/
│ ├── assets/
│ ├── images/
│ ├── javascripts/
│ ├── stylesheets/
│ └── index.html
├── spec/
│ ├── controllers/
│ ├── models/
│ ├── requests/
│ ├── routing/
│ ├── support/
│ └── views/
├── vendor/
│ ├── assets/
│ └── javascripts/
├── .gitignore
├── .ruby-version
├── Gemfile
├── Gemfile.lock
├── Rakefile
└── README.md
目录结构介绍
app/
: 包含应用程序的主要代码,包括控制器、服务、模板等。config/
: 包含应用程序的配置文件,如路由、环境配置等。db/
: 包含数据库相关的文件,如迁移文件、种子文件和模式文件。lib/
: 包含自定义库和任务。public/
: 包含公开可访问的文件,如静态资源。spec/
: 包含测试文件。vendor/
: 包含第三方库和资源。.gitignore
: Git忽略文件。.ruby-version
: Ruby版本文件。Gemfile
: 依赖管理文件。Gemfile.lock
: 依赖锁定文件。Rakefile
: Rake任务文件。README.md
: 项目说明文件。
2. 项目的启动文件介绍
app/app.js
这是Angular应用程序的主文件,负责初始化和配置Angular模块。
angular.module('myApp', ['ngRoute', 'ngResource', 'Devise'])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'templates/home.html',
controller: 'HomeController'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
});
app/index.html
这是应用程序的入口HTML文件,包含Angular应用的根元素。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Angular Devise</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<div ng-view></div>
<script src="app.js"></script>
</body>
</html>
3. 项目的配置文件介绍
config/application.rb
这是Rails应用程序的主配置文件,包含应用程序的基本配置。
require_relative 'boot'
require 'rails/all'
Bundler.require(*Rails.groups)
module MyApp
class Application < Rails::Application
config.load_defaults 6.0
config.middleware.use Rack::Deflater
end
end
config/routes.rb
这是Rails应用程序的路由配置文件,定义了URL和控制器动作之间的映射。
Rails.application.routes.draw do
devise_for :users
root to: 'home#index'
end
config/environments/development.rb
这是开发环境的配置文件,包含特定于开发环境的设置。
Rails.application.configure do
config.cache_classes = false
config.eager_load = false
config.consider_all_requests_local = true
config.action_controller.perform_caching = false
config.active_support.deprecation = :log
config