[发明专利]一种基于微信小程序平台左右结构层级展示及快速加载的药品分类方法

权利要求书

1.一种基于微信小程序平台左右结构层级展示及快速加载的药品分类方法，其特征在于：首先在项目里创建一个classify包及4个文件，分别为classify.js、classify.json、classify.wxml、classify.wxss, 并在classify.wxml文件里绘制出左右结构的药品分类的界面，左边view为主目录，右边view为明细；当用户进入分类页面时立即通过httpGet方法读取远程服务器上的别数据，并把其缓存到本地中，如果用户再次进入时，只需要读取本地缓存数据即可；缓存后把获得的父类数据绑定到左边的view上并进行遍历，并给左侧的子view绑定changeRightTab事件；然后在changeRightTab方法实现根据左侧点击的索引及id来获得子分类数据，并把其绑定到右侧View，实现简洁、快速地分类展示；从而解决了在微信小程序里药品分类展示零乱及加载缓慢的问题。

2.根据权利要求1所述的解决了在微信小程序里药品分类展示零乱及加载缓慢的方法，其特征在于：所述的方法具体包括如下步骤：

步骤一、在项目里创建一个classify包及4个文件，分别为classify.js、classify.json、classify.wxml、classify.wxss；

步骤二、在classify.wxml文件里绘制出药品分类的界面，为左右结构，左边view为主目录，右边view为明细，在classify.wxss文件里调节样式；

步骤三、在classify.js中的data时定义parentDisplay、childDisplay是否显示变量，navLeftItems、curRightItems类别列表变量及curNav、curIndex索引变量；

步骤四、在classify.js文件中的onload方法里通过httpGet方法读取远程服务器上的类别数据，如加载成功，把数据缓存到本地，并把值赋给上面的变量；如果用户再次进入，直接读取缓存数据；

步骤五、给classify.wxml文件中的左view绑定navLeftItems并进行遍历，并同时绑定事件changeRightTab；

步骤六、实现changeRightTab方法，根据左侧点击的索引及id来展示右侧不同的药品子类别信息。