使用ES6+Framework7开发手机应用——基础开发结构

开始（使用工具Visual Studio Code）

目录

1.三个基础文件

2.端口

3.路由

4.api接口

5.api接口的调用

6.信息的前台绑定

7.成果展示

1.三个基础文件

   (1)view.html      【手机端的界面基础编写位置】

   (2)style.css       【手机端的css样式渲染位置】

   (3)controller.js   【手机端的事件编写位置】

2.端口

    import.css           【读取globalMain 下的 style.css】

3.路由

   route.js          【设置路由】

相应解释：

  (1)path: '/globalSearch/globalMain/:InquireText'  ：当操作跳转到globalSearch/globalMain文件下时，根据需要获取传过来的值 InquireText   (2)url: path + '/globalMain/view.html'                    ：跳转的详细html界面   (3)on: globalMain.pageOn          点击跳转的写法展示：

//跳转到全局搜索
dom.on("click", ".btn-globalSearch", function () {
     var InquireText=$("#autocomplete-dropdown").val().trim();
     if(InquireText.length<=0)
     {
         InquireText="***";
     }
     esUtil.openView('/globalSearch/globalMain/' + InquireText );
});

                            

4.api接口

5.api接口的调用

el.find(".globalSearch-hotSearchfixed").html(html);   【控制动态绑定后信息显示的位置】

 

6.信息的前台绑定

7.成果展示

结束