Electronic Joint Business

Solution for E-Business

初识 Sinatra (三)

文章评分: 在本教程的第二部分,我们利用 DataMapper 将任务保存到后台数据库,同时我们还用 Sinatra 创建了 web 前端以便显示、添加、删除和结束任务。现在这个 Just do it 应用功能齐备,但是样子还有点丑陋。 在本章中,我们继续对这个应用做些美化修饰,并增加一些功能,让你能够创建多个任务列表。 添加样式 现在我们用样式表来对应用进行美化修饰。在你的 “layout.slim” 中添加下面这行代码: <link rel="stylesheet" media="screen, projection" href="/styles.css"> 现在创建一个名为” styles.css“的文件,并保存在”public”文件夹中,将下面 CSS 内容添加到该文件中: .completed{   text-decoration: line-through;   } .tasks{   padding:0;   list-style:none;   width:400px;   } .task{   position:relative;   padding:2px 0 2px 28px;   border-bottom: dotted 1px #ccc; } […]

, , , , , ,

One thought on “初识 Sinatra (三)

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.