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)

}

})

}

小程序开发推荐使用uni-app,它是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

uni，读youni，是统一的意思。

很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。

2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。

为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。

360手机助手率先接入，在其3.4版本实现应用的秒开运行。

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用森羡等众多场景案例，以及分享了webview体验优化的经验。

微信团队经过分析，于2016年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量巨头，包括手机厂商，陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准，但更多公司因利益纷争严重，标准难以统一。

技术是纯粹的，不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者，但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致，那么就通过这个框架为开发者抹平各平台差异。

这，就是uni-app的由来。

因为多年积累，所以DCloud拥有300多万开发者，并不意外因为DCloud一直都有小程序的iOS、Android引擎，所以uni-app的App端和小程序端保持高度一致，并不意外因为DCloud在引擎上的持续投入，所以uni-app的App端功能、性能比大多数小程序引擎都优秀，并不意外因为DCloud对各家小程序太了解了，所以做好抹平各端差异的跨端框架，并不意外

现在，uni-app已经是业内最风靡的应用框架，支撑着6亿手机用户的庞大生态。

世界兜兜转转，当你踏出第一步时，随后很多事不会按你的预期发展。但只要你不忘初心，你想要的那个目标此伍拍，最终会换个方式实现。

DCloud的初心是什么橘答？

为开发者提供免费、高效的开发工具，让天下没有难做的应用改进应用形态，让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费，感谢数百万开发者的一路陪伴，也请一直监督我们不忘初心！

1.HBuilderX 新建项目 因为做的功能简单 选了个纯洁的模板

2.新建路由先整个页面出来 代码如下 看不懂的去uniapp官网瞅瞅

https://uniapp.dcloud.io/api/README

3.上晌坦面扫码的功能完成了 就这么简单 下面是OCR 图片文字识别 用到百度的开发api 你需要注册个百度云账号 领取免费资源 新建任务 获取秘钥 才能使用 文字识别我用的是 vin识别能正常调用 其他好几个好像是并发限制 用不了

https://console.bce.baidu.com/ai/?_=1628820741533#/ai/ocr/app/create

4.HBuildX运行发布 新建小程序 微信开发者平台注册 获取appid

导入项目目录下的 unpackagedistdev到微信开发者工具打开

如果没有出现上传按钮 多半是appid和你微信开发者平台的不一样 以平台为准

5.点击上传 期间可以能会有各种各样的问题 百度都能找到 懒得写了

6.上传完事 去平台看看效果

7.这个修改的路径 就是小程序默认打开的页面

8.我是整的体验版 不用等审核就可以用手机打开访问了 当然了 这个时候你的小程序请求是发不出去的 要配置域名 如下改改就成

需要正式发布握枯的 发布前导入build包 上宴皮桐传并提交审核就成了

开发中还有很多小问题 没列出来 有兴趣的私聊交流

需要源码。。。。

---