第一个项目师哥总结

1.项目原型图(产品经理),UI图(设计师) 
  使用axure或者墨刀画原型图 在线的原型图浏览:https://modao.cc/app/mYwsQqBOX3AMj5aEPj5ktoEaKfwLQkf 
  PSD格式的UI图或jpg等图片 
2.需求文档(产品经理)(项目的背景,项目参与人,项目启动时间,交付时间,项目的功能描述) 
3.API文档(项目经理,技术负责人或者后端开发者会发给你,你要会阅读)[给你一个postman是不是也相当于给你了API文档] 
4.代码管理,仓库配置(git, github), 设置一下参与者; 两个人一组(组长) 
5.本地API环境模拟,配置Host 
6.代码规范:html, css(大小写不区分,但是最好只用小写加上短横线),js(大小写区分,命名要驼峰命名); 有对应的静态代码检查工具 
7.团队组建(至少2人,最多4人) 
8.项目进度管理(开始时间 -- 结束时间每天的计划是怎样的,每天晚上要验收,要描述今天所做的事情,遇到的问题,学到的内容,文字版+口述)代码提交一次
9.项目重构(代码优化,实际工作当中会怎么用,代码合并,无用的代码要删除,调试代码要删除) 
10.周五的时候项目答辩 
起步:分组(发给我分组的情况),确定组长,任务分配(每个人负责哪几个页面),git代码创建建立(把仓库地址放到分组信息中),添加合作者,整个项目要初始化(写上最基本的内容,根目录要有README.md, 然后要有8个页面的html, styles目录,js目录,静态资源图片,reset.css, components目录[放组件]), 代码要提交,项目其他成员把代码拉取,晚上代码推送[代码推送之前先提交,再拉取,拉取的时候会自动合并],更新README.md,描述当前项目完成的进度 
写页面的时候先写静态页面,静态页面写好了再用ajax改造成动态的 
分组之后分CSS主程,把首页的CSS样式写出来,头部,底部,内容区的大框架给搭建起来,写好之后其他组员在写页面的时候直接引用这个css,内容区的css自己写一下即可 
js主程,把所有的ajax请求都放到一个js文件里面,把ajax封装起来 

要求写,良仓;其他的商城也可以,自己写的商城也可以;如果有自己的项目,项目不写电商网站的项目,自己的小项目作为课余的时候写 
 

零、写代码之前看一下五期班同学总结的:http://bbs.duchengjiu.top/read.php?tid=8&fid=5 站在五期班巨人的肩膀上前行 

一、主题挑好了;下一步是技术选型,你们自己考虑一下自己使用什么技术,然后把技术点列在你的项目根目录的一个readme.md文件当中;代码的版本控制咱们使用SVN,电脑上安装一下,然后在SVNChina/Coding.net上面注册一个帐号,新建一个私有项目,每天提交一次代码,助教老师审核代码; svn的使用 http://www.svnchina.com/jump.php?content_id=6 


二、技术选型好了之后是开发环境的搭建,比如 wampserver, 本地API环境的搭建,Postman进行测试API 
本地host将真实API域名进行映射,这样测试的API地址就和线上一模一样,测试的时候让本地host生效,上线的时候将host注释起来;本地如果没有API学会自己使用json文件进行模拟 

三、环境好了之后开发跑通核心功能流程,页面搭建;功能实现;页面美化; 
可以先写HTML,CSS,将页面美化到80%的程度;然后使用JS写特效,特效写完之后写AJAX请求动态数据实现功能; 
写项目的过程当中还会给你们指导; 代码上线的话放到 
数据字典查看:只看表名前缀为ucshop的表:http://h6.duchengjiu.top/shop/readme/data_struct.php 

四、代码上线,将代码传到FTP上面,地址是:103.254.148.130 帐号是 h6@duchengjiu.top 密码是 helloucai    要求每个项目的大小不能超过10M 
登录之后新建一个你的名字,最好是英文名,只要班上同学不冲突就行,比如文件夹叫stone, 你的项目所有的文件都放这里 
访问的话通过 http://h6.duchengjiu.top/stone/ 
如果自己有兴趣去买域名和服务器的话可以放自己服务器上面;服务器可以在新浪云,腾讯云,阿里云,百度云上面购买 
使用SendCloud进行发送短信,发送邮件;使用阿里云或者阿里大鱼等都可以 
使用七牛进行图片上传 

代码规范(有利于团队合作和维护): 
http://codeguide.bootcss.com/#css-declaration-order/ 
代码规范检查工具:http://fecs.baidu.com/   可以在线格式化 

HTML,CSS,JS一定要完全分离,其他技巧我后面添加补充 
CSS合理的使用雪碧图 
JS不能污染全局环境 
HTML,CSS,JS代码不能有任何一个错误出现,JS代码合理的使用try...catch, 不能让页面崩溃,或者出现异常 

最最重要的是你们要规范一下时间和进度,五天如何规划,规划好了之后都统一发给助教,然后发给我;每天下课前会检查当天完成情况;咱们完全模拟公司里面做项目 
必须要实现的页面有用户注册登录,首页,详情页,购物车页,分类页,订单页 
 

特效:回到顶部,吸顶,轮播,选项卡,放大镜,表单验证,动画,间歇模型,自定义滚动条, 模态框,城市级联选择 
数据:表单序列化,模板,underscore, j.js, jsonp, 瀑布流,懒加载,预加载,数据缓存 
功能: 注册,登录,查看分类,查看商品,搜索商品,加入购物车,结算,订单查看; 
登录注册时密码传送加密后的md5值,确保传输过程中的安全 
CSS,子元素浮云,父元素设置 overflow:hidden, 这样调试可以自适应 

项目需求视频描述:链接: https://pan.baidu.com/s/1slcxyrF 密码: 6c1f 
项目完成之后要不断优化性能,代码压缩使用YUICompressor https://pan.baidu.com/s/1hrVTT2k 或者 Google_Closure https://pan.baidu.com/s/1geIw2t1#list/path=%2F 

项目流程,技术点可以参考王老师之前分享的内容:http://www.icketang.com/2016/ickt_trade_1117/103.html 
 
 

图片:2.jpg

原文地址:https://www.cnblogs.com/Andyyz/p/7506080.html