[一对一讲什么] 之 切图之后做啥?要加入项目和测试接口

web前端教室 浏览次数: 2016-11-30 23:13

昨天咱们谈过了什么是切图,那今天接着往下说说,切图之后做什么。 一般来讲,切图的工作成本是HTML静态页面。在有些公司,是美工或是UI设计他们给切了。但这'...

昨天咱们谈过了什么是切图,那今天接着往下说说,切图之后做什么。

一般来讲,切图的工作成本是HTML静态页面。在有些公司,是美工或是UI设计他们给切了。但这么多年来,这些美工和UI他们给切的图片,没有一次是好用的。我都得修补或是返工,差别只是程度不同。

为啥呢?因为他们不管前端开发。可能也基本不懂。所以UI和美工他们切图,那是真正的按图片的边啊,缝什么的往下切。

好了,在咱们前端开发的手里,切图这环节完事了之后。接下来你有二种情况,

第一,你们是用J2EE,或是.NET的开发环境,那么你需要把你的静态页面放到整个项目的开发环境中,也就是整个项目的前端部分的目录中。

至于具体是哪些个目录,JAVA程序员会告诉你。他们会告诉你说,html文件,放在哪个目录;js文件在哪个目录;css文件在哪个目录;img文件在哪个目录。。。等等,就类似这种,

放到相应的目录之后,你要把文件之间的链接引用都修改好。这就算是开发环境啦。

第二,你们的后端开发是PHP,这时你就需要你切好的静态页面的头和尾,都加上PHP的标签,然后把文件后缀改为.php,这时这个静态页面就变成了PHP文件了。

最简单的就是这种,如下图,在<html>的上面,又添加了<?php ... ?>相关的标签内容,之后把文件后缀名改为.php,这就是一个php文件了。

经过了这个步骤,到这里你的前端开发的环境,基本的就算搞好了。

然后做啥呢?你是不是以为接着就开始狂写JS了?NO NO NO

接下来应该是打开“接口文档”、或是“说明文档”,或是“数据字典”,拿这些东西对着产品经理的“需求文档”,看看后端同学们给的API接口对不对。

如果上面那些文档都没有,那么就问后端同学,“现在都有哪些接口可以用?借我试试”。也就是“测试API接口”阶段,这事简单的很,就是看看这些接口都返回的啥东西。

在一对一视频课程中,我会自己用PHP写好相应的项目接口,然后教你怎么调用它。在一对一视频课程中的这个环节,我就变成后端开发人员了。

在这里,我就随便百度查个公共接口说明一下。

例如,我在网上随便查了下“公共 JSON 接口”,返回一堆这东西,

我在里面随便找了一个,就这个,

把它直接扔到浏览器地址栏里,结果返回错误,就这样,

在F12里返回的是这样,

然后我回去又看了下,喔,快递公司代号是英文,又回去改成英文;快递单号改成数字,结果还报错,罢了,因为我没有快递...

如果这个接口,是你公司的,这时你就可以要求后端开发人员,给你添加一条数据,就是添加一个快递单号,然后你一查如果能返回正确的JSON格式的数据,这就说明,这个接口是OK的。

到这一步结束之后,就你可以开始写JS了。

详情点击:先行者计划2016年会员计划

另,先行者计划2017年涨价:暂定588

有一些人说对我的课程也很感兴趣,但就是涨价了。言下之意,我要不涨价他就花钱加入了。

但我的目的,就是想把那些只感兴趣,但不想付出的人都筛出去。

要说兴趣,我对北京房子还感兴趣呢,但开发商能因为我感兴趣就给我房子么?我对北京上海深圳那些培训机构一万多的课还有兴趣呢,但培训机构能因为我有兴趣就便宜我钱么?

不可能!我得花钱买!为了挣钱我得学习,我得努力才行。

光有兴趣有个屁用。

网友点评
猜你喜欢