主框架

package.json

@@ -35,12 +35,13 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.0.7",
     "@tarojs/runtime": "3.0.7",
     "@tarojs/taro": "3.0.7",
-    "@tarojs/components": "3.0.7",
-    "vuex": "^3.0.0",
+    "qs": "^6.9.4",
+    "vue": "^2.5.0",
     "vue-template-compiler": "^2.5.0",
-    "vue": "^2.5.0"
+    "vuex": "^3.5.1"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.13.6",

src/app.js

@@ -1,10 +1,14 @@
 import Vue from 'vue'
-import store from './store'
+import store from './store/index'
 
 import './app.scss'
 
 // Vue.config.productionTip = false
 
+// 引入项目通用（顶层）方法对象
+import ToolClass from './util/PublicMethod/index'
+Vue.prototype.ToolClass = ToolClass
+
 const App = new Vue({
   store,
   onShow (options) {

src/pages/HuiShengHuo/index.vue

@@ -2,11 +2,14 @@
   <view class="page">
     荟生活
     <view @tap="LinkTo">button</view>
+    <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
   </view>
 </template>
 
 <script>
 
+import { createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions } = createNamespacedHelpers('user')
 export default {
   name: 'HuiShengHuo',
   data () {
@@ -14,16 +17,42 @@ export default {
 
     }
   },
+  computed: {
+    ...mapUserState({
+      UserPlaylist: x => x.UserPlaylist
+    })
+  },
   components: {
   },
   created () {
     this.Init()
   },
   methods: {
+    ...mapUserActions([
+      'GetUserPlaylist'
+    ]),
     Init () {
+      wx.getSetting({
+        success (res) {
+          if (res.authSetting['scope.userInfo']) {
+            // 已经授权，可以直接调用 getUserInfo 获取头像昵称
+            wx.getUserInfo({
+              success: function (res) {
+                window.alert(JSON.stringify(res.userInfo))
+              }
+            })
+          }
+        }
+      })
+      // this.GetUserPlaylist({ queryData: { accountId: 5, pageNum: 1, pageSize: 1000 } }).then((res) => {
+      //   console.log(this.UserPlaylist)
+      // })
+    },
+    LinkTo () {
+      wx.navigateTo({ url: 'ActivityList/index' })
     },
-    LinkTo(){
-      wx.navigateTo({url: 'ActivityList/index'})
+    bindGetUserInfo (e) {
+      console.log(e.detail.userInfo)
     }
   }
 }

src/pages/SignIn/index.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-
 export default {
   name: 'SignIn',
   data () {

src/store/index.js

@@ -0,0 +1,22 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+  },
+  mutations: {
+  }
+})
+
+export const modules = {
+  user: () => require('./user/index').default
+}
+
+Object.keys(modules).forEach(modKey => {
+  const modNS = modKey.split('/')
+  const getMod = modules[modKey]
+  store.registerModule(...modNS, getMod())
+})
+
+export default store

src/store/user/index.js

@@ -0,0 +1,33 @@
+
+import Api from '../../util/Api/index'
+import ToolClass from '../../util/PublicMethod/index'
+
+export default {
+  namespaced: true,
+  state: {
+    UserPlaylist: [] // 用户片单
+  },
+  mutations: {
+    UpdateUserPlaylist (state, data) {
+      state.UserPlaylist = data || []
+    }
+  },
+  actions: {
+    GetUserPlaylist (context, payload) {
+      return new Promise((resolve, reject) => {
+        ToolClass.WxRequest({
+          url: Api.GetUserPlaylist.url,
+          method: Api.GetUserPlaylist.method,
+          ...payload,
+          success (res) {
+            context.commit('UpdateUserPlaylist', res.data.data.list)
+            resolve(res)
+          },
+          error (res) {
+            reject(res)
+          }
+        })
+      })
+    }
+  }
+}

src/util/Api/index.js

@@ -0,0 +1,11 @@
+
+const prefix = process.env.NODE_ENV === 'production' ? '' : ''
+
+const Api = {
+  GetUserPlaylist: { // 获取用户片单
+    method: 'get',
+    url: `${prefix}/pieceGroup/listGroup`
+  }
+}
+
+export default Api

src/util/PublicMethod/index.js

@@ -0,0 +1,42 @@
+import qs from 'qs'
+const ToolClass = {
+  ReplaceURLParams (url, params) {
+    const args = { ...(params || {}), org: 'MQ' }
+    return Object.keys(args).reduce((acc, k) => { // 此方法对每个元素进行处理
+      const re = new RegExp(`:${k}(?!w)`, 'i')
+      return acc.replace(re, args[k])
+    }, url)
+  },
+  WxRequest (config) { // 网络请求
+    let urlData = qs.stringify(config.urlData)
+    let queryData = qs.stringify(config.queryData)
+    // 判断是通过斜杠传参
+    if (config.url.indexOf(':') > -1) {
+      if (typeof config.urlData === 'object') {
+        config.url = this.ReplaceURLParams(config.url, config.urlData)
+      } else {
+        config.url = config.url.slice(0, config.url.indexOf(':')) + urlData
+      }
+    }
+    if (queryData) {
+      config.url += '?' + queryData
+    }
+    wx.request({
+      url: `http://121.40.96.72:91${config.url}`,
+      method: config.method,
+      ...(config.data || {}),
+      success: (res) => {
+        if (config.success !== undefined) {
+          config.success(res)
+        }
+      },
+      fail: (res) => {
+        if (config.error !== undefined) {
+          config.error(res)
+        }
+      }
+    })
+  }
+}
+
+export default ToolClass