[Ruby on Rails系列]3、初试Rails:使用Rails开发第一个Web程序

本系列前两部分已经介绍了如何配置Ruby on Rails开发环境,现在终于进入正题啦!

Part1.开发前的准备


本次的主要任务是开发第一个Rails程序。需要特别指出的是,本次我选用了一个(PaaS开发平台),也就是Rails教程中介绍的Cloud 9平台,该平台已经自动为我们作好了环境配置的工作;只要你有一个浏览器就可以使用该云端开发环境。非常的方便快捷!简直赞!平台网址如下:https://c9.io/

Cloud 9开发平台的实质是为每一个注册的开发者在服务器端分配一个Linux虚拟机,因此在Cloud 9上进行开发就好像是在虚拟机上开发一样。在Cloud 9的终端输入命令实际上和在Linux上输入命令一模一样。因此,本文也同样适用于本地开发。

Cloud 9使用方法:

(1)注册一个免费账户并登录

(2)点击“Go to your Dashboard”

(3)点击“Create New Workspace”

(4)选择工作空间类型并命名,如图:

(5)点击“Create”

(6)点击“Start Editing”,进入虚拟机。

(7)进入开发环境以后可以根据自己的开发习惯对开发环境进行设置(自己探索~)

(8)安装Rails。Cloud 9开发环境包含了所有我们需要的工具,但是没有安装Rails本身,打开终端输入如下代码安装Rails。

$ gem install rails

至此,开发环境准备完毕,在终端输入rails --version可以检查Rails版本验证是否安装成功。 

Part2.第一个应用程序 



开发环境配置完毕后,就可以开发第一个应用程序啦。

(1)创建工程,在终端输入:rails new (project name)

rails new firstDemo

等待几秒钟后,如果创建成功会显示如下代码:

Your bundle is complete!
Use `bundle show [gemname]` to see where a bundled gem is installed.
         run  bundle exec spring binstub --all
* bin/rake: spring inserted
* bin/rails: spring inserted

此时,Rails会自动创建文件结构,并按照MVC模型初始化模版。创建好之后的文件结构如下:

注:如果你没有创建成功,请不要着急,那可能是有些依赖文件虚拟机没有默认按照,这时你需要根据失败时的提示信息,安装相应的依赖包。安装完成后重新构建即可。

(2)修改Gemfile文件,并重新构建

如图,打开Gemfile,去掉#gem ‘therubyracer‘, platforms: :ruby该行注释,以保证我们的工程支持JavaScript。如果不注释此行,之后的构建会报错:缺少JavaScript平台。

注释完成后,在终端输入以下代码,重新构建:(先切换到项目文件夹,再构建)

cd firstDemobundle install

(3)使用Rails提供的自动化框架Scaffold指令

在终端输入如下指令:

rails g scaffold memo content:text

此时,Rails会建立一个memo的表,该Table具有一个Text类型的字段content。同时Rails还为我们构建好了相关的表现层,控制层,数据层代码。具体语法细节,我会在之后学习,现在不必在意。

我们可以打开app/views/memos文件夹查看生成的具体代码,如图。

(4)建立数据库

在终端输入如下指令建立数据库:

rake db:migrate

SqlLite3会根据数据模型自动创建好数据库。

(5)开启服务器,运行Web程序

注意:采用Cloud 9创建的程序与本机创建的项目在此步会有所不同。

如果采用本地服务器。在终端输入:

rails server

然后打开浏览器,输入:http://127.0.0.1:3000/memos,测试是否运行成功。

如果采用Cloud 9,需要在终端输入:

rails server -b $IP -p $PORT

然后根据Cloud 9提示,打开相应页面即可。如图:

(6)查看结果

需要注意的是,直接点击上述连接进入的不是我们生成的页面,请在生成的链接后加上/memos(原因请仔细研究config文件夹下的route.rb)

运行结果如下图:

至此,我们的第一个基于Rails的Web程序就完成啦。完全没有写代码呢!Rails框架的开发效率完全体现了出来。

后记

由于是第一个Rails程序,我们并不需要深究Ruby on Rails的语法细节,我们使用了Rails提供的生成工具Scaffold快速生成了含有数据库的应用程序,这的确比其他开发框架要快很多,我学了2个月JSP才会写基于数据库的web程序。。。

采用自动生成框架忽略了许多细节,在之后的学习中,我会深入研究Rails框架的语法和设计,而不是像现在这样迅速的生成一个应用程序。

在下一篇文章,我将探讨一个特殊的问题:Rails应用的国际化,敬请期待。

[Ruby on Rails系列]4、专题:Rails应用的国际化[I18n]

时间: 2024-10-07 23:38:17

[Ruby on Rails系列]3、初试Rails:使用Rails开发第一个Web程序的相关文章

[转]Struts1.x系列教程(1):用MyEclipse开发第一个Struts程序

