Training Ruby on Rails for IT Student in short time
License: GNU General Public License v3.0
Cho mình hỏi mình có thử chạy web của mình trên 3 trình duyệt này, thì thấy 1 số chổ ở Firefox hiển thị rất okay, nhưng qua Chrome hoặc IE lại bị lệch đi vị trí, hoặc không hiển thi, không biết lỗi này là do biên dịch của trình duyệt hay do mình viết css chưa tối ưu nhỉ? và cách khắc phục ra sao ah?
Mình cảm ơn nhiều ah!
Link: Cách dùng Git
function fancyAlert(arg) {
if(arg) {
$.facebox({div:'#foo'})
}
}Table
| cột 1 | cột 2 |
|---|---|
| 1 | 2 |
| 3 | 4 |
Hình 1
Mình xin hết ah, hôm nay mình sẽ tranh thủ đọc qua những bài tiếp theo ah!
Cảm ơn Huy nhiều! 🙇♂️
Bài tập: Comment route mới, thay vì dùng bound parameters thì hãy dùng query string để lọc ngày tháng tương tự ? (tái sử dụng các routes được tạo ra từ resources)
Nếu dùng Bound Parameters thì mình viết route như sau, rồi khi truy cập vào thì chỉ cần gõ là: http://localhost:3000/2011/10/01 là kết quả okay, dù gõ mỗi năm hay năm với tháng cũng đc, vì nó sẽ lấy hết giá trị từ ngay sau dấu /.
get ':year(/:month(/:day))', to: 'posts#index'còn nếu dùng query string thì mình viết route như sau:
get ':year/:month/:day', to: 'posts#index'theo mình thấy sự khác nhau giữa bound parameters và query string là: Query string nó chỉ lấy giá trị từ sau dấu ? và chỉ nhận giá trị sau dấu =, nên ví dụ muốn xem ví dụ ngày 2011/10/01 thì phải nhập vào đường dẫn là: http://localhost:3000/?year=2011&month=10&day=01 (nhưng mình thấy viết kiểu này thấy dài dòng ghê)
Nhưng khi chạy thử thì không được, mình nghĩ mãi không biết tại sao nữa, hay là cái route mình viết nó sai nhỉ? nhưng theo vd Huy đưa là:
get 'photos/:id', to: 'photos#show'nó chỉ khác so với cách viết của Bound prameters là không có dấu () thôi đúng ko nhỉ?
get 'photos(/:id)', to: :displayMình nghĩ mãi mà ko ra, nếu Huy có thời gian xem giúp mình với nhé!
mình cảm ơn nhiều!
Trong thư mục app có thể chứa những thư mục nào? Thư mục nào bắt buộc phải có.
-->Thư mục app có thể chứa những thư mục như: assets, controllers, helpers, mailers, models, views,... và những thư mục bắt buộc phải có là: models, views, controllers.
Thư mục để chứa các Models tương tác với Database đặt ở đâu?
-->Thư mục này là thư mục models, tương ứng với M trong MVC.
Thư mục để chức các Controllers chứa các action đặt ở đâu?
-->Thư mục này là thư mục controllers, tương ứng với C trong MVC.
Thư mục để chức các View dùng để render trả về người dùng đặt ở đâu?
-->Thư mục này là thư mục views, tương ứng với V trong MVC.
Các file migrations khi được tạo sẽ sinh ra trong thư mục nào?
-->Các file migrations khi được tạo sẽ sinh ra trong thư mục db
Thư mục config chứa gì?
-->Thư mục này chứa những file mà chúng ta có thể config 1 dự án như là: applecation.rb, database.yml, routes.rb(Declare các routes cho dự án rails, mình nghĩ file này chắc dùng nhiều nhất quá.), secret.yml,...
Thư mục initializers có tác dụng gì?
--> Thư mục này chứa những file rb, mình nghĩ chắc để cài đặt và khởi chạy những cài đặt gì đó theo yêu cầu của dự án( khó hiểu nhỉ? sr mình cũng chưa hiểu lắm, để mình tìm hiểu thêm cái này.)
Thư mục locales có tác dụng gì?
-->Thư mục này chứa những file yml, dùng để khai báo hay thêm ngôn ngữ cho dự án nhỉ?
File database.yml trong thư mục config để làm gì?
-->File này dùng để lưu các config database như hostname, port, user ,pass để connect với Database server.
Thư mục public để làm gì?
-->Thư mục này mình thấy nó có 1 số file như: 404.html, 422.html, 500.html... hình như là dùng để báo lỗi khi có lỗi xảy ra thì phải?
Nếu có thời gian Huy có thể xem qua, và cho mình thêm ý kiến với ah, mình cảm ơn nhiều nhé!
Cho mình hỏi câu hỏi như sau: mình có khai báo ở phần head của file Html như sau:
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/bulma.min.css" />Trong file Style.css mình có định nghĩa style của 1 số thẻ H1,H2,H3 theo kích cở màu sắc của mình, nhưng khi gọi style đó trong Html thì nó hoàn toàn không có tác dụng vì file bulma.min.css đã được ưu tiên gọi trước. Vì cả 2 file này đều là External nên mình nghĩ Html nó ưu tiên của Bulma hơn là file local, nên mình đã chọn giải pháp là dùng Internal - Sử dụng HTML tag <style> </style> trong để đặc tả CSS. Không biết như vậy có phải là cách tối ưu nhất không ah?
Mình xin cảm ơn!
Mình làm theo trang này:https://guides.rubyonrails.org/getting_started.html
nhưng đến bước 4.1 Starting up the Web Server thì không thể start up được.
Lỗi được hiện ra như sau:
=> Booting Puma => Rails 6.0.2.1 application starting in development => Run rails server --helpfor more startup options Exiting Traceback (most recent call last): 76: from bin/rails:3:in
load' 74: from /Users/nhanmaivan/Desktop/Projects/blog/bin/spring:15:in <top (required)>'require' 72: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/binstub.rb:11:in <top (required)>'load' 70: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/bin/spring:49:in <top (required)>'run' 68: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/client/command.rb:7:in call'call' 66: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/client/rails.rb:28:in load'<top (required)>' 64: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:325:in require'load_dependency' 62: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:325:in block in require'require' 60: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:22:in require_with_bootsnap_lfi'register' 58: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in block in require_with_bootsnap_lfi'require' 56: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands.rb:18:in 'invoke' 54: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/command/base.rb:69:in perform'dispatch' 52: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/thor-1.0.1/lib/thor/invocation.rb:127:in invoke_command'run' 50: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands/server/server_command.rb:138:in perform'tap' 48: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands/server/server_command.rb:147:in block in perform'start' 46: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands/server/server_command.rb:77:in log_to_stdout'wrapped_app' 44: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/server.rb:249:in app'build_app_and_options_from_config' 42: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/builder.rb:66:in parse_file'load_file' 40: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/builder.rb:116:in new_from_string'eval' 38: from config.ru:3:in block in 'require_relative' 36: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:325:in require'load_dependency' 34: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:325:in block in require'require' 32: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:31:in require'require_with_bootsnap_lfi' 30: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/loaded_features_index.rb:92:in register'block in require_with_bootsnap_lfi' 28: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in require'<main>' 26: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/application.rb:363:in initialize!'run_initializers' 24: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:205:in tsort_each'tsort_each' 22: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:347:in each_strongly_connected_component'call' 20: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:347:in each'block in each_strongly_connected_component' 18: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:431:in each_strongly_connected_component_from'block (2 levels) in each_strongly_connected_component' 16: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:228:in block in tsort_each'block in run_initializers' 14: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/initializable.rb:32:in run'instance_exec' 12: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/railtie.rb:84:in block in class:Engine'bootstrap' 10: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/commands.rb:25:in bootstrap'refresh' 8: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/manifest.rb:83:in load'public_manifest_path' 6: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:47:in public_output_path'public_path' 4: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:84:in fetch'data' 2: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:92:in load'read' /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:92:in read': No such file or directory @ rb_sysopen - /Users/nhanmaivan/Desktop/Projects/blog/config/webpacker.yml (Errno::ENOENT)<main>' 74: from bin/rails:3:in load'<top (required)>' 72: from /Users/nhanmaivan/Desktop/Projects/blog/bin/spring:15:in require'<top (required)>' 70: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/binstub.rb:11:in load'<top (required)>' 68: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/client.rb:30:in run'call' 66: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/spring-2.1.0/lib/spring/client/rails.rb:28:in call'load' 64: from /Users/nhanmaivan/Desktop/Projects/blog/bin/rails:9:in <top (required)>'require' 62: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:291:in load_dependency'block in require' 60: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:31:in require'require_with_bootsnap_lfi' 58: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/loaded_features_index.rb:92:in register'block in require_with_bootsnap_lfi' 56: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in require'<main>' 54: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/command.rb:46:in invoke'perform' 52: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/thor-1.0.1/lib/thor.rb:392:in dispatch'invoke_command' 50: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/thor-1.0.1/lib/thor/command.rb:27:in run'perform' 48: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands/server/server_command.rb:138:in tap'block in perform' 46: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/commands/server/server_command.rb:37:in start'log_to_stdout' 44: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/server.rb:422:in wrapped_app'app' 42: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/server.rb:349:in build_app_and_options_from_config'parse_file' 40: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/builder.rb:105:in load_file'new_from_string' 38: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/rack-2.2.2/lib/rack/builder.rb:116:in eval'block in <main>' 36: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:49:in require_relative'require' 34: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/activesupport-6.0.2.1/lib/active_support/dependencies.rb:291:in load_dependency'block in require' 32: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/zeitwerk-2.2.2/lib/zeitwerk/kernel.rb:23:in require'require' 30: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:22:in require_with_bootsnap_lfi'register' 28: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/bootsnap-1.4.6/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in block in require_with_bootsnap_lfi'require' 26: from /Users/nhanmaivan/Desktop/Projects/blog/config/environment.rb:5:in 'initialize!' 24: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/initializable.rb:60:in run_initializers'tsort_each' 22: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:226:in tsort_each'each_strongly_connected_component' 20: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:347:in call'each' 18: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:349:in block in each_strongly_connected_component'each_strongly_connected_component_from' 16: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/2.6.0/tsort.rb:350:in block (2 levels) in each_strongly_connected_component'block in tsort_each' 14: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/initializable.rb:61:in block in run_initializers'run' 12: from /Users/nhanmaivan/.rvm/rubies/ruby-2.6.3/lib/ruby/gems/2.6.0/gems/railties-6.0.2.1/lib/rails/initializable.rb:32:in instance_exec'block in <class:Engine>' 10: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker.rb:35:in bootstrap'bootstrap' 8: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/manifest.rb:18:in refresh'load' 6: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:51:in public_manifest_path'public_output_path' 4: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:43:in public_path'fetch' 2: from /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:88:in data'load' /Users/nhanmaivan/.rvm/gems/ruby-2.6.3/gems/webpacker-4.2.2/lib/webpacker/configuration.rb:95:in rescue in load': Webpacker configuration file not found /Users/nhanmaivan/Desktop/Projects/blog/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory @ rb_sysopen - /Users/nhanmaivan/Desktop/Projects/blog/config/webpacker.yml (RuntimeError)`# app/controllers/posts_controller.rb
def index
# Check if the URL requests a date.
if Date.valid_date?(params[:year].to_i, params[:month].to_i, params[:day].to_i)
start_date = Date.parse("#{params[:day]}.#{params[:month]}.#{params[:year]}")
end_date = start_date
# Check if the URL requests a month
elsif Date.valid_date?(params[:year].to_i, params[:month].to_i, 1)
start_date = Date.parse("1.#{params[:month]}.#{params[:year]}")
end_date = start_date.end_of_month
# Check if the URL requests a year
elsif params[:year] && Date.valid_date?(params[:year].to_i, 1, 1)
start_date = Date.parse("1.1.#{params[:year]}")
end_date = start_date.end_of_year
end
if start_date && end_date
@posts = Post.where(published_on: start_date..end_date)
else
@posts = Post.all
end
endBài tập: Comment route mới, thay vì dùng bound parameters thì hãy dùng query string để lọc ngày tháng tương tự ?
ở đây là mình chỉ thay đổi bên file routes.rb thôi hả Huy hay là cả trong action Index nhỉ? chắc là cả 2 nhỉ?
Mình đọc tài liệu có đoạn là:
Ruby là ngôn ngữ không cần biên dịch tương tự PHP, Javascript, Python ... (khác với các ngôn ngữ cần biên dịch như C#, Java, Golang ...)
vậy cho mình hỏi Không cần biên dịch có nghĩa là sao nhỉ? vì không biên dịch sao nó chạy được nhỉ?
mình cảm ơn ah.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.