Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to create an app to upload resume or doc file in rails?

    @vijay.gautam
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 3
    • 0
    • 1.07k
    Comment on it

    Lets suppose , we need an application which able to upload a file(i.e. pdf, doc, htm, html, docx) and user can delete it form the list in rails. So here we will use 'carrierwave' to upload file and for styling the pages use 'bootstrap-sass' gem. To develop this app in rails, there are the some steps given as below...

    Download App

     

    Step1: Create new application
    Step2: Add gem in Gemfile
    Step3: Bundle install
    Step4: Change db configuration if required
    Step5: Create a model for upload a doc


    Step6: Create a controller with actions like new, create, destroy
    Step7: Create an uploader using  carrierwave gem
    Step8: Call uploader in model
    Step9: Modify route regarding to root and resources
    Step10: Add bootstrap to style our web pages
    Step11: Modify the views pages like index, new to deploy style of bootstrap

     

    Now we are explaining all the steps one by one

     

    Step1: Create new application

    Run command to create new app

    1. rails new my_profile

     

    and go to my_profile app by run below command

    1. cd my_profile

     

    Step2: Add gem in Gemfile

    Path: my_profile/Gemfile

    1. gem 'carrierwave', '~> 0.9'
    2. gem 'bootstrap-sass', '~> 2.3.2'
    3. #gem 'sqlite3'
    4. gem 'mysql2' #here we are using mysql so we added mysql gem

     

    Step3: Install bundle

    Run command to bundle install 

    1. bundle install

     

    Step4: Change db configuration if required

    As we know that we are using mysql database in this app, so there is need to change in database.yml

    Path: my_profile/config/database.yml

    1. default: &default
    2.   adapter: mysql2
    3.   username: root #your mysql username
    4.   password: root #your mysql password
    5.   pool: 5
    6.   timeout: 5000
    7.  
    8. development:
    9.   <<: *default
    10.   database: dev_profile
    11.  
    12. # Warning: The database defined as "test" will be erased and
    13. # re-generated from your development database when you run "rake".
    14. # Do not set this db to the same as development or production.
    15. test:
    16.   <<: *default
    17.   database: test_profile
    18.  
    19. production:
    20.   <<: *default
    21.   database: prod_profile

     

    And run below command to create database

    1. rake db:create

     

    Step5: Create a model for upload a doc

    Here we'll create a model named as Doc to upload a doc file and to cerate Doc model run bellow command

    1. rails g model Doc title:string attachment:string

     

    Here title: is a column_name in db table docs to store the doc title and attachment: is an other column_name in db table docs to store the uploaded file name

    now run below migration command to create table in db

    1. rake db:migrate

     

    Step6: Create a controller with actions like new, create, destroy

    In our application, we need only upload/creation of new doc, listing and delete action for uploaded doc. So we'll create a controller with actions index, new, create and destroy and also create its views

    To create controller use the below command

    1. rails g controller Docs index new create destroy

     

    Lets modifying controller according to our requirement

    1. class DocsController < ApplicationController
    2.   def index
    3.     @docs = Doc.all
    4.   end
    5.  
    6.   def new
    7.     @doc = Doc.new
    8.   end
    9.  
    10.   def create
    11.     @doc = Doc.new(resume_params)
    12.  
    13.     if @doc.save
    14.       redirect_to docs_path, notice: "The doc #{@doc.title} has been uploaded."
    15.     else
    16.       render "new"
    17.     end
    18.   end
    19.  
    20.   def destroy
    21.     @doc = Doc.find(params[:id])
    22.     @doc.destroy
    23.     redirect_to docs_path, notice:  "The docs #{@doc.title} has been deleted."
    24.   end
    25.  
    26. private
    27.   def resume_params
    28.     params.require(:doc).permit(:title, :attachment)
    29.   end
    30.   
    31. end
    32.  

     

    Finally, we have created a model-views-controller for the Doc and now we'll implement the 'carrierwave' gem to upload the doc file into application.

     

    Step7: Create an uploader using  carrierwave gem

    To create an uploader using 'carrierwave' gem run below command

    1. rails g uploader attachment

    Here attachment is table column name in above command and also will create a file attachment_uploader.rb file in app/uploader that is my_profile/app/uploaders/attachment_uploader.rb

     

    Now we need to change according to our requirement and modified file looks like...

    Path: my_profile/app/uploaders/attachment_uploader.rb 

    1. class AttachmentUploader < CarrierWave::Uploader::Base
    2. storage :file
    3.  
    4.   def store_dir
    5.     "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
    6.   end
    7.  
    8.   def extension_white_list
    9.     %w(pdf doc htm html docx xlsx)
    10.   end
    11. end

    In this file we can white list extension of the document. For example we can restrict a pdf file to upload. For this remove the pdf from extension_white_list method, i.e

    1. def extension_white_list
    2.     %w(doc htm html docx xlsx)
    3.   end

     

    Step8: Call uploader in model

    To call the 'carrierwave' gem uploader, modify the mode doc.rb as below..

     

    Path: my_profile/app/models/doc.rb

    1. class Doc < ActiveRecord::Base 
    2.   mount_uploader :attachment, AttachmentUploader 
    3.   validates :title, presence: true
    4. end

     

    This line "mount_uploader :attachment, AttachmentUploader" tells to rails to use the carrierwave gem uploader for doc.rb model

     

    Step9: Modify route regarding to root and resources like below..

    1. Rails.application.routes.draw do
    2.   resources :docs, only: [:index, :new, :create, :destroy]
    3.   root "docs#index"
    4. end

     

    Step10: Add bootstrap to style our web pages

    To add bootstrap styling in app add below line of code into docs.scss

     

    Path: my_profile/app/assets/stylesheets/docs.scss

    1. @import "bootstrap";

     

    Step11: Modify the views pages like index, new to deploy style of bootstrap and functionality

    The modified code of the files given below...

     

    Path: my_profile/app/views/layouts/application.html.erb

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.   <title>MyProfile</title>
    5.   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    6.   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
    7.   <%= csrf_meta_tags %>
    8. </head>
    9. <body>
    10. <div class="container" style="padding-top:20px;">
    11. <%= yield %>
    12. </div>
    13. </body>
    14. </html>

     

     

    Path: my_profile/app/views/docs/index.html.erb

    1. <% if !flash[:notice].blank? %>
    2.   <div class="alert alert-info">
    3.   <%= flash[:notice] %>
    4.   </div>
    5. <% end %>
    6. <br />
    7. <%= link_to "New Doccument", new_doc_path, class: "btn btn-primary" %>
    8. <br />
    9. <br />
    10. <table class="table table-bordered table-striped">
    11.   <thead>
    12.     <tr>
    13.       <th>Ttile</th>
    14.       <th>Download Here</th>
    15.       <th>Action</th>
    16.     </tr>
    17.   </thead>
    18.   <tbody>
    19.     <% @docs.each do |doc| %>
    20.       <tr>
    21.         <td><%= doc.title %></td>
    22.         <td><%= link_to "Download Doc", doc.attachment_url %></td>
    23.         <td><%= button_to "Delete",  doc, method: :delete, class: "btn btn-danger", data: { confirm: "Are you sure that you wish to delete #{doc.title}?" } %></td>
    24.       </tr>
    25.     <% end %>
    26.   </tbody>
    27. </table>

    Finally, run application by 'rails s' command and we are able to add new document, delete one and view the document list. Some screen-shots given below...

     

    You can also download app on click here

    How to create an app to upload resume or doc file in rails?
    bootstrap in simple rails application steps to create anapplication in rails How to create an app to upload resume or doc file in rails step by step to create an app to upload resume or doc file in rails extension white list in carrierwave gem create uploader using carrierwave carrierwave gem implementation rails g uploader attachment create model in rails command to create controller in rails rake db migrate create db command in rails rake db create create table in rails using rake how to implement mysql gem in rails app mysql2 gem in rails rails app to upload and download doc pdf or other doc files upload file in rails demo to upload file in rails how to upload file in rails steps to upload file in rails add delete create destroy delete in rails controller bundle install create new app in rails Create a model for upload a doc Add bootstrap to style our web pages Create an uploader using carrierwave gem Create a controller with actions like new create destroy in rails
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: