适老版提交

.env.development

@@ -0,0 +1,2 @@
+NODE_ENV="development"
+VUE_APP_URL="/api"

.env.production

@@ -0,0 +1,6 @@
+# 配置生产地址,就是你将来发布上线的地址
+NODE_ENV="production"
+
+VUE_APP_URL="https://www.jaxc.cn/jjtapi/"
+
+

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+/jjt
+*.zip
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.svn
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.bak.md

@@ -0,0 +1,49 @@
+# 知识体系
+
+#### 封装 axios
+
+1. 使用拦截器统一处理请求和响应数据
+2. 挂载到原型上
+
+#### 上拉加载更多
+
+1. vant 的组件
+2. 设置初始高度，不然 bug 很严重
+
+#### 懒加载
+
+1. 懒加载是什么
+2. 如何实现
+
+#### 环境配置
+
+1. 根目录新建 .env.development （测试环境） 文件
+
+   ```
+   VUE_APP_URL="http://132.232.87.95:3000/api"
+   ```
+
+   然后新建。env.production（生产环境）文件
+
+   ```
+   VUE_APP_URL="http://132.232.94.151:3000/api"
+   ```
+
+2. 配置 package.json
+
+   ```
+    "scripts": {
+       "serve": "vue-cli-service serve --model",
+       "build": "vue-cli-service build --model",
+       "lint": "vue-cli-service lint"
+     },
+   ```
+
+3. 项目中通过 process.env.VUE_APP_URL  访问 VUE_APP_URL 的值，不同的环境取到的值不一样
+
+#### 打包部署
+
+#### 移动端适配
+
+1. amfe-flexib 设置 root 元素字体大小
+2. pxtorem  px 转 rem

README.md

@@ -0,0 +1,60 @@
+# vue 浙里学车app嵌套vue
+
+#### 启动项目
+1. npm i 安装依赖
+1. npm run serve 启动项目
+1. cd server  (接口目录)
+1. npm i 
+1. npm run dev
+
+
+>#### 前言
+花了半天的时间整理了一个 vue 移动端项目的模板，希望多还不熟悉 vue 项目搭建的小伙伴有些帮助，也欢迎各路大神提出宝贵的建议，本文章默认你已经对 webpack 和 vue 有一定的了解。
+
+>#### 核心知识体系简介
+1. vue-cli3 脚手架
+    * 创建项目
+    * 开发环境和生产环境配置
+    * 配置跨域
+    
+2. vue-router 路由
+    * 路由配置
+    * 子路由配置
+    * 路由守卫，设置页面标题和根据登录状态判断是否允许进入特定页面
+    * 对router-link使用active-class,高亮当前路由
+    
+3. vuex 跨组件通信
+    * vuex 配置
+    * vuex 持久化
+    * vuex 使用
+    
+4. rem 移动端适配
+    * 通过 amfe-flexibe 设置 root 元素的字体大小
+    * 通过 pxtorem 把 px 转成 rem, 无需手动书写 rem
+    
+5. axios 配置
+    * 使用拦截器配置 baseURL 和给请求头加上 token
+    * 使用拦截器对返回的数据进行处理
+    * 挂载到 vue 原型上，方便使用
+    
+6. promise 使用
+    
+    * 在项目中使用 async await 把异步变成同步，编写和阅读更舒服
+    
+7. 有赞 vant-ui 库
+    * 导航栏
+    * 单元格
+    * loading
+    * ......
+    
+8. 使用keep-alive组件缓存某些组件(新增)
+
+9. 添加小型服务器接口,用来编写本项目所需接口
+
+    
+
+>####  项目目录
+project1 行有所畅H5
+project2 学车H5
+project3 适老版H5
+

babel.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  plugins: [
+    [
+      "import",
+      {
+        libraryName: "vant",
+        libraryDirectory: "es",
+        // 指定样式路径
+        style: name => `${name}/style/less`
+      },
+      "vant"
+    ],
+    ["@babel/plugin-syntax-dynamic-import"]
+  ]
+};

package.json

