乐者为王

Do one thing, and do it well.

用Rails 2.3打造简单记账应用(5)

虽然在前面已经调整了记账应用的页面流程,但在登录系统进入entries页面后却没有登出的链接,这次就来把这个完成。同时也给entries页面加上一个三行两列的布局,使之看上去更像一个应用。

在public/stylesheets下加入qianbao.css,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#container {
  width: 960px;
  margin: 5px auto;
}

#header {
  height: 2.5em;
  border-bottom: 1px solid #ccc;
}

#content {
}

#footer {
  border-top: 1px solid #ccc;
  text-align: center;
}

将app/views/layouts/目录下的entries.html.erb改名为application.html.erb,并修改文件内容为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Qianbao: <%= controller.action_name %></title>
  <%= stylesheet_link_tag 'scaffold' %>
  <%= stylesheet_link_tag 'qianbao' %>
</head>

<body>
  <div id="container">
    <div id="header">
      <%= link_to 'Home', root_path %>
      <% if logged_in? %>
        <%= link_to 'All entries', entries_path %>
        <strong>You are logged in as <%=h current_user.login %></strong>
        <%= link_to 'Logout', logout_path %>
      <% else %>
        <%= link_to 'Login', login_path %>
        <%= link_to 'Sign up', signup_path %>
      <% end %>
    </div>

    <div id="content">
      <p style="color: green"><%= flash[:notice] %></p>

      <%= yield %>
    </div>

    <div id="footer">© 2009</div>
  </div>
</body>
</html>

清理app/views/home/index.html.erb的内容,回归原始:

1
<h1>Welcom to Qianbao App!</h1>

代码下载:https://github.com/dohkoos/qianbao

Comments