hbuilderx制作小程序怎么连接mysql

hbuilderx制作小程序怎么连接mysql

例子如下，希望能帮到你。接口由编程人员开发，我只会ajax。

一般会有个接口文档规范，如下。

获取企业办事分类

URL:

http://192.168.8.xxx:7002/OuterNetWeb/appMain?service=infoMobile&func=getItemTitle&type_id=1

Params:

service ---服务类

func ---具体方法

type_id ----类型id ，type_id 为1 ,按企业分类

Method:

GET or POST

Return:

{"result":[

{"TYPE_ID":1,

"ORDER_NUM":1,

"IMG_SRC":"images/icon60/company/root_qy_ztfl_slbg.png",

"CODE":"01010001", -- 唯一分类编号

"ITEM_NAME":"设立变更",

"ITEM_ID":24}

,{"TYPE_ID":1,"ORDER_NUM":2,"IMG_SRC":"images/ icon60/company/root_qy_ztfl_njns.png","ITEM_NAME":"年检年审 ","ITEM_ID":27}， {"TYPE_ID":1,"ORDER_NUM":25,"IMG_SRC":"images/icon60/company/ root_qy_ztfl_qt.png","ITEM_NAME":"其他","ITEM_ID":48}],

"message":"成功",

"success":"true"}

页面调用接口获取数据输出到页面

/****

名 称： 获取【个人办事/企业办事】子事项下的事项列表请求地址： http://localhost:8080/OuterNetWeb/appMain?

service=workMobile&func=getItemList&isTheme=1&itemId=2类 型： 接口数据

方 法： ajax(GET)成功返回： json(data)

**失败返回： '当前数据为空'

*****/

function getItemList(prevPage,isTheme,itemId,gopage,typeId,ITEM_NAME){

$.ajax({

type:"POST",

url:"/OuterNetWeb/appMain?service=workMobile&func=getItemList&isTheme="+ isTheme +"&itemId="+itemId+"&opage="+gopage,

dataType:"json",

success:function(data){

var tpl = ''

$.each(data.result, function (index, item) {

//console.log(item)

tpl += '

' +

'' +

'' +

'' + item.APPROVE_NAME + '' +

'' +

''+

'

'

})

$("#sd-managerList").append(tpl)

var nextpage = parseInt(gopage)+1

if(nextpage <= data.total_pages){

$("#sd-managerList-Btn").unbind("click")

$("#sd-managerList-Btn").bind("click",function(){

getItemList(isTheme,itemId,nextpage)

})

}else{

$("#sd-managerList-Btn").remove()

}

setMobileIcon()

$(".loading").hide()//进度条

},

error:function(xhr){

var tpl = '

当前数据为空'

$("#sd-managerList").html(tpl)

}

})

}

1.设置微信开发者工具，安全-服务端口，打开

2.HBuilderX打开的项目文件里，找到manifest.json，微信小程序配置中的APPID置空，或设置正确的APPID（需有权限的微信账号登录微信开发者工具）

3.HBuildX菜单运行-运行到小程序模拟器-运行微信开发者工具，初次使用需设置微信开发者工具安装目录

利用HbuilderX初始化项目

点击HbuilderX菜单栏文件>项目>新建

选择uni-app,填写项目名称，项目创建的目录

运行项目

在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 ->运行到小程序模拟器 ->微信开发者工具，即可在微信开发者工具里面体验uni-app

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 ->运行到手机或模拟器 ->选择调式的手机

注意：

如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功

点击打开小程序的文件夹地址 

微信开发者工具在设置中安全设置，服务端口开启 

点击开启服务器端口

---