हम Sinatra पर एक REST एप्लीकेशन लिखते हैं और Redactor को फास्ट करते हैं। भाग २

लेख के पहले भाग में, हमने एक REST एप्लिकेशन लिखा और Redactor.js 1/3 को कॉन्फ़िगर किया। आज हम अपलोड की गई छवियों को प्रबंधित करने के लिए एक इंटरफ़ेस लिखकर अपना आविष्कार पूरा करेंगे, और हम फ़ाइल डाउनलोड प्रदान करेंगे। फ़ाइलों को डाउनलोड करते समय, हम कैरियरवे का उपयोग नहीं करेंगे, बल्कि, हम सामान्य रूबी पथ का पालन करेंगे।

चलिए फाइल अपलोड करके शुरू करते हैं। मुझे लगता है कि अब आपके पास ऐसी init.rb फ़ाइल है:

# coding: utf-8 require 'rubygems' require 'sinatra' require 'data_mapper' require 'carrierwave' require 'carrierwave/datamapper' require 'rmagick' require 'json' set :public_directory, './public' class ImageUploader < CarrierWave::Uploader::Base def store_dir 'uploads/images' end def extension_white_list %w(jpg jpeg gif png bmp) end include CarrierWave::RMagick version :thumb do process :resize_to_fill => [100,74] end storage :file end class Post include DataMapper::Resource property :id, Serial property :title, String property :body, Text end class UploadedImages include DataMapper::Resource property :id, Serial property :image, String property :thumb, String mount_uploader :file, ImageUploader end class UploadedFiles include DataMapper::Resource property :id, Serial property :name, String property :path, String end DataMapper.setup(:default, ENV['DATABASE_URL'] || 'sqlite:./db/base.db') DataMapper.finalize DataMapper.auto_upgrade! get '/' do 'REST   Sinatra <a href="/posts">  </a>' end #List posts get '/posts' do @posts = Post.all erb :'index' end #Create new Post get '/posts/new' do erb :'posts/new' end post '/posts/new' do params.delete 'submit' @post = Post.create(params) redirect '/posts' end #Edit post get '/posts/:id/edit' do @post = Post.get(params[:id]) erb :'posts/edit' end #Update post put '/posts/:id/edit' do post = Post.get(params[:id]) post.title = (params[:title]) post.body = (params[:body]) post.save redirect '/posts' end #Delete post get '/posts/:id/delete' do Post.get(params[:id]).destroy redirect '/posts' end post '/upload/image' do params[:file] filename = params[:file][:filename] file = params[:file][:tempfile] upload = UploadedImages.new upload.file = params[:file] upload.image = params[:image] = '/uploads/images/' + File.join(filename) upload.thumb = params[:thumb] = '/uploads/images/thumb_' + File.join(filename) upload.save @images = UploadedImages.all File.open("public/uploads/images/imageslist.json","w") do |f| f.write JSON.pretty_generate(@images) end '<img src="/uploads/images/' + File.join(filename) + '" />' end 

इसलिए, सार्वजनिक / अपलोड निर्देशिका में फ़ाइलें फ़ोल्डर बनाएँ, एक नया UploadedFiles मॉडल लिखें और फ़ाइलों को अपलोड करने के लिए पोस्ट विधि जोड़ें

 set :files, File.join(settings.public_directory, 'uploads/files') #   public  (set :public_directory, './public'     init.rb)     ,     class UploadedFiles include DataMapper::Resource property :id, Serial # property :name, String #   property :path, String #    end post '/upload/file' do params[:file] filename = params[:file][:filename] file = params[:file][:tempfile] ext = File.extname(filename) #     ,    ,     . if ext == ".doc" || ext == ".zip" || ext == ".dmg" #   3    doc, zip, dmg,        . File.open(File.join(settings.files, filename), 'wb') # -  upload_f = UploadedFiles.new #  UploadedFile    upload_f.name = params[:name] = File.join(filename) #  UploadedFiles  :name,      upload_f.path = params[:path] = '/uploads/files/' + File.join(filename) #  UploadedFiles  :path,       upload_f.save # '<a href="/uploads/files/' + File.join(filename) + '" />' + File.join(filename) + '</a>' #      end end 

अब यह संपादक को बताने के लिए रहता है कि फ़ाइलों को कैसे अपलोड किया जाए, लेआउट को खोलें

 $('.redactor_1').redactor({toolbar: 'default', lang: 'ru', imageUpload: '/upload/image', imageGetJson: '/uploads/images/imageslist.json'}); 

इस तरह दिखने के लिए फाइलअप लोडिंग सेटिंग : '/ अपलोड / फाइल' जोड़ें

 $('.redactor_1').redactor({toolbar: 'default', lang: 'ru', imageUpload: '/upload/image', fileUpload: '/upload/file', imageGetJson: '/uploads/images/imageslist.json'}); 

हमने सभी आवश्यक सेटिंग्स बनाईं: एक मॉडल बनाया, डाउनलोड की गई फ़ाइलों के लिए पथ को कॉन्फ़िगर किया, वास्तव में फ़ाइल डाउनलोड को लागू किया, अनुमत फ़ाइलों के लिए एक चेक बनाया। यहां मैं ध्यान देना चाहूंगा, एक त्रुटि संदेश लागू करना अच्छा होगा यदि फ़ाइल एक्सटेंशन अनुमत एक से मेल नहीं खाता है, लेकिन 2 बटन हैं: सबसे पहले, Redactor.js फ्रेम में सब कुछ करता है और यदि आप एक त्रुटि संदेश बनाते हैं, तो यह लिखा जाएगा textarea में, जो, मेरी राय में, एक अच्छा विचार नहीं है, यदि आप मणि सिनट्रा-फ्लैश के माध्यम से त्रुटि संदेश को लागू करने का प्रयास करते हैं, तो फिर से यह एक विकल्प नहीं है, क्योंकि पृष्ठ रीलोड किए जाने के बाद ही त्रुटि दिखाई देगी। खैर, शायद अधिक अनुभवी लोग आपको बताएंगे कि किस तरह से खुदाई करना है।

अब डाउनलोड किए गए चित्रों को प्रबंधित करना शुरू करते हैं, जो हम करेंगे वह सभी डाउनलोड की गई छवियों की सूची है और उन्हें हटा दें।
Init.rb में जोड़ें

 #init.rb #List UploadedImages get '/images' do @ uploadedimage = UploadedImages.all #         /images (     uploadedimage) erb :'images' # images.erb end #Delete UploadedImage get '/images/:id/delete' do #     ID UploadedImages.get(params[:id]).destroy # ( ,   - ,      !...) redirect '/images' #       end 

दृश्य निर्देशिका में images.erb फ़ाइल बनाएँ

 <strong><a href="/posts">   post'</a></strong> <h2>  </h2> <% @ uploadedimage.each do |uploadedimages| %> <a href="<%= uploadedimages.image %>"><img src="<%= uploadedimages.thumb %>"></a><br> #         <a href="/images/<%= uploadedimages.id %>/delete"></a><br><br> <% end %> 

खैर, हमने अपना आवेदन समाप्त कर दिया है। छवि प्रबंधन के साथ सादृश्य द्वारा, फ़ाइल प्रबंधन भी किया जा सकता है। मुझे लगता है कि यह बहुत अच्छी तरह से निकला। और यह अंत नहीं है, मैं रूबी और सिनात्रा का अध्ययन करना जारी रखता हूं और अधिक लेख होंगे।
जीथुब स्रोत कोड
पुनश्च: हर जगह मैं भर आया

 <hh user=posts> 

या

 <hh user=images> 

सिर्फ @variable_name के साथ बदलें