[sinatra] Just Do It: Learn Sinatra, Part One Darren Jones

2022-11-06 19:45:55

1. Install sinatra gem

gem install sinatra --no-ri --no-rdoc

2. Basic App

#!/usr/bin/ruby

require 'sinatra'

get '/' do

	"Just Do It"

end

ruby低于1.9,需要在文件开头加require 'rubygems'

ruby basic.rb

Open up your browser and go to http://localhost:4567.

3. Inline Template

Slim is a fantastic template engine that makes this a much easier task.

Install slime: $ gem install slime

#!/usr/bin/ruby

require "sinatra"

require 'slim'

get '/' do

	slim:index

end

#Inline templates always come after the __END__ declaration, and each template begins with @@.

__END__

@@layout

doctype html

html

	head

		meta charset="utf-8"

		title Just Do it

		link rel="stylesheet" media="screen,projection" href="/style.css"

		/[if lt IE 9]

			script scr="http://html5shiv.googlecode.com/svn/trunk/html5.js"

	body

		h1 Just Doi it

		== yield 

@@index

h2 My tasks

ul.tasks

	li Get Milk

"@@layout" template: This will automatically be rendered with every view and provides a basic HTML5 scaffolding. The key line in the layout template is right at the end (==yield). The yield statement renders the content from the whichever template was requested by the handler (in this case, ‘index’).

4. Extend Views (把视图分离出来)

5. Dynamic Content

在主文件rb中增加代码

get "/:task" do

	@task=params[:task].split('-').join(' ').capitalize

	slim :task

end

让‘@task’ equal to the value of params[:task]

对应的视图文件task.slim

h2 My Tasks

= @task

其中@task匹配对应的URL。

6.Forms（窗体处理）

本例把index.slim的内容替换成

form action="/" method="POST"

  input type="text" name="task"

  input.button type="submit" value="New Task >>"

这样会在“/”页面显示一个窗体（一个文本框、一个提交按钮）

提交的内容需要一个handler来处理，再sinatra文件中用post（对应窗体提交method），代码如下：

post '/' do

  @task =  params[:task]

  slim :task

end