Ruby on Rails - przesyłanie plików
Możesz mieć wymaganie, w którym chcesz, aby użytkownicy witryny przesyłali plik na serwer. Szyny bardzo ułatwiają spełnienie tego wymagania. Teraz przejdziemy do prostego i małego projektu Railsów.
Jak zwykle zacznijmy od nowej aplikacji Railsowej o nazwie testfile. Stwórzmy podstawową strukturę aplikacji za pomocą prostego polecenia rails.
tp> rails new testfilePrzed rozpoczęciem tworzenia aplikacji powinniśmy zainstalować pliki gem, jak pokazano poniżej -
gem install carrierwave
gem install bootstrap-sassOtwórz swój plik klejnotów i dodaj następujące dwa klejnoty na dole, jak pokazano na poniższym obrazku -
Po dodaniu klejnotów w pliku gemów musimy uruchomić na konsoli następującą komendę -
bundle installTworzenie modelu
Musimy stworzyć model z dwoma ciągami jako nazwą i załącznikiem, jak pokazano poniżej -
rails g model Resume name:string attachment:stringMusimy utworzyć migrację bazy danych, jak pokazano poniżej -
rake db:migrateMusimy wygenerować kontroler, jak pokazano poniżej -
rails g controller Resumes index new create destroyŚwietny! Teraz mamy skonfigurowaną podstawową strukturę. Teraz musimy stworzyć uploader. Program do przesyłania pochodzi z gemu carrierwave i mówi przewoźnikowi, jak postępować z plikami. Krótko mówiąc, zawierał wszystkie funkcje przetwarzania plików. Uruchom polecenie, aby utworzyć program do przesyłania, jak pokazano poniżej
rails g uploader attachmentTeraz otwórz model CV i zadzwoń do osoby przesyłającej, jak pokazano poniżej. Model CV umieszczony w app / models / resume.rb -
class Resume < ActiveRecord::Base
mount_uploader :attachment, AttachmentUploader # Tells rails to use this uploader for this model.
validates :name, presence: true # Make sure the owner's name is present.
endPrzed rozpoczęciem pracy nad kontrolerem musimy zmodyfikować nasz plik config / tours.db, jak pokazano poniżej -
CarrierWaveExample::Application.routes.draw do
resources :resumes, only: [:index, :new, :create, :destroy]
root "resumes#index"
endPozwala nam edytować kontroler, jak pokazano poniżej.
class ResumesController < ApplicationController
def index
@resumes = Resume.all
end
def new
@resume = Resume.new
end
def create
@resume = Resume.new(resume_params)
if @resume.save
redirect_to resumes_path, notice: "The resume #{@resume.name} has been uploaded."
else
render "new"
end
end
def destroy
@resume = Resume.find(params[:id])
@resume.destroy
redirect_to resumes_path, notice: "The resume #{@resume.name} has been deleted."
end
private
def resume_params
params.require(:resume).permit(:name, :attachment)
end
endDodajmy implementację bootstrap w pliku css.css może znajdować się w app / asset / stylesheets / resumes.css.scss
@import "bootstrap";Teraz otwórz app / views / layouts / application.html.erb i dodaj kody, jak pokazano poniżej -
<!DOCTYPE html>
<html>
<head>
<title>Tutorialspoint</title>
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div class = "container" style = "padding-top:20px;">
<%= yield %>
</div>
</body>
</html>Teraz musimy skonfigurować widoki indeksu, jak pokazano poniżej -
<% if !flash[:notice].blank? %>
<div class = "alert alert-info">
<%= flash[:notice] %>
</div>
<% end %>
<br />
<%= link_to "New Resume", new_resume_path, class: "btn btn-primary" %>
<br />
<br />
<table class = "table table-bordered table-striped">
<thead>.
<tr>
<th>Name</th>
<th>Download Link</th>
<th> </th>
</tr>
</thead>
<tbody>
<% @resumes.each do |resume| %>
<tr>
<td><%= resume.name %></td>
<td><%= link_to "Download Resume", resume.attachment_url %></td>
<td><%= button_to "Delete", resume, method: :delete, class: "btn btn-danger", confirm: "Are you sure that you wish to delete #{resume.name}?" %></td>
</tr>
<% end %>
</tbody>
</table>Teraz edytujmy new.html.erb i dodajmy nasz kod formularza.
<% if [email protected]? %>
<div class = "alert alert-error">
<ul>
<% @resume.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<div class = "well">
<%= form_for @resume, html: { multipart: true } do |f| %>
<%= f.label :name %>
<%= f.text_field :name %>
<%= f.label :attachment %>
<%= f.file_field :attachment %>
<%= f.submit "Save", class: "btn btn-primary" %>
<% end %>
</div>Teraz uruchom serwer i odwiedź http: // localhost: 3000. Wyświetli ekran podobny do następującego -
Ostatnią rzeczą, którą musimy zrobić, jest przefiltrowanie listy dozwolonych typów plików. W tym celu musimy dodać prosty kod, jak pokazano poniżej w app / uploaders / attach_uploader.rb
class AttachmentUploader < CarrierWave::Uploader::Base
storage :file
def store_dir
"uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
end
def extension_white_list
%w(pdf doc htm html docx)
end
endTeraz uruchom serwer i odwiedź http: // localhost: 3000. Teraz wprowadź zły format; wygeneruje zły komunikat, jak pokazano poniżej -
Aby uzyskać szczegółowe informacje na temat File obiekt, musisz przejść przez Ruby Reference Manual.