转载地址:http://www.blogjava.net/nokiaguy/archive/2009/01/13/251101.html 本系列教程将详细介绍Struts 1.x的基本原理和使用方法,读者可以参阅<Struts 2系列教程>来比较Struts 1.x和Struts 2.x的相同点和不同点.    在这篇文章中将以一个简单的例子(mystruts)来演示如何使用MyEclipse来开发.运行Struts程序,并给出了解决ActionForm出现乱码问题的方法.读者可以从本文中了解

[Ruby on Rails系列]4、专题:Rails应用的国际化[i18n]

1. 什么是internationalization(i18n)? 国际化,英文简称i18n,按照维基百科的定义:国际化是指在设计软件,将软件与特定语言及地区脱钩的过程.当软件被移植到不同的语言及地区时,软件本身不用做内部工程上的改变或修正. 当然,官方的定义总是十分高大上.实际上,今天我们要做的并没有那么复杂.任务是为上次的系列3里的Web站点提供多语言支持.比如上次是英语网站,这次我们可以根据用户地点自动提供中文网站或其他语言网站. 2.如何实现i18n? 2.1 Step1: 登录Clou

Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H

[Ruby on Rails系列]6、一个简单的暗语生成器与解释器(上)

[0]Ruby on Rails 系列回顾 [Ruby on Rails系列]1.开发环境准备:Vmware和Linux的安装 [Ruby on Rails系列]2.开发环境准备:Ruby on Rails开发环境配置 [Ruby on Rails系列]3.初试Rails:使用Rails开发第一个Web程序 [Ruby on Rails系列]4.专题:Rails应用的国际化[i18n] [Ruby on Rails系列]5.专题:Talk About SaSS [1]任务目标 本次主要是要实现一

[Ruby on Rails系列]2、开发环境准备:Ruby on Rails开发环境配置

前情回顾 上次讲到Vmware虚拟机的安装配置以及Scientific Linux 6.X系统的安装.这回我们的主要任务是在Linux操作系统上完成Ruby on Rails开发环境的配置. 在配置环境之前,首先要解释一下Scientific Linux 6.x,该Linux发行版与CentOS.Red Hat Linux的管理机制比较类似.如果你的Linux采用的是上述系统,基本上配置过程完全一致:如果你采用的是Ubuntu系统,配置过程可能会稍有不同. 那么,Start![请以管理员账号登陆

【COCOS CREATOR 系列教程之二】脚本开发篇&事件监听、常用函数等示例整合

[Cocos Creator ](千人群):  432818031 上一篇,介绍了Himi在使用过cc所有组件后的一篇总结,没有具体介绍每个组件的原因在于官方文档很齐全,而且也有视频的介绍. 所以希望童鞋们可以把我这两篇博文当成对组件.脚本两部分开发的整理与总结. 后续的文章,Himi应该主要更新一些官方还未补充或者还没有的教程.避免无用功. 下面直接放出代码,因为不是很难理解.所以不再一一赘述,都是常用的函数.事件监听.动作回调.定时器等开发过程中必接触的. 大致内容如下: cc 属性介绍 获

Web程序员开发App系列 - 开发我的第一个App,源码下载

Web程序员开发App系列 Web程序员开发App系列 - 认识HBuilder Web程序员开发App系列 - 申请苹果开发者账号 Web程序员开发App系列 - 调试Android和iOS手机代码 Web程序员开发App系列 - 开发我的第一个App 待续 目录 前言 源码和App下载 准备工作 查看留言页面 增加留言页面 前言 看了前面几篇文章后我们终于要开始敲代码了,由于所有前端代码都是Html静态问题,所以你用什么开发工具都可以,后台我采用MVC开发,因为Html静态文件需要打包,里面

我的Android 4 学习系列之开始入手:配置开发环境与理解Hello World!

p { padding-left: 10px; } 目录 如何安装Android SDK.创建开发环境和调试项目 移动设计中一些注意事项 使用Android虚拟设备.模拟器和其他开发工具 如何安装Android SDK.创建开发环境和调试项目 下载和安装Android SDK : 我的是window7系统,当然下载 SDK starter package 最合适了: http://developer.android.com/sdk/index.html 下载完打开压缩包如下: 然后把这个包解压到

[C# 网络编程系列]专题九:实现类似QQ的即时通信程序

转自:http://www.cnblogs.com/zhili/archive/2012/09/23/2666987.html 引言: 前面专题中介绍了UDP.TCP和P2P编程,并且通过一些小的示例来让大家更好的理解它们的工作原理以及怎样.Net类库去实现它们的.为了让大家更好的理解我们平常中常见的软件QQ的工作原理,所以在本专题中将利用前面专题介绍的知识来实现一个类似QQ的聊天程序. 一.即时通信系统 在我们的生活中经常使用即时通信的软件,我们经常接触到的有:QQ.阿里旺旺.MSN等等.这些