老师,内页的切换和科室安排那个表的做法可以提示一下思路吗

老师,内页的切换和科室安排那个表的做法可以提示一下思路吗

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,针对你的问题如下解答:

(1)“内页的切换”是指 点击预约挂号部分内容中的每一项科室单击时都可跳转到scheduling页面吗?可以使用 a标签的跳转功能。

(2)科室排班表的思路:1、先设置布局:

http://img1.sycdn.imooc.com//climg/5e43605709cff30308400302.jpg

(1)最外层的盒子,宽度要设置的就是表格这个区域的宽度。可以存放一星期的内容。超出的隐藏。

http://img1.sycdn.imooc.com//climg/5e436088098ba47d05060090.jpg

(2)schedule这部分,就是嵌套的第二个盒子,需要设置一个很大的宽度,因为要存放7个星期的显示哦。

(3)里面的是一天的情况,一个schedule_box_item表示一天。可以先在htm中写出一个结构,设置下样式,最后注释掉,使用在js中插入就可以了。

2、js导入数据:表格中的数据就是动态获取的。我们这里是通过js仿数据库,生成少量的数据显示。至于如果显示,可参考该思路:

(1)    先定义一个数组,将7天对应的星期几的都先写好。

(2)    作业要求是输入今天即当前日后之后的7个星期的排班。所以我们一共要计算7*7=49天

(3)    通过new date获取当前日期

(4)    当前日期+1天(可通过毫秒数计算),但我们需要的结果是年月日,所以将+1后的值通过new Date转化、然后在通过getDay()、getFullYear()、getMonth()获取符合我们常识的年月日。

(5)    从定义的数组中,取出对应的星期数

(6)    向页面中插入数据,插入数据的同时,还可以将包含数据的节点一起生成、插入dom中。可以不使用表格展示,div元素也可以的

(7)    以上为一天(即一个上午、下午、晚上、头部日期)的结构。循环49次即可

(8)    由于展示值班表的大盒子设置了超出部分隐藏、所以只会显示7天的情况。鼠标单击向后或者向前、动态改变left值或right值了。

(9)插入的hmtl结构,可以参考如下(其实就是与我们开始设置的html结构是对应);例:

http://img1.sycdn.imooc.com//climg/5e4360a3097026ac09970167.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • TechnicalTopSales 提问者 #1
    老师,这些跳转是由不同的html文件进行吗,还是说在一个html文件里进行的
    2020-02-12 16:23:35
好帮手慕码 2020-02-12 18:22:52

同学你好,请问是点击这里的跳转吗?点击下图红框中的内容:

http://img1.sycdn.imooc.com//climg/5e43d1d709e8c96705490274.jpg

跳转到下图:

http://img1.sycdn.imooc.com//climg/5e43d1e5092970cd05420472.jpg

是页面的跳转,是两个html页面哦!

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 TechnicalTopSales #1
    !那就容易很多了,我还以为是同页面。谢啦
    2020-02-12 21:22:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师