2.5K464 条评论分享收藏感谢收起赞同 39474 条评论分享收藏感谢收起64320 条评论分享收藏感谢收起douban.com/note/512945304/，欢迎建议====================================0基础怎样开始学习做网站？目标读者：完全0基础的人，Rails Girls，想了解技术的同学，产品新人大多数教学, 都太有条理了。先讲概念,
HTML是什么，CSS是什么，HTTP请求是什么....但是一次性听到这么多陌生的概念，很容易晕的。过于抽象了，所以试着写一篇以例子为导向，而不是以概念为导向的介绍，来帮助大家入门Ruby on RailsRuby on Rails是做什么的？做网站的，你知道什么是网站（淘宝，知乎..），Rails能做这些，就行了1. 网站-&网页-&按钮我们要做的是什么？是网站，那么就直接以知乎为例好了这样一个网站，是怎么和“代码”，Rails联系起来的呢?这个太复杂了，我们不如只看他的首页（上图）就拿这个页面来说，他是有3部分构成的，HTML,CSS,JS。不过这样说，依然没有什么用我们只拿出其中的一个按钮，来解释这个概念我应该怎么来写代码，来实现这个按钮？这个时候，就要用到HTML了，代码如此：& button class="sign-button submit" type="submit"&注册知乎&/button&写好以后，生成的就是按钮了（如图）"靠，可是这也差得太远了吧？这两个怎么能是一个东西呢！！"，你可能会想但是他的功能，是不是都是一样的呢？（就是点击）这个时候，就用到CSS了。（不要在意代码具体什么意思，知道这是CSS就行了）（至于JS，可以以后再说）上
面想说的就是，我们看到的网页，都是用HTML,CSS,JS写的：HTML来说明这个内容是什么，CSS来让这个内容变好看（How it
looks）。这里说的是按钮，其实，网页上的所有这些文字，标题等等都是这样，都是HTML+CSS+JS写的，如下图的头像，链接等等再举个例子，上面的指向某个问题的链接纯粹的HTML，以及加上CSS来改变他的样子之后小结一下，上面介绍了什么是HTML,CSS,(JS)[如果有任何问题，可以直接提问]2. 难道要重复写很多遍吗？再看知乎里面的“发现”页面，一条一条的“回答”这些“回答“的结构，都是相似的。那是不是，我们的代码就要这样一条一条的写下去呢...？显然，这太麻烦了，所以要用到循环，也就是用编程语言（e.g. Ruby）来做 (e.g for loop )或者，想根据用户登录/未登录的状态，来调整页面的内容这里，知乎对于未登录的用户，会有登录的按钮；登录的用户，则显示消息，头像等等。这就用到了编程的东西（if else判断）[if else, for loop，这些应该还能理解吧？]3. 怎么实现注册功能？上面，我们讲到了看到的网站是如何由代码构成的不过，写到这里，你可能还在想，这不拖拖拽拽就行了吗？e.g. Dreamwaver, front page等软件确实如此。不过，我们怎么实现“用户注册”的功能呢？这个时候，就不仅仅是”循环“、”判断“了。显然，这时候，要涉及到更多更为复杂的逻辑。这个时候，就要用到Rails了，我们要用他来实现——注册、登录的功能，发帖的功能，提问的功能，点赞的功能等等等。所以，Rails（PHP, Python等等）就是用来实现这些“功能的”。这里不再举例子了，因为太复杂，只提几个问题，让大家思考一下，拿论坛发帖子来说：我们怎么实现“创建”一个帖子的功能？又怎么“修改”，怎么“删除”？这下，应该能感到这些功能的复杂了。不过，现在依然不用深究，只要知道Rails是用来处理这些复杂逻辑的东西，就行了（此外，我们有这么多用户的数据，帖子的数据，点赞的数据，就又牵扯到数据库了）。4.
小结到这里，我们主要介绍了：(1) 什么是HTML + CSS +JS （显示网页）(2) 什么是Ruby on Rails （复杂的逻辑功能）前面的，就是我们所说的前端，后者，就是常称的后端如果你下次还有疑问的话，不妨顺着这个思路理一理：(1) “网页是由什么构成的？”(2) “怎么实现注册的过程？”(3) “网站上有这么多数据，怎么保存？”“可是我想要设计一个很漂亮的网站诶.....”，那个是设计师做的对于一个网页来说，设计师决定这个按钮的颜色，阴影，怎样才好看而前端工程师（HTML CSS JS），来负责用代码实现这些东西（写具体的代码）比如设计师说，希望这个按钮是蓝色的，那么工程师就根据这个要求写具体的代码：button {color:blue}
对于小的创业团队来说，可能最开始就直接写代码做完了，不会有专职的设计师5. 那么，我接下来该怎么学习Rails呢？好了，写到这里，应该基本了解什么是Rails了（其实主要介绍的是前端），接下来的问题可能就是：那我应该怎么学会Rails，来自己做网站呢？不过我先写这么多了，如果有足够的人需要的话，再继续写吧注：原标题为Rails in Plain Language，即用浅显的语言，告诉准备学习Rails的同学们，Rails到底是什么。不过本文实际上并没有谈到Rails是什么，更多的写的是前端。因为大多数0基础的同学，并不理解这些，所以先了解一下，我觉得会有帮助。赞同 42056 条评论分享收藏感谢收起(傲娇的二狗子)
(旅行户外)
(爱嫌太早)
第三方登录：& 重庆酉阳合意栈房客栈
<span data-role="jmp" class="ui_tips_help"
data-params="{'options':{'type':'jmp_table','template':'$jmp_table','content':{'txt':'18周岁及以上为成人。0-17周岁儿童请参照各酒店入住政策。'},'classNames':{'boxType':'jmp_table'},'css':{'maxWidth':500},'group':'hotelDesc'}}"
重庆酉阳合意栈房客栈
去登录登录账户·享受返现等更多优惠
房型已订完，建议您更改入住时间或选择其他酒店。
<span data-role="jmp" class="ui_tips_help"
data-params="{'options':{'type':'jmp_table','template':'$jmp_table','content':{'txt':'18周岁及以上为成人。0-17周岁儿童请参照各酒店入住政策。'},'classNames':{'boxType':'jmp_table'},'css':{'maxWidth':500},'group':'hotelDesc'}}"
更多团购/多间特惠/可选套餐优惠
2013年开业&&20间房&&
联系方式　　
不支持信用卡支付
位置3.0设施3.0服务3.0卫生3.0热门排序入住时间排序全部出游类型商务出差(1)朋友出游(1)情侣出游(1)家庭亲子(3)其他(6)全部房型临江单间(1)酒店回复：如果你说其它的撒不好的我都能接受，毕竟山区木楼客栈和你们城市几星宾馆，酒店没得办法比。但你说老板看你们2个女生想骗你们钱，那就说明你偏激了，因为什么事你不愉快你自己清楚。我只能说抱歉，你的要求真满足不了你。如果老板真有你说的那么坏，估计就不是你说的骗钱了，除非你2个长得对不住你父母。妹子做人要厚道。。酒店回复：不好意思，你入住那天古镇维修管道，全镇挺水，给你带来不便请谅解
预订酒店如何支付房费？
如【预订】图标下方注明【担保】或没有文字说明，表示房费当天在酒店前台付。具体支付方式请与酒店确认哦～如【预订】图标下方注明【预付】，表示房费需要全额预付至携程，您可以在支付界面看到目前订单可以选择的支付方式（例如信用卡，第三方、支付宝，微信等，具体请以网上提示您的支付方式为准）。
预订的酒店能保证可以入住吗？
酒店订单提交后会有短信回复您是否预订成功，只要您收到携程的确认，且您按订单上的信息入住，就确认有房间。收到相关短信后届时凭有效证件即可办理入住哦～
什么是酒店担保？
由于房源紧张等问题，部分酒店要求客人在预订时提供担保，一般支持信用卡、支付宝、第三方网银担保，担保后当晚房间将一直为客人保留。届时在您离店后，酒店会进入审核状态，在订单审核确认入住后3个工作日内，担保金额会解冻，全额退还到您的支付帐户中～请放心～如您未入住，将从您的担保费用中扣除部分或全部房费哦～ 小游温馨提示：担保订单在您到酒店后，正常支付押金办理入住，离店时支付房费即可。
如何查询酒店联系电话？
您在通过点击【酒店详情-详情/卖点-酒店介绍-联系酒店】即可查看到酒店电话哟~
如何添加酒店特殊要求？
如您有特殊要求（如需要安排大床、无烟房等）或有问题要确认，可以在预订时点击【特别要求】注明您的需求，并提交订单，酒店专员会为您联系酒店哦。小游温馨提示：特殊要求一般酒店只能尽量安排，无法保证。部分酒店预订时不接受任何特殊要求，此类酒店在预订时就没有【特别要求】输入框，预订时请留意哦~
酒店有接送机服务吗？
您可以在点击【预订】后的填写信息页面下方"特别提示"中查看哦。如果有接机，需要您在订单的【特别要求】中备注上您的航班信息/车次信息，我们会有专员与酒店确认的。如您需要收费的接送机（站）服务， 请您在【特别要求】注明相关情况，由专员为您确认收费情况。小游温馨提示：若您需要单独预订接送机服务，您可以在首页点击【用车 自驾】 预订哦～
预订酒店是否能确定房间号？
预订酒店暂时没有房间号，酒店会在您到店时根据当天排房情况来安排房间的哦～～
凌晨到店如何预订？
如您在凌晨6：00前到店都算是前一天的预订，需要下前一天的订单，预订时请在订单【特别要求】中注明您的实际最晚到店时间，到中午12：00退房，算一天房费。【例如：您实际入住时间为1月2日凌晨1：00，到1月2日中午12：00，即算一天房费，订单应提交1月1日入住哦】
如何查看酒店入住与离店时间？
您可以点击酒店名称，在页面下方“酒店政策”中查看酒店入住和离店时间哦～
0/50字我的问题
邮件会告诉您有答案了。
友情提示：
最多可输入500个字
您的回答提交出现问题，请重新提交
正在发表您的回答，请勿关闭该页面
您的回答已提交成功，等待审核中...
携程网为您推荐以及酒店预订、价格查询，重庆酉阳合意栈房客栈信息，酒店地址：龚滩古镇内曾家坪; 涵盖酒店周边设施，酒店交通地图，真实用户点评等信息，同时还可查找报价以及。
预订，，酒店团购，特价酒店，选携程更放心！
此房型价格仅携程用户首次预订酒店可享，您可预订该酒店的其他同类房型
使用消费券预订酒店返现金
入住离店后3个工作日自动返现&${txt}至你的携程账户。
{{if HasCoupon='T'}}
${context}
使用礼品卡支付，将不能同时享受返现活动。
使用消费券预订酒店返现金
入住离店后3个工作日自动返现&${total}至你的携程账户，每晚返现&${avg}元
若您使用礼品卡支付订单将无法享受返现
{{if HasCoupon='T'}}
${context}
预订酒店返现金
入住离店后3个工作日自动返现&${txt}至你的携程账户。
{{if HasCoupon='T'}}
${context}
使用礼品卡支付，将不能同时享受返现活动。
酒店优惠券信息
其他活动，以具体优惠券使用说明为准
套餐内包含：
{{each info}}
如何获得立减优惠
下载手机客户端，直接享受立减&特惠
扫描下载客户端预订，随时管理行程
立刻登录，输入3个月内机票订单号，享受立减&特惠
${context}
您已选择${checkIn}至${checkOut}共${totalCount}晚
{{each breakfastSum}}
{{if isFirst == "F"}} | {{/if}}{{if iswuzao == "T"}}{{else}}{{/if}}${name}
{{if roomCount>1}} ${roomCount}间 {{/if}}
${count}晚
{{if disnext == "T"}}
{{enum(key1, arrPageData) info}}
{{enum(key2, arrWeek) arrPageData}}
{{each arrWeek}}
{{each arrWeek}}
{{if isfull == "T"}}
{{if isdata == "T"}}
{{if flag == 2}}高{{/if}}{{if flag == 1}}低{{/if}}{{if roomstatus !="N"}}?{{/if}}${price}
{{if isgat == "T"}}${currency}${oriprice}{{/if}}
{{if breakfast=="无早"}}{{else}}{{/if}}${breakfast}
{{if totalPrice && totalPriceDesc && totalPriceDesc2}}
${totalPriceDesc}总价：
${currency} ${totalPrice}
${totalPriceDesc2}
${currency} ${avePrice} = ${oriCurrency} ${oriPrice} 人民币价格仅供参考
{{if level == 1}}
{{if level == 0}}
与同业持平
{{if level == -1}}
{{if gift=='T' || package=='F'}}
${giftinfo}
{{if Spot=='T'}}
${SpotDesc}
{{if package=='T'}}
{{each(idx, value) pkgInfo}}
{{if idx==0}}{{/if}}${value}
{{if ShadowGift=='T'}}
{{if gift=='T'}}
携程优惠信息
{{if gift=='F'}}
携程优惠信息
{{each(idx, gif) giftInfoTemp}}
${gif.GiftEffectDate}
${gif.GiftExpireDate}
${gif.GiftTips}
${currency} ${avePrice} = ${oriCurrency} ${oriPrice}
地图加载中...
路线均为实时信息
路线均为实时信息
打车费约 元
正在进入街景...
您已享受过华住首住特惠活动，请更换预订其他房型
数据加载失败，请稍后再试。
查询中，请稍候......
照片审核未通过
照片审核中
&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;
|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;
&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;&#xA0;|&#xA0;,&#xA0;. All rights reserved.&#xA0;|&#xA0;8221 条评论分享收藏感谢收起赞同 358 条评论分享收藏感谢收起