刘华佼的全栈学习记录

如何用rails从0到1新建一个网页

| Comments

如果想利用rails从0到1建立一个可以在本地跑起来的网页,如下图:

Snip20170414_8.png

我们需要做的事情有:

建立项目框架;
生成放置前端页面代码的文件夹和操控前端页面跳转的文件夹;
新建首页文件;
将起始路径指向首页路径;
开启服务器。

下面将按步骤详细展开:

第一步

在terminal用ruby -v和rails -v确定两者已正常安装和它们的版本号;

第二步

新建rails项目:
rails new railstry

railstry是我取的项目名,这个指令会产生一个叫railstry的项目,也可以理解为一个文件夹框架,这个文件夹下有很多个文件夹和文件,比如app,config,db文件夹,app下面有cntrollers,models,views等文件夹。

执行该指令后,terminal会按顺序报出两部分信息,第一部分是创建了很多文件的信息,以create开头,第二部分是使用的dependencies信息,以using或installing开头。

第三步

rails generate controller welcome
这一步会创建app/controllers/welcome_controller.rb文件和app/views/welcome文件夹。

假如省掉rails generate controller welcome这一步,仅仅是新建welcome文件夹,到第七步会报错的唷!

第四步

app/views/welcome文件夹下新建一个文件index.html.erb
touch app/views/welcome/index.html.erb

在该文件里输入随意输入<h1>Hi</h1>并保存。

第五步

在config/routes.rb里加上root 'welcome#index'

第六步

在terminal中用快捷键command+t开启新窗口,输入rails server指令,也可以简写为rails s

第七步

在浏览器网址输入localhost:3000打开网页,即可看到一个大大的"Hi"啦!

Snip20170414_8.png

总结

要想用rails新建一个可以在本地跑起来的网页,要用到的指令和修改有:

rails new railstry 建立项目框架
rails generate controller welcome 生成放置前端页面代码的文件夹和操控前端页面跳转的文件夹
touch app/views/welcome/index.html.erb 新建首页文件
在config/routes.rb里加上root 'welcome#index' 起始路径指向welcome文件夹下的index网页
rails server 开启服务器

Comments

comments powered by Disqus