项目总结

用两个星期的时间完成了这个项目的先后台，如今想要总结一下经验。

• 需求

刚开始本身什么都不会，只是会一点点前端知识，拿到项目就直接开始开发，边开发边学习，前端用到的框架是大师封装的Zonda，后端用本身历来没用过的ThinkPHP

• 设计

设计几乎都是参考了不少漂亮的网站，而后融合了一下，对于了解的人，很容易就以为有很大的山寨味道

• 研发

研发中各类各样的修改需求，其中想要说说本身遇到的问题吧

• 团队合做

     原本是两我的合做完成这个项目的，可是不少地方都很难合做，都要写前台后台，用git也不会，而后都是本身学习，分享一下本身对于git的心得，在这里有很详细的介绍 http://www.xhomestudio.org/wiki/index.php/Git 全部遇到的问题都在这里能够获得解决，感谢张大神的总结

• 知识总结

1. 登陆后台的经验:
   起初我是用cookie记住了账号密码，把登陆写在一个function里，为了实现记住密码自动登陆，我把密码用户名存放在了cookie里，只有用户点击退出登陆，才清除cookie，可是这样是很是严重的错误，cookie存放密码是很不安全的，很容易被窃取，因此我又查了相关文档，思路大概是这样的，首先是用户每次登陆，要在后台php中建立一个session，而后再建立一个新的sessionid，再把这个sessionid经过ajax传到前台，前台拿到这个sessionid后把这个id存放在cookie里，为了实习自动登陆，每次登陆都会验证这个sessionid，若是后台返回的sessionid与cookie里存放的sessionid同样，就直接登陆，若是不同就返回登陆页面。
2. 在thinkPHP里和Zonda实首页页面和后台管理页面分开开发:
   我用本身的思路，在后台分了两个文件出来，模版TPL文件里一个是Index存放首页模版，一个存放后台模版，Action里也是只写了两个Action，分别能够进行先后台开发，前端页面也是用到了两个Zonda，因为不会用backbone的路由，我就按照本身的思路去作，很高兴的是，我实现了这个，我修改了Zonda里的引用部分，不少，最后仍是成功了。
3. 基于bootstrap的表单验证:
   这是大师封装的模块，我是直接拿来用的，很好用，并且因为是基于bootstrap的，因此很漂亮，https://github.com/smallsmallwolf/Zonda/tree/master/util/backup/verify，验证插件，功能是当用户输入错误的时候，焦点会自动聚焦到第一个错误的区域，让用户修改，用户体验很是好。
4. cookie的总结:
   因为之前都没用过cookie，致使我几乎对cookie一无所知，可是此次我，尝试把cookie经常使用的操做封装成了jquery的插件，包括cookie的set，get方法，删除一个cookie，删除全部的cookie，因为js没有删除全部的cookie方法，我在网上找了很久都没有，因此又参考了大师封装的删除全部cookie的方法，可是我发现彻底不能用，原来有bug，并且不能删除子cookie的状况，因此我把大师的代码再次封装了，如今能够删除全部cookie的功能，分享一下https://github.com/419003251/Noin/blob/master/assets/util/jquery-plugin/jquery.cookie.coffee
5. 关于弹框:
   原生的弹框真的很丑，bootstrap的弹框很漂亮，可是大师封装的弹框不怎么好用，尤为是在手机端的时候，位置不对，我用了，可是网页上仍是不错的，但是官方的弹框在手机端是没有问题的，应该是大师没测试手机端吧，因此我想要下一步总结就是封装bootstrap的弹出，继续参考大师的代码~！~
6. 关于头像上传:
   本身写真的很麻烦，因而我在网上查找了方法，用jquery.form.js的jquery插件很不错，http://www.helloweba.com/view-blog-189.html参考这个案例，确实很不错。而后谈一下上传过程吧，这点算是一个知识点吧，首先是当用户点击file的change事件后用ajax传送图片到后台，后台返回该图片存放的位置，前端对把这个连接放到img的src里，最后点击修改用户信息时把这个url传到后台就能够实现用户信息的修改，很遗憾的一点是我没有作到图片剪切，应该是在用户提交图片以前把头像剪切为适合的格式大小，再上传，这样才比较好。
7. 关于ie下传数据的一些问题的总结:
   原本是经过jquery的ajax传的数据，可是url是用的?a=changUser&name=name&headerUrl=/a/d/ds，后台是在function里直接从参数得到，这样传数据在ie下不知道为何不行，我也不知道，马小跳说这种方式是get传数据，很差，因而我就改用了post，经过json，把数据传到后台，后台用post方法得到数据，这样就能够在ie下兼容了，马小跳传的数据都是json，可是我本身传的时候都是传对象，因此又会涉及到一个数据转换的问题，我是用JSON.parse()方法把json转为对象来操做的。这个方法在ie7里是有问题的，因此我又加入了json2.js这个插件进去..而后就兼容了...
8. 关于表单传json:
   咱们发现，用jquery的serialize()方法能把表单数据转换为name=a&sex=1&age=13这样的格式，可是我但愿直接把表单的数据转换为json，网上说没有直接转换为json的方法，jquery只有转换为对象的方法serializeArray()，因而我找了个方法封装了jquery的插件，实现直接调用这个方法就转换为json，https://github.com/419003251/Noin/blob/master/assets/util/jquery-plugin/jquery.serializeJson.coffee

记得的就这么多了，之后要把本身的知识封装在本身的一个目录里，这就是个人经验，之后作的多了，它也能够成为一个框架的。~！~