Rails实战-购物网站编程总结

  • 2017-03-07
  • 174
  • 0
  • 0

购物网站编程大赛 总结

经过

早在过年回家的前几天,参加过几次meetup, 认识到了同在一个区的钟同学,钟同学与我也是比较谈得来,聊起了全栈营的课程,以及未来的打算,我们均表示很期望参加全栈营的线下课程,并打算等到时购物网站比赛开始后,一起配合魔改。

可是事与愿违,年后回来,事务繁重,日夜加班,钟同学不得不放弃此次比赛,我呢,也是经常在工作之余,拼命地赶进度,为了赶进度不顾一切。

大概在2月22号左右的时间,我就完成了AWS S3,Figaro, 以及部署到Heroku 等课程的学习,并想着尽快地启动魔改。不过确定钟同学不能与我一起参加魔改了,于是我就不得不另找队友。

庆幸的是,我找到了另外一位好队友——房同学。

房同学谦虚地称要辅助配合我,哈哈。

于是两人在一周的meet up时商定了如何魔改,要做哪些内容,分别做哪些任务。

我自己本身是做外贸相关业务的,也在研究开发自己的产品,于是就琢磨这做一个能自己实用的卖货网站。

我研究了好一个外国公司的产品网站,网站竟是十分惊艳。

乃至于我每次打开这两个网站都觉得超级震撼。

于是就动了心思想去模仿。

想来想去,我现在也只开发一款产品,我专门针对一款产品去模仿类似这样的网站。

房同学跟我说,这就叫landing page.

恍然大悟。

于是我就专门去看一些landing page 的案例,不负我望,经过一个下午的网络瞎逛,居然终于找到一个自己非常喜欢的landing page 模板。

经过一周的努力,我把模板改版成了这个样子。

http://tentstore.herokuapp.com/

对,一周的努力,改版的过程及其艰辛,遇到了超级多的问题。

我以前做过网站,确切点的话来说是是用过一切商城模板,从一开始的简单的到淘宝装修,然后通过下载免费的zencart 资源做商城,觉得zencart 不好用转成magento,后来有觉得shopify才是真正简单的...

这些年倒腾过好几个外贸网站,不过基本都是亏钱的,一年的盈利不够交服务费的说。

这次全栈营的购物网站是第一次完完全全靠自己码(贴)代码完成了,从没想过,自己居然也可以做出一个网站来,哪怕是自己贴代码 ,(当然也能看懂大部分代码),而且完全脱离于那些magento shopify 之类的网站框架模板。

这次为了最快达到效果,我还是使用了模板,不过模板其实是有一部分是php写的,也没关系,咱只用它的html, css, js 就够了。

但在套模板的过程中,一路踩坑,遍体鳞伤。

从一开始:

  • css 文件放哪,JS 文件放哪?
  • css 不起效果,与bootstrap冲突?
  • font 文件莫名其妙。
  • video不显示。
  • push到heroku 失效

几乎每个简单的问题都耗去了我一整天的时间。

成天地google找答案。

最后一个个攻克, 花了一周多的时间,一个landing page的所有动态效果最终都起效了。

完成好的地方

模板选的好,页面切换效果非常赞,从一开始什么都不懂的情况下,居然全凭自己的摸索让所有css js 特效都实现了。

首页video成功地在heroku上动了,是我当初最激动的一刻,这次video 并不是引用的外链,而是直接把video 也push 到heroku 上了。

完成不足的地方

这次魔改大赛,只做了一个landing page. 起初也只想只做一个页面,让一个landing page 作为一个single page, 让客户完成从了解到购买的所有流程。

结果所有的时间几乎都花在首页装修上了,根本没去动其他页面,比如注册,比如付款等等,终究这个网站还是非常不完整。

前些天一直想再首页实现一个购物能出现小时的功能。
http://codepen.io/drehimself/pen/VvYLmV
研究了几乎两天的时间,最终居然还是没成功,不知js效果为何没起作用。

Palpal的功能还没去研究,仔细算下来,还有很多东西没做,比赛就结束了。

反思

参加这次魔改大赛,从未想过要去拿名次,但以我自己的尿性,果然是不拖到最后几天,就不完成任务的。

这次又得再复习一遍Xdite 老师的项目管理课了,想要在一场大赛里获得第一,少不了套路的,

首先是时间上的安排。尽早确定自己要做什么最好。千万不要磨磨唧唧地纠结,到底做什么好。

别浪费太多时间纠结于一些细节的实现,总是抱着——不搞定不罢休的精神, 有时还是早放弃,不吊死在一颗树上为妙。

尽早尽快尽可能地拿出 MVP (Minimum viable Product), 尽早地提交作品,然后慢慢改。我好像是快到比赛结束才提交的。

功能很重要。整个魔改,我几乎没有添加任何其他功能,其实我一直想把地址栏给细分成多列,添加字段比如城市省会啥的,不过还是没时间做。

说来说去,还是跟之前招聘网站的魔改一样。做一个网站,总是死于纠结,毁于完美。


后话

本次的购物网站魔改,我觉得我还是有很大进步的,过程中还是学到了很多HTML CSS JS 的知识,而这完全都是靠自学学来的。

全栈营给我的最大收获就是:

  • 让自己养成一个主动学习的习惯。
  • 让自己养成使用google 解决问题的习惯。

这也是成为全栈工程师的基本素质吧。

魔改大赛只是顺便参加,锻炼自己的一次机会。

比赛结束了,但作品没有做完,这个作品我会接着做下去。

把它做成一个真正能盈利的网站。

评论

还没有任何评论,你来说两句吧

发表评论