cat app/views/articles/new.html.erb Test blog http://soft.dog/ [root@h202 blog]# 要注意命名,因为 Rails
actionview (4.2.6) activejob (4.2.6) ... ... rdoc (4.2.1) rvm (1.11.3.9) sprockets (3.6.0) sprockets-rails...3.0.4) test-unit (3.1.5) thor (0.19.1) thread_safe (0.3.5) tzinfo (1.2.2) [root@h202 ruby]# ---- 创建 Rails...程序 我们创建一个叫 blog 的项目 [root@h202 ruby]# rails new blog create create README.rdoc...create app/models/concerns/.keep create bin create bin/bundle create bin/rails
完成后系统中多出了两个镜像 [root@h104 blog2]# docker images | grep rails test-rails-app-blog latest...b5b7ed8d740e 2 hours ago 851.3 MB rails...onbuild 097c204ce316 46 hours ago 779.4 MB rails...来创建容器 ---- 创建 Rails 容器 [root@h104 ~]# docker run --name blog-rails-app -p 8080:3000 -d test-rails-app-blog..."rails server -b 0.0." 4 seconds ago Up 3 seconds 0.0.0.0:8080->3000/tcp blog-rails-app
修改视图和控制器 [root@h202 blog]# vim app/views/articles/show.html.erb [root@h202 blog]# cat app/views/articles
中有两种不同的工具可以用来管理前端的 CSS、JavaScript 以及 images 等资源,分别是 “Sprockets” 和 “Webpacker”,“Sprockets” 除了 Rails 应用外很少使用...在 Rails 7 中静态资源的管理已经从 “Webpacker” 改为了 “Import Maps”,用来简化基于 JavaScript 的工具和包管理器 Webpack、Yarn 或者 npm 的使用...Rails 7 实现了一个愿景,即一种真正的全栈 Web 开发方式,可以同时应对前端和后端的挑战。...Rails 7.0: Fulffilling a vision本文将使用 Ruby 3.0 和 Rails 7.0 环境,创建 Rails 7 应用,并在该应用中引入 Bootstrap 5。...第二种方式:引入 Bootstrap 和 jQuery添加 Bootstrap 和 jQuery 的 Ruby Gem创建一个新的项目 rails-bootstrap-jquery,之后再项目的 Gemfile
在 Rails 6 中有两种不同的工具可以用来管理前端的 CSS、JavaScript 以及 images 等资源,分别是 “Sprockets” 和 “Webpacker”,“Sprockets” 除了...在 Rails 7 中静态资源的管理已经从 “Webpacker” 改为了 “Import Maps”,用来简化基于 JavaScript 的工具和包管理器 Webpack、Yarn 或者 npm 的使用...Rails 7 实现了一个愿景,即一种真正的全栈 Web 开发方式,可以同时应对前端和后端的挑战。...Rails 7.0: Fulffilling a vision 本文将使用 Ruby 3.0 和 Rails 7.0 环境,创建 Rails 7 应用,并在该应用中引入 Bootstrap 5。...第二种方式:引入 Bootstrap 和 jQuery 添加 Bootstrap 和 jQuery 的 Ruby Gem 创建一个新的项目 rails-bootstrap-jquery,之后再项目的 Gemfile
image.png 目录 DatePicker 日期选择器,据有spinner和calendar两种模式....DatePicker具有以下的属性值: 属性 含义 android:calendarTextColor 日历列表的文本的颜色 android:calendarViewShown 是否显示日历视图 android...android:yearListSelectorColor 年列表选择的颜色 使用方式: DatePicker android:id="@+id/datePickerView...layout_gravity="center_horizontal" /> spinner形式: image.png calendar形式: image.png TimePicker 时间选择器,据有spinner和clock...(year, mouth, day, new DatePicker.OnDateChangedListener() { @Override public
定义 update 方法,并且添加 edit 链接和 show 链接 [root@h202 blog]# vim app/controllers/articles_controller.rb [root
点击 【Destroy】 后会根据我们的定义弹出提示 连续删除几次后所剩无几 目前已经通过 Rails 实现了文章的 新建、显示、列出、更新、删除 操作 ---- 命令汇总 rails server...-b 0.0.0.0 rails generate controller welcome index cat app/views/welcome/index.html.erb vim config/routes.rb...grep -v " #" config/routes.rb | grep -v "^$" rake routes bin/rails g controller articles cat app/controllers...cat app/views/articles/new.html.erb bin/rake routes cat app/controllers/articles_controller.rb bin/rails
:article]) @article.save redirect_to @article end end [root@h202 blog]# 再提交一次 我们要明确地告知 Rails
(这里的 /articles 明明对应两个方法,GET、POST ,有点不太明白,为什么这样指定就一定成了POST请求)
创建一个控制器和视图 要在 Rails 中显示“My first test” 的静态页面,需要新建一个控制器和视图 控制器用来接受向程序发起的请求 视图的作用是,以人类能看懂的格式显示数据 [root@...h202 blog]# rails generate controller welcome index Running via Spring preloader in process 11871...root@h202 blog]# vim config/routes.rb [root@h202 blog]# grep -v " #" config/routes.rb | grep -v "^$" Rails.application.routes.draw...root 'welcome#index' end [root@h202 blog]# ---- 进行访问 直接刷新页面 注意,我修改了配置和服务,但并没有对服务进行重启,而可以直接加载出新的内容,说明 Rails...可以进行动态加载 In development mode, Rails does not generally require you to restart the server; changes you
分块设计有助于管理复杂的应用程序,因为可以在一段时间内只用关注一个方面;例如,可以在不依赖业务逻辑的情况下专注于视图设计;同时也让应用程序的测试更加容易;MVC 分层同时也简化了分组开发;不同的开发人员可同时开发视图、控制器逻辑和业务逻辑...通常视图是依据模型数据创建的 Controller(控制器)是应用程序中处理用户交互的部分,通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据 image.png ---- 创建一个简单页面 Rails
在model中添加了基础的校验逻辑,title 字段不能为空,不能小于5个字符 保存成功就直接显示,如果保存失败,就重绘 new 页面,new 页面中加入了对错误信息的显示 并且将之前的值放到新的窗口中
再次提交一回 ---- 创建模型 Rails 提供了一个生成器用来创建模型 [root@h202 blog]# bin/rails generate model Article title:string...SQLite 3 gem is defined in your Gemfile # gem 'sqlite3' # default: &default adapter: sqlite3 pool: 5...production.sqlite3 [root@h202 blog]# grep -v "^#" config/database.yml default: &default adapter: sqlite3 pool: 5
不过,通过查看源码,我们可以看到 action 部分指向的是当前页面 action="/articles/new" , 而这个页面 (Restfull API)...
前言 Rails 是使用 Ruby 语言编写的网页程序开发框架 通过集成开发者需要的常用组件,极大地简化了网页程序的开发 Tip: 类似于 python 的 Django ,perl 的 Dancer...继前面的 Ruby on Rails 基础 ,这里再进一步探究一下其内部运作机制 Rails 的相关基础,详细可以参考 官方文档 和 Ruby China 的 Rails 入门 Tip: 当前的最新版本为...Rails 5.0.0.beta3 发布于 February 27, 2016 4:00 pm ---- 概要 ---- 环境 [root@h202 blog]# cat /etc/issue CentOS...--version Rails 4.2.6 [root@h202 blog]# node -v v0.10.42 [root@h202 blog]# rvm -v rvm 1.27.0 (latest...:3000 => Run `rails server -h` for more startup options => Ctrl-C to shutdown server [2016-04-22 13:47
再次加载 可以成功显示了 ---- 列出所有文章 [root@h202 blog]# vim app/controllers/articles_control...
渲染的内容可以是 文本 、JSON 或者 XML,而且可以设置响应的内容类型和HTTP状态码。.../app/views/books/edit" render "/path/to/rails/app/views/books/edit.html.erb" render file: "/path/to/rails...render 方法的其它选项 render 方法一般还可接受其他5个选项: :content_type :layout :location :status :formats...如果没有 .erb 布局,Rails会使用 .builder 布局。...使用局部视图 这会渲染名为 _menu.html.erb 的文件,局部视图的文件名都是以下划线开头的,以便和普通视图区分开,引用时无需加入下划线。
删除文章 在 controllers 中定义 destory 方法 然后在 index 视图中加入 Destroy 链接 [root@h202 blog]# v...
领取专属 10元无门槛券
手把手带您无忧上云