首先写下静态页面,起初打算做成一周的课表,由于是以小程序的形式展现,所以显示一周的话会很拥挤,所以放弃下面的方案,改作一次显示一天
改后结果如下,后期还会进行外观优化
真正困难的部分是数据获取 大家大致看下数据库中的数据
可以看到timeandlocation这一列非常复杂,而且包含了课程表需要的关键信息,需要对其中的数据进行抽丝剥茧般的处理
我的思路大致如下:首先前端要传入专业名称和 年级以及班级,然后数据取查询匹配classname这一列,然后得到初步的结果,然后对结果的timeandlaction列进行提却,然后进行正则匹配,我使用了二次正则匹配,第一次匹配周数,周数格式是 %d-%d,要求就是大于等于前者,同时小于等于后者,然后对第二步的结果进行第二次匹配,因为传入的是数字类型的星期,但是数据库中的星期几最后一个字是汉字,所以需要完成数字到汉字的映射代码如下
router.get('/course/:str/:week/:day',async (req,res)=>
{let NumToStr=['','一','二','三','四','五','六','日']let {str,week,day}=req.paramslet {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=falselet result=array.map(value=>{let d= value.match(/星期(一|二|三|四|五|六|日)/)if(d[1]==NumToStr[day])flag=true})return flag}})res.send(days)
})
最后的结果如图,完成对规定周数内,指定星期课程的查询