rails-API

Posted on

后台：
1.添加app/controllers/interface/xxx_controller.rb文件，写上需要的接口（json）
注意事项：
1.index的接口：
模式：循环用map
类别区分：用where
2.show的接口：
模式：不要循环
区分类别：用if/else语句

3.对于没有数据的栏位要用rescue
   eg：yezhu: (@case.mobile_user.name rescue '')
   或者用SQL workbench添加数据。
4. 如果接口下方有需要用的关联的表，那么在上面的表后面要加上includes（：xxx）
   用逗号隔开，如有多个也要都写上

ps：添加默认值：在需要的栏位后面加上 【 || 默认值 】
如果默认值是字符串则需要用””括起来！

前端向后台传数据的时候，写在接口中的find后面需要insert的参数

2.在config/routes.rb中添加路径
如

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
namespace :interface do
    resources :homes do
      collection do
        get :gong_dis
      end
    end
end
```         
         
3.查看config/index.js dev下面的target后面的服务器名有没有更换

前台（对应的页面）：
    1.<sript>标签下的created函数里面加上接口文件路径以及需要的log
       eg: 斜体部分为索要替换的路径部分
           且需要id的时候要把id作为参数放在后面，不同路径形式不一

created () {
this.$http.get(‘api/interface/homes’).then((response) => {
console.info(response.body)
this.response = response.body
}, (error) => {
console.error(error)
});
},

1
2
3
4
('api/interface/cases/she_ji_shi_info' ,{params:{id: this.id}})
('api/interface/cases/' + this.id)
    2.在data函数下面定义返回的变量名，在里面添加上所需要的数组
    eg:response为变量名。

data () {
return {
response: {
sliders: [],
categories: [],
fuwus: [],
zhibos: [],
guanggaotu: [],
},
}
index: 0,
},

注意： show页面data中要添加寻找id的语句(写在return里面定义的变量外面---index的下面,要写在定义的变量上面)
       eg：
       $ id: this.$router.app.$route.params.id,
    3.在<template>标签下解析要显示的数据
      response.item(要显示的栏位名)

      ps: 数组解析用v-for
几种解析模式：
           1.字段    {{ xxx.xxx}}
           2.图片    <img :src="xxx.xxx" style="height:100%; width:100%;"></img>