APIJSON/APIJSON-JavaScript/APIJSON-JS-Vue/src/App.vue at master · lineCode/APIJSON · GitHub

History

122 lines (108 loc) · 2.47 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

<div class="#show">动态内容: {{ this.Moment.content}}</div>

<ul>

</div>

</ul>

</div>

</template>

import axios from 'axios'

// axios.defaults.withCredentials = true

let url_base = "http://39.108.143.172:8080"

let url_get = url_base + "/get"

let url_head = url_base + "/head"

let url_post_get = url_base + "/post_get"

let url_post_head = url_base + "/post_head"

let url_post = url_base + "/post"

let url_put = url_base + "/put"

let url_delete = url_base + "/delete"

let model = {

msg: 'APIJSON',

Moment: {

content: 'content'

User: {

name: 'name'

commentList: {

}

export default {

name: 'app',

data () {

return model

methods: {

ok() {

// 刷新界面

function refresh(data) {

data = data || {}

model.Moment = data.Moment || {}

model.User = data.User || {}

model.commentList = data['[]'] || []

console.log('refresh model = \n' + JSON.stringify(model))

}

axios.post(url_get,

{

'Moment': {

'userId': 93793

'User': {

'id': 93793

'[]': {

'count': 5,

'Comment': {

'momentId@': 'Moment/id'

'User': {

'id@': '/Comment/userId'

}

})

.then(function (response) {

refresh(response.data)

})

.catch(function (error) {

console.log(error);

})

}

</script>

<style>

#app {

font-family: 'Avenir', Helvetica, Arial, sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-align: center;

color: #2c3e50;

margin-top: 60px;

}

h1, h2 {

font-weight: normal;

}

ul {

list-style-type: none;

padding: 0;

}

li {

display: inline-block;

margin: 0 10px;

}

a {

color: #42b983;

}

#show {

height: 100px;

width: 1000px;

background-color: #000000;

text-decoration-color: #ffffff;

}

</style>

APIJSON/APIJSON-JavaScript/APIJSON-JS-Vue/src/App.vue at master · lineCode/APIJSON · GitHub

Expand file tree

Breadcrumbs

App.vue

Latest commit

History

Breadcrumbs

App.vue

File metadata and controls