Rails 应用开发:页面添加与表单实现
1. 启动应用与基础页面检查
首先,启动 Rails 服务器,使用以下命令:
$ rails server
打开浏览器,访问 http://localhost:3000/ ,你会看到一个展示 Zurb Foundation 样式的新页面设计。得益于 Zurb 公司的开源成果,我们轻松为网站添加了强大的前端功能。
你可以点击“X”关闭图标来隐藏提示消息,这得益于 Foundation 框架集成的 CSS 和 JavaScript。当你调整页面大小时,导航栏会在较小尺寸下变为显示菜单图标,点击该图标会显示导航链接的下拉菜单(目前只有“Home”)。
如果点击菜单图标未显示下拉菜单,可能是应用未加载 Foundation JavaScript 库。确保 app/assets/javascripts/application.js 文件包含以下内容:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require foundation
//= require_tree .
$(function() {
$(document).foundation();
});
2. 移除提示消息
在继续之前,移除为演示创建的提示消息。更新
超级会员免费看
订阅专栏 解锁全文
43

被折叠的 条评论
为什么被折叠?



