如何部署vue后台网页链接数据库

使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api：

get(url, [data], [success], [options])

post(url, [data], [success], [options])

put(url, [data], [success], [options])

patch(url, [data], [success], [options])

delete(url, [data], [success], [options])

jsonp(url, [data], [success], [options])

具体举例如下：

1、导入vue-resource

<script src="js/vue.js"></script>

<script src="js/vue-resource.js"></script>

2、基于全局Vue对象使用http

// 通过someUrl获取后台数据，成功后执行then的代码

Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback)

3、在一个Vue实例内使用$http

// $http是在vue的局部范围内的实例

this.$http.get('/someUrl', [options]).then(successCallback, errorCallback)

说明：

在发送请求后，使用then方法来处理响应结果，then方法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应失败时的回调函数。

电脑端的应用软件想要跟数据库进行交互的话，首先需要有一个数据库。这个数据库可能在前台，也可能在后台，那么你会通过你的应用软件去连接它的数据库，那么具体中间会经过几条服气，那就不知道了，连接之后，那么你发送信息的时候，对方接受到会从数据库里边帮你查询，查询完之后再通过外接的服务器反馈到你的电脑上。

数据主要是用mui 封装好的ajax获取json数据，然后用js拼接，把html代码加载到页面。

mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方法，并在mui.ajax方法基础上，进一步简化出最常用的mui.get()、mui.getJSON()、mui.post()三个方法。

详细请看这篇文章：http://www.bcty365.com/content-146-2390-1.html

举个简单的例子：

var address_url=htts+'mobile/index.php?act=member_address&op=address_list'

mui.post(address_url,{key:ukey},function(data){

var address_list=data.datas.address_list||{}

for(var i=0i<address_list.lengthi++)

{

if(address_id==address_list[i].address_id)

{

address_html='<a class="mui-navigate-right" onclick="add_new_address()">'

address_html+='<span>姓名：'+address_list[i].true_name+'</span>'

address_html+='<span class="xxdz">详细地址：'+address_list[i].area_info+' '+address_list[i].address+'</span>'

address_html+='<span>联系电话：'+address_list[i].mob_phone+'</span>'

address_html+='</a>'

document.querySelector('#shrxx').innerHTML=address_html

document.querySelector('input[name="address_id"]').value=address_list[i].address_id

document.querySelector('input[name="area_id"]').value=address_list[i].area_id

document.querySelector('input[name="city_id"]').value=address_list[i].city_id

offpay()

}

}

},'json')

---