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)

}

})

}

很多新手在开始制作小程序的时候都想快速做一个功能看起来不错的小程序，那么怎么做呢？下面小编给大家分享一下。

方法/步骤

首先大家要下载按照Hbuilder软件，点击新建下面的项目

接着项目类型里面选择uni-app，然后选择一个模板，如下图所示

然后就创建好了项目的目录，如下图所示

接着打开Hbuilder的设置界面，配置小程序开发工具的路径，如下图所示

然后打开小程序开发工具，选择安全设置

接着开启服务端口尺庆，如下图所示

接下来我们点击Hbuilder的运行菜单，选择运行到小程序模拟器的微信开发者工具上，如下陵轮握图所示

最后就可以看到一个小程桐顷序就快速制作完成了，如下图所示

---