@@ -0,0 +1,65 @@
+{
+  "name": "jjt",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build --mode production",
+    "testing": "vue-cli-service build --mode testing",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@aligov/jssdk-mgop": "^3.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "babel-plugin-import": "^1.12.2",
+    "clipboard": "^2.0.8",
+    "core-js": "^2.6.5",
+    "css-loader": "^3.2.0",
+    "echarts": "^4.9.0",
+    "json-bigint": "^1.0.0",
+    "node-sass": "^4.14.1",
+    "node-webkit": "0.0.0",
+    "sass-loader": "^10.1.1",
+    "style-loader": "^1.0.0",
+    "video.js": "^7.17.0",
+    "vue": "^2.6.10",
+    "vue-amap": "^0.5.10",
+    "vuex-persistedstate": "^2.5.4",
+    "webkit": "^0.0.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.7.0",
+    "@vue/cli-plugin-eslint": "^3.7.0",
+    "@vue/cli-service": "^3.7.0",
+    "amfe-flexible": "^2.2.1",
+    "autoprefixer": "^9.5.1",
+    "axios": "^0.18.0",
+    "babel-eslint": "^10.0.1",
+    "compression-webpack-plugin": "^5.0.1",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
+    "postcss-loader": "^3.0.0",
+    "postcss-pxtorem": "^4.0.1",
+    "vant": "^2.2.9",
+    "vue-router": "^3.0.6",
+    "vue-template-compiler": "^2.5.21",
+    "vuex": "^3.1.0"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [],
+    "rules": {},
+    "parserOptions": {
+      "parser": "babel-eslint"
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}

public/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang=en style="background: #ffffff">
+
+<head>
+  <script>window._AMapSecurityConfig = { securityJsCode: '89f6ee12803a3c9ce21a3f30018a62bb', }</script>
+  <script
+    src="https://webapi.amap.com/maps?v=1.4.4&key=c03269827e2298086eb3a9cb0aae9ca9&plugin=AMap.Geocoder&plugin=AMap.Autocomplete&plugin=AMap.PolyEditor"></script>
+  <meta charset=utf-8>
+  <meta http-equiv=X-UA-Compatible content="IE=edge">
+  <link rel=icon href=favicon.ico>
+  <title></title>
+  <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" name=viewport>
+  <van-nav-bar safe-area-inset-top>
+    <van-number-keyboard safe-area-inset-bottom>
+      <meta name=referrer content=no-referrer>
+      <meta http-equiv=pragram content=no-cache>
+      <meta http-equiv=cache-control content="no-cache, no-store, must-revalidate">
+      <meta http-equiv=expires content=0>
+      
+    <script src=//assets.zjzwfw.gov.cn/assets/ZWJSBridge/1.1.0/zwjsbridge.js></script>
+      <script>ZWJSBridge.onReady(() => {
+          console.log('初始化完成后，执行bridge方法')
+        })
+
+        ZWJSBridge.setTitle({
+          "title": "缙驾通"
+        }).then(res => {
+          console.log(res)
+        }).catch(err => {
+          console.log(err)
+        })</script>
+      <script>(function (w, d, s, q, i) {
+            w[q] = w[q] || [];
+            var f = d.getElementsByTagName(s)[0], j = d.createElement(s);
+            j.async = true;
+            j.id = 'beacon-aplus';
+            j.src = 'https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085';
+            f.parentNode.insertBefore(j, f);
+          })(window, document, 'script', 'aplus_queue');
+        aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn'] });
+        aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn'] });
+        aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['appId', '60506758'] });</script> 
+
+</head>
+<!-- style="position: relative;min-height:800px;" -->
+
+<body>
+  <noscript>
+    <strong>We're sorry but maizuo-h6 doesn't work properly without JavaScript enabled. Please enable it to
+      continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>

src/App.vue

@@ -0,0 +1,82 @@
+<template>
+  <div>
+        <Loading v-show="LOADING"></Loading>
+    <keep-alive>
+      <router-view v-if="$route.meta.keepAlive"></router-view>
+    </keep-alive>
+    <router-view v-if="!$route.meta.keepAlive"></router-view>
+  </div>
+</template>
+
+<script>
+  import {mapState} from 'vuex';
+  import Loading from "./components/Loading.vue";
+
+export default {
+  name: "app",
+
+  data() {
+    return {
+      gap_time: 0,
+      beforeUnload_time: 0,
+    };
+  },
+  created() {
+  },
+  computed: {
+      ...mapState(['LOADING'])
+    },
+  components:{
+    Loading
+  },
+  watch: {
+
+  },
+  onShow() {
+
+ 
+ },
+  methods: {
+    // 关闭窗口之前执行
+    beforeunloadHandler() {
+      this.beforeUnload_time = new Date().getTime();
+    },
+    unloadHandler() {
+      this.gap_time = new Date().getTime() - this.beforeUnload_time;
+      //判断是窗口关闭还是刷新 毫秒数判断 网上大部分写的是5
+      if (this.gap_time <= 10) {
+          this.$store.commit("updatestudentStatus", null);
+          this.$store.commit("updateloginInfo", null);
+          this.$store.commit("updateBasicInfo", null);
+          this.$store.commit("updatebankInfo", null);
+          this.$store.commit("updateIsFoShan", true);
+          this.$store.commit("updatelat", null);
+          this.$store.commit("updatelng", null);
+          this.$store.commit("updatelocationAdress", null);
+      
+      } else {
+  
+      }
+    },
+  },
+  destroyed() {
+    // 移除监听
+    window.removeEventListener("beforeunload", () => this.beforeunloadHandler());
+    window.removeEventListener("unload", () => this.unloadHandler());
+  },
+
+  mounted() {
+    this.$router.afterEach((to, from, next) => {
+      window.scrollTo(0, 0);
+    });
+    // 监听浏览器关闭
+    window.addEventListener("beforeunload", () => this.beforeunloadHandler());
+    window.addEventListener("unload", () => this.unloadHandler());
+
+  },
+  
+};
+</script>
+
+
+