前段时间和陈想一起接了一个项目，因为是第一次做项目，不免对项目中的一些东西不熟，接项目的时候心里也非常紧张，害怕自己写不好:( 最初协商好的开发周期是一个月，后来因为客户的需求，改为了半个月，突然更紧张了......最后顶着客户每天的“骚扰”，没到半个月就写完了前端的页面（主要是因为简单:D）。
这个项目是一个小型的二手交易网站，前端主要运用的知识有：Bootstrap,CSS3,HTML,JS。
分析了客户的需求后，主要分为发布商品，浏览商品，商品区域分块，用户登录，发表留言几个简单的功能。作为一个二手交易网站，客户没有提出线上购买的需求，写前端的时候也就没有去关注购买功能。
前期准备：
1. 配色：客户没有提出明确的配色要求，于是自己选择了一个蓝色作为整个网站的主 色调。十六进制颜色：#337AB7;
2. Logo：客户也是没有提出Logo的要求，也是自己在www.iconfont.cn上找的一个Logo
3. 文件：
Bootstrap框架：网页的主要框架
Filter插件：商品浏览板块的分类插件
4. 构思：之前看到了武大ACM协会的主页，自己也比较喜欢这种设计风格，在这个 网站中也用到了这种模块化的设计风格。
网站制作：
1. 主页：使用了Bootstrap框架的栅栏系统，经过这一次的运用过后，能够更加熟练地运用栅栏系统了。各个模块加入CSS3的transition 和 伪类：hover来增加动态效果，对用户体验方面更加好用。
2. 商品浏览页：使用了Filter分类插件，通过对商品块加入相应的属性，使其能够有特定的标签，点击相应的标签时，能够自动筛选并显示。
3. 商品详情页：分为图片和文字两块。文字块有标题、简介、价格、卖家信息。图片为商品浏览页的预览图。下方有一快留言框，可以对该商品进行留言评论。
4. 注册页 & 登录页 & 发布页：使用了Bootstrap的form控件，使设计起来更加方便好用。对相应的input标签加入表单验证，使后台接收的数据更加完整。
感悟：
写整个网页的时候由于时间比较急，从一开始的一个月改到半个月，加上客户老是在催，每天不停的要我们给他看效果，真的是让我很无语，而且客户到底要什么样的效果他自己也不知道，这样做下来真的让人头大。或许这就是程序员对客户十分讨厌的原因...需求给不清楚，还好陈想的需求分析写得非常清楚，我才知道要做哪些东西上去。也让我反思了自己的不足，做项目的时候一定要多和客户沟通，沟通能够减去很多无用的工作量，沟通好了才能完整的表达出客户想要的意思。沟通有时候比写代码更有用。第一次做项目就这样结束了，希望自己做的二首网站能够有更多人浏览。
2018.5.6