使用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 );
});