数据约定

上一篇:模拟后端渲染

下一篇:辅助测试代码JS库

FMS 提供了模拟 AJAX 和模板引擎渲染页面的功能,但在具体项目开发中前端不应该随意的模拟数据。而是根据产品原型和设计稿与后端约定数据后再开始利用 FMS 开发页面。

FMS 提供了自动生成文档功能,这个功能可以辅助前端快速与后端约定数据。

约定 AJAX

例如要开发一个登录页,则前端需要跟后端约定

fms.ajax({
    title: "用户登录",
    type: 'post',
    url: '/login/',
    request: {
        username: "nimo",
        password: "1234",
        verifycode: "2xs2",
        // 可以与后端约定,带 _ 前缀的都是对应属性的注释(因为JSON中不可以直接写写注释)
        _verifycode: "验证码"
    }
})

FMS 会生成如下文档

我们跟后端约定所有以 _ 为前缀的属性,均视为对应属性的注释

当我们生成文档后我们安排会议跟后端讨论前端约定的数据是否可行,比如后端可能会反馈:

  1. username 需要改为 user 因为它也允许邮箱作为账号
  2. 登录错误时候需要增加 code 属性,为 1 则用户名错误 为 2 则密码错误

约定模板渲染

例如开发一个新闻页,则前端需要跟后端约定

fms.view({
    title: '新闻列表',
    type: 'get',
    url: '/news/',
    template: 'news.php',
    data: {
        list: [
            {
                title: "论数据约定在前后端配合中的重要性",
                digest: "FMS 提供了模拟 AJAX 和模板引擎渲染页面的功能,但在具体项目开发中前端不应该随意的模拟数据。而是根据产品原型和设计稿与后端约定数据后再开始利用 FMS 开发页面。",
                time: "2015年10月25日22:45:32",
                link: '/news/detail/?id=1'
            },
            {
                title: "三星弯上瘾!Galaxy S7将有无数个版本",
                digest: "HTC是机海战术的代表,其实三星也一点不弱,出个新机器就能衍生出五花八门的各种版本。如果你在等待下一代的旗舰机Galaxy S7,恐怕会被搞得不知如何选择。",
                time: "2015年10月25日11:30:15",
                link: '/news/detail/?id=2'
            },
            {
                title: "太囧!门前1米无人盯防 郜林……竟然打偏了",
                digest: "郜林面对空门托妞附体 零难度推射竟不中",
                time: "2015年10月25日10:12:31",
                link: '/news/detail/?id=3'
            }
        ]
    }
})

上一篇:模拟后端渲染

下一篇:辅助测试代码JS库

评论
想在此留下评论,请访问 {{issues_link}} 提交评论
Top