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