前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[一对一讲什么] 之 切图之后做啥?要加入项目和测试接口

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

作者头像
web前端教室
发布2018-02-06 16:38:26
8510
发布2018-02-06 16:38:26
举报
文章被收录于专栏:web前端教室web前端教室

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

一般来讲,切图的工作成本是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-11-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档