首页导航接口/用户课程接口开发

Author: wangtunan

server/app.js

@@ -19,6 +19,7 @@ import articleRouter from './interface/article.js'
 import lessonRouter from './interface/lesson.js'
 import cartRouter from './interface/cart.js'
 import orderRouter from './interface/order.js'
+import userLessonRouter from './interface/userLesson.js'
 import mongoose from 'mongoose'
 import dbConfig from './config.js'
 
@@ -76,6 +77,7 @@ app.use(articleRouter.routes(), articleRouter.allowedMethods())
 app.use(lessonRouter.routes(), lessonRouter.allowedMethods())
 app.use(cartRouter.routes(), cartRouter.allowedMethods())
 app.use(orderRouter.routes(), orderRouter.allowedMethods())
+app.use(userLessonRouter.routes(), userLessonRouter.allowedMethods())
 
 // 启动服务
 app.listen(port, () => {

server/initData/navigation.js

@@ -0,0 +1,32 @@
+const navData = [
+  {
+    title: '前沿 / 区块链 / 人工智能',
+    code: '4'
+  },
+  {
+    title: '前端 / 小程序 / JS',
+    code: '0'
+  },
+  {
+    title: '后端 / JAVA / Python',
+    code: '1'
+  },
+  {
+    title: '移动 / Android / iOS',
+    code: '2'
+  },
+  {
+    title: '云计算 / 大数据 / 容器',
+    code: '3,5'
+  },
+  {
+    title: '运维 / 测试 / 数据库',
+    code: '6,7'
+  },
+  {
+    title: 'UI设计 / 3D动画 / 游戏',
+    code: '8'
+  }
+]
+
+export default navData

server/interface/home.js

@@ -2,6 +2,8 @@ import Router from 'koa-router'
 import Slider from '../models/slider.js'
 import Teacher from '../models/teacher.js'
 import Student from '../models/student.js'
+import Navigation from '../models/navigation.js'
+import Label from '../models/label.js'
 import { ERR_OK } from '../config.js'
 const router = new Router({
   prefix: '/home'
@@ -25,6 +27,62 @@ router.get('/slider', async (ctx) => {
   }
 })
 
+// 首页导航接口
+router.get('/nav', async (ctx) => {
+  try {
+    const labelList = await Label.find()
+    const navList = await Navigation.find().sort({
+      sort: 1
+    }).lean()
+    if (labelList.length === 0 || navList.length === 0) {
+      ctx.body = {
+        code: -1,
+        msg: '获取首页导航数据失败',
+        data: []
+      }
+      return false
+    }
+    let LabelNormalizeList = []
+    for (let index = 0; index < labelList.length; index++) {
+      const label = labelList[index]
+      const findIndex = LabelNormalizeList.findIndex(item => item.code === label.type.code)
+      if (findIndex === -1) {
+        LabelNormalizeList.push({
+          title: label.type.text,
+          code: label.type.code,
+          list: [label.title]
+        })
+      } else {
+        LabelNormalizeList[findIndex].list.push(label.title)
+      }
+    }
+    for (let index = 0; index < navList.length; index++) {
+      const nav = navList[index]
+      const splitCodeArr = nav.code.split(',')
+      splitCodeArr.forEach(code => {
+        const findIndex = LabelNormalizeList.findIndex(item => +item.code === +code)
+        if (findIndex !== -1) {
+          if (!navList[index].hasOwnProperty('tags')) {
+            navList[index]['tags'] = [LabelNormalizeList[findIndex]]
+          } else {
+            navList[index]['tags'].push(LabelNormalizeList[findIndex])
+          }
+        } 
+      })
+    }
+    ctx.body = {
+      code: ERR_OK,
+      msg: '获取首页导航数据成功',
+      data: navList
+    }
+  } catch (e) {
+    ctx.body = {
+      code: -1,
+      msg: e.message || '服务器异常'
+    }
+  }
+})
+
 // 首页精英讲师接口
 router.get('/teacher', async (ctx) => {
   const result = await Teacher.find()

server/interface/order.js

@@ -3,6 +3,7 @@ import Order from '../models/order.js'
 import Cart from '../models/cart.js'
 import Bill from '../models/bill.js'
 import Recharge from '../models/recharge.js'
+import UserLesson from '../models/userLesson.js'
 import axios from 'axios'
 import { getGuid, getOrderId } from '../../src/utils/utils.js'
 import { ERR_OK, payWay, SIZE } from '../config.js';
@@ -109,6 +110,7 @@ router.post('/pay', async (ctx) => {
   }
   try {
     let insertBillData = []
+    let userLessonData = []
     const searchResult = await Order.findOne({
       userid: userid,
       code: code
@@ -205,6 +207,17 @@ router.post('/pay', async (ctx) => {
           code: way
         }
       })
+      userLessonData.push({
+        id: getGuid(),
+        userid: userid,
+        lessonid: item.id,
+        title: item.title,
+        img: item.img,
+        type: {
+          text: '实战课程',
+          code: 1
+        }
+      })
     })
     const orderResult = await Order.findOneAndUpdate({
       userid: userid,
@@ -219,8 +232,9 @@ router.post('/pay', async (ctx) => {
         code: way
       }
     })
-    const result = await Bill.insertMany(insertBillData)
-    if (orderResult && result) {
+    const billResult = await Bill.insertMany(insertBillData)
+    const userLessonResult = await UserLesson.insertMany(userLessonData)
+    if (orderResult && billResult && userLessonResult) {
       ctx.body = {
         code: ERR_OK,
         msg: '订单支付成功'

server/interface/userLesson.js

@@ -0,0 +1,46 @@
+import Router from 'koa-router'
+import UserLesson from '../models/userLesson.js'
+import { SIZE, ERR_OK } from '../config.js'
+const router = new Router({
+  prefix: '/user/course'
+})
+
+// 课程列表
+router.get('/list', async (ctx) => {
+  const userid = ctx.session.user_id
+  const { page = 1, size = SIZE, type } = ctx.query
+  try {
+    let where = { userid }
+    if (type) {
+      where['type.code'] = type
+    }
+    const total = await UserLesson.find(where).countDocuments()
+    const result = await UserLesson.find(where).skip((page - 1) * size).limit(+size)
+    if (result) {
+      ctx.body = {
+        code: ERR_OK,
+        msg: '获取用户课程数据成功',
+        data: {
+          list: result,
+          total: total
+        }
+      }
+    } else {
+      ctx.body = {
+        code: -1,
+        msg: '获取用户课程数据失败',
+        data: {
+          list: [],
+          total: 0
+        }
+      }
+    }
+  } catch (e) {
+    ctx.body = {
+      code: -1,
+      msg: e.message || '服务器异常'
+    }
+  }
+})
+
+export default router

server/models/navigation.js

@@ -0,0 +1,34 @@
+import mongoose from 'mongoose'
+import navData from '../initData/navigation.js'
+import { getGuid } from '../../src/utils/utils.js'
+const Schema = mongoose.Schema
+const NavigationSchema = new Schema({
+  id: {
+    type: String,
+    required: true,
+    unique: true,
+    index: true
+  },
+  title: {
+    type: String,
+    required: true
+  },
+  code: {
+    type: String,
+    required: true
+  },
+  sort: Number
+})
+
+const navigationModel = mongoose.model('navigation', NavigationSchema)
+// 判断是否有数据，无数据则初始化
+navigationModel.find((err, data) => {
+  if (!data || data.length === 0) {
+    navData.forEach((item, index) => {
+      item.id = getGuid()
+      item.sort = index
+      navigationModel.create(item)
+    })
+  }
+})
+export default navigationModel

server/models/userLesson.js

@@ -15,6 +15,14 @@ const UserLessonSchema = new Schema({
     type: String,
     required: true
   },
+  title: {
+    type: String,
+    required: true
+  },
+  img: {
+    type: String,
+    required: true
+  },
   percent: {
     type: Number,
     default: 0
@@ -42,6 +50,14 @@ const UserLessonSchema = new Schema({
   questions: {
     type: Number,
     default: 0
+  },
+  type: {
+    text: String,
+    code: Number
+  },
+  lastChapter: {
+    type: String,
+    default: ''
   }
 })
 

src/api/home.js

@@ -2,7 +2,7 @@ import axios from 'utils/axios.js'
 
 // 获取主页导航信息
 export function getHomeNav () {
-  return axios.get('/mock/home/nav.json')
+  return axios.get('/mock/home/nav')
 }
 
 // 获取主页滚动轮播数据

src/api/user.js

@@ -33,6 +33,8 @@ export function updateUserInfo (data) {
 }
 
 // 获取用户课程信息接口
-export function getUserCourse () {
-  return axios.get('/mock/user/course.json')
+export function getUserCourse (params) {
+  return axios.get('/mock/user/course/list', {
+    params
+  })
 }

src/pages/home/nav-content.vue

@@ -1,20 +1,28 @@
 <template>
   <div class="nav-content">
     <div class="tags">
-      <div v-for="(tags,index) in content.tags" :key="index" class="tags-item">
+      <div
+        v-for="(tags,index) in tags"
+        :key="index"
+        class="tags-item"
+      >
         <h2 class="title-box">
-          <span class="title">{{ tags.subtitle }}</span>
+          <span class="title">{{ tags.title }}</span>
           <span class="line" />
         </h2>
         <ul class="list">
-          <li v-for="(tag, index) in tags.list" :key="index" class="tag">
+          <li
+            v-for="(tag, index) in tags.list"
+            :key="index"
+            class="tag"
+          >
             {{ tag }}
           </li>
         </ul>
       </div>
     </div>
 
-    <div class="nav-course">
+    <!-- <div class="nav-course">
       <div v-for="(course,index) in content.course" :key="index" class="course-item">
         <div class="img-box">
           <img :src="course.img" width="64" height="42" alt="">
@@ -33,14 +41,14 @@
           </p>
         </div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
 export default {
   props: {
-    content: {
-      type: Object,
+    tags: {
+      type: Array,
       required: true
     }
   }