移动校园（5）：课程表数据获取及展示

首先写下静态页面，起初打算做成一周的课表，由于是以小程序的形式展现，所以显示一周的话会很拥挤，所以放弃下面的方案，改作一次显示一天

改后结果如下，后期还会进行外观优化

 

真正困难的部分是数据获取 大家大致看下数据库中的数据

可以看到timeandlocation这一列非常复杂，而且包含了课程表需要的关键信息，需要对其中的数据进行抽丝剥茧般的处理

我的思路大致如下：首先前端要传入专业名称和 年级以及班级，然后数据取查询匹配classname这一列，然后得到初步的结果，然后对结果的timeandlaction列进行提却，然后进行正则匹配，我使用了二次正则匹配，第一次匹配周数，周数格式是 %d-%d，要求就是大于等于前者，同时小于等于后者，然后对第二步的结果进行第二次匹配，因为传入的是数字类型的星期，但是数据库中的星期几最后一个字是汉字，所以需要完成数字到汉字的映射代码如下

router.get('/course/:str/:week/:day',async (req,res)=>
{
    let NumToStr=['','一','二','三','四','五','六','日']
    let {str,week,day}=req.params
    let {recordset}=await req.app.locals.db.query(`select * from courses where classname like '%${str}%'`)
    let weeks=recordset.filter((value)=>
    {
        if(value.timeandlocation!="")
        {
            let array=value.timeandlocation.split(',')
            let result=array[0].match(/(\d+-\d+)周/)[1]
            let time=result.split('-')
            return  time[0]<=week&&time[1]>=week
        }
    })
    let days=weeks.filter((value)=>
    {
        if(value.timeandlocation!="")
            {
                let array=value.timeandlocation.split(',')
                let flag=false
                let result=array.map(value=>
                    {
                        let d= value.match(/星期(一|二|三|四|五|六|日)/)
                        if(d[1]==NumToStr[day])
                        flag=true
                    }
                )
                return flag
            }
    })
    res.send(days)
})

最后的结果如图，完成对规定周数内，指定星期课程的查询