了解更多请访问：与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz1。DevEcoStudio最新版开发工具的全新预览和调试，真是太好用了。鸿蒙的tabs、tab-bar组件和tab-content组件是动态生成的，通过fetch请求构建pythonflask服务。nginx为图片等静态资源提供服务：fromflaskimportFlaskfromflaskimportjsonifyfromflaskimportrequestimportjsonapp=Flask(__name__)@app.route("/data")defexecData():print("用户发起数据请求，执行execData方法")data1=("徐金飞","李永义","常立豪")returnjsonify(data1)@app.route("/querybyname",methods=["POST"])defqueryByName():ifrequest.method=='POST':print("Userinitiatedquerybynamerequest,executethequeryByNamemethod")#data2={"徐金飞":"女学生","李永义":"扬州男学生","常立豪":"男学生来自南京"}data2={"徐金飞":{"text":"女学生","img":"common/customer.png"},"李永义":{"text":"男学生","img":"common/emp.png"},"常立豪":{"text":"男学生","img":"common/emp.png"}}#name=request.form.get("cname")#print(name)info=request.get_data(as_text=True)print(info)print(type(info))name=json.loads(info).get("cname")info1=data2.get(name)returnjsonify(info1)@app.route("/loadmenu",methods=["GET"])defloadMenu():ifrequest.method=="GET":print("加载首页菜单")menudatas=[{"text":"首页","selectIcon":"http://lixin.free.idcfengye.com/images/ones.png","icon":"http://lixin.free.idcfengye.com/images/oneu.png"},{"text":"分类","selectIcon":"http://lixin.free.idcfengye.com/images/cs.png","icon":"http://lixin.free.idcfengye.com/images/cu.png"},{"text":"阅读","selectIcon":"http://lixin.free.idcfengye.com/images/rs.png","icon":"http://lixin.free.idcfengye.com/images/ru.png"},{"text":"我的","selectIcon":"http://lixin.free.idcfengye.com/images/mys.png","icon":"http://lixin.free.idcfengye.com/images/myu.png"}]returnjsonify(menudatas)if__name__=="__main__":app.run(debug=True,port=8500)3.鸿蒙远程请求pythonflask服务需要使用内网穿透工具4.同时启动nginx服务和ngrok的内网穿透5.鸿蒙业务逻辑层通过网络权限配置和域名安全审计5.鸿蒙js层业务逻辑代码importfetchfrom'@system.fetch';importpromptfrom'@system.prompt';exportdefault{data:{title:'World',currentIndex:0,menudatas:[]},onInit(){fetch.fetch({url:"http://aeawqk.natappfree.cc/loadmenu",方法:"GET",responseType:"json",成功:(resp)=>{this.menudatas=JSON.parse(resp.data);}});},onShow(){prompt.showToast({message:"正在加载数据，请稍等",duration:5000});},changeview(e){letcIndex=e.index;this.currentIndex=cIndex;}}6。视图层代码
