2006-10-16 星期一

本篇博客介绍了作者开始学习J2EE Web组件编程技术的经历,包括更换授课教师后对课程整体结构和教学计划的初步了解,以及对HTML基础知识的学习。
今天开始学习所谓的《J2EE Web组件编程技术》,换了个老师,讲了一些这个课程的大概组成以及教学计划,我觉得这样还是蛮不错的,起码对课程首先有个大概的了解。然后是一些html的基础知识l.
假设你的课表数据是一个数组,每个元素包含了这门课程的信息,比如: ``` courses: [ { week: '1-10', time: '1-5', day: '星期一', name: '软件测试基础', location: '本部-实222' }, { week: '9-16', time: '6-9', day: '星期一', name: '大数据系统综合运用', location: '本部-实333' }, // ... ] ``` 然后你可以使用 `v-for` 指令循环遍历这个数组,渲染出课表: ``` <table> <thead> <tr> <th>时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <!-- ... --> </tr> </thead> <tbody> <tr v-for="i in 13"> <td>{{ i }}</td> <td v-for="j in 7"> <template v-for="(course, index) in courses"> <template v-if="course.day === weekdays[j] && isCourseInWeek(course.week, i) && isCourseInTime(course.time, j)"> <td :rowspan="getCourseDuration(course.time)" :key="index"> {{ course.week }}周({{ course.time }}节)-{{ course.day }}-{{ course.name }}-{{ course.location }} </td> </template> </template> </td> </tr> </tbody> </table> ``` 在模板中,我们使用两个嵌套的 `v-for` 循环遍历每个时间和每个星期,然后使用 `v-if` 指令过滤出符合条件的课程,并使用 `:rowspan` 属性控制单元格的跨度,渲染出课表。同时,我们还使用了一些辅助函数,比如 `isCourseInWeek` 和 `isCourseInTime` 来判断这门课程是否在当前周和当前时间段内,`getCourseDuration` 来计算这门课程的时间跨度。 完整的代码可能会比较长,这里只是给你一个大致的思路,希望对你有所帮助。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值