php - Web 应用程序 - 显示月份功能的 slider

Question

对于学校项目，我们必须构建一个 Web 应用程序。我将创建一些东西，让人们可以跟踪他们的类(class)、家庭作业和空闲时间。计划员/日历。 (我在这里听起来真的很蹩脚，但是嘿，我累了，英语不是我的第一语言；))

我将在 CodeIgniter 中为 PHP 逻辑工作，结合通常的.. CSS、jQuery、mySQL。 PHP 是该类(class)的必修课；我选择在 CI 中做这件事，因为好吧..我想学习这个框架。我们有点不得不炫耀我们在“学校生涯”的这个阶段可以做些什么。

无论如何，我想询问有关我想要实现的功能的一些见解。在我的页面顶部，我想显示一个包含一个月中天数的条形图。在天数下方，我将通过一些点来显示当天添加了多少任务。当用户单击上一个或下一个时，我想显示上/下个月的天数。我还希望在此框下方有某种滑块，用户可以使用它来左右滑动，并以这种方式循环播放。我希望这是有道理的？

编辑 2:我希望滑块为 动态 .如果用户滑动到上个月或下个月，或者单击按钮，我希望它加载上个月/下个月的日期并显示这些日期。此外，假设我们在一个月的 26 号，滑块必须显示类似于本月的 10-31 和下个月的 1-10 的内容。我想我还必须更改我的月份指示(与此处的图像不同)，以便用户知道另一个月份何时开始(我将向他们显示月份的名称)。

这是一张图片(不要介意日期被弄乱了，我懒得在 Photoshop 中正确地做到这一点。将修复那个 tomo):


我一直在看 jQuery UI 滑块。我想我必须从数据库或使用 PHP 获取天数？我猜 cal_days_in_month函数在这里可以派上用场。当用户单击箭头或向左或向右滑动时，我不希望页面刷新。我应该在那里进行 ajax 调用吗？老实说，我不太确定如何实现这一点。这些数字也是指向显示在此栏下方的日历类型 View 的链接。
我可以为此使用 CI Calendar 类吗？或者它更适合成熟的谷歌日历类型的日历？我以为this screencast也许有用？

如果可能的话，有人可以提供一些关于如何开始工作以及我可以使用哪些插件/等的见解吗？老实说，我不确定从哪里开始。我相信我可以以某种方式解决这个问题，但我想通过这里的一些帮助来启动会很好。我看到的主要问题是滑块/下一个/上一个内容和上个月/下个月的加载。

提前致谢。

编辑:我意识到有些人可能会说/想“天哪，你为什么不使用你拥有的技能，而不是尝试一些你必须问我们的事情!”。嗯，这是因为我实际上想在做这个项目的同时学到一些东西。请记住，我不是在这里要求代码行，我只是要求了解从哪里开始以及使用什么东西；也许可以帮助我的小片段。谢谢。

更新:

我有一个非常基本的“日间酒吧”工作。仍然没有滑块，上一个和下一个按钮也不起作用，但是嘿......至少它动态填充它。它显示当天前 5 天，然后是本月直到月底。剩下要填写的内容会被下个月的几天填满。很基本。但是，我确实有几个问题!

自从昨天有人告诉我，我通过做一些事情的方式打破了设计模式，我对我现在的工作方式非常偏执，我真的很想从“CodeIgniter pro's”那里得到一些反馈。为了填写“日栏”，我使用几种方法创建了一个助手。 (一种动态填充您在图片中看到的“月年”的方法，另一种方法 init() 加载日期列表，就像我之前解释的那样)。我在 Controller 中加载了这个助手，现在我在我的 View 中使用这些方法:

    <ul>
        <?php
            init($current_day_of_month, $current_month, 
                          $current_year, $days_in_current_month, $show_history);
        ?>
    </ul>

然后 helper 在我看来回应了我的一天值(value)观。这是好还是坏的做法？当我想开始为此编写代码时，我一直在思考错误的方式。我想在我的 Controller 中的某个地方有一个函数，然后从 View 中调用它，但我读到我不应该那样做。 . 我不得不扭转我的逻辑。我发现很难理解我必须通过将数据数组发送到我的 View (从我的 Controller )来做到这一点的事实，所以我选择创建帮助程序。好的？坏的？任何提示、我应该阅读的资源、我应该观看的截屏视频？谢谢一堆。

Answer 1

如果您希望您的系统是动态的，关键是要缩短数据传输时间。因此，正如 icchanobot 所说，使用 Ajax 发送特定月份的请求。使用获取:

'some_controller?m=' + month + '&y=' + year

甚至:

'some_controller?next' // or previous

Controller 必须获取正确月份的数据，但不能将整个月的数据发回 - 仅以尽可能紧凑的格式显示显示所需的数据。您可以查询在该月的哪几天运行了多少事件:

选择日期，计数(事件)
FROM event_table
'yyyy-mm-01' 和 'yyyy-mm-31' 之间的日期
按天分组
按天订购；

查询需要适应您的数据结构 - 使用函数从完整日期中获取日期，并且可能使用索引以便查询快速返回数据。

然后 Controller 返回一个尽可能短的字符串，相关数据按天顺序排序:

1=3,15=1,29=2

这意味着“第 1 个 = 3 个事件，第 15 个 = 1 个事件，29 个 = 2 个事件”。如果您不想要事件的数量，那么“1,15,2”就足够了。空天不传送。

数据由网页上的 ajax 事件处理程序接收，您可以使用 split 对其进行解析，然后使用循环填充滑块。

在一个非常动态的应用程序中，最大的阻力是当您反复询问下个月和下个月时它是否会变慢。
几个小技巧:

等待数据时更新显示；您发送您的查询，并在处理过程中，您可以将月份滑入 View 中，使用正确的天数，看起来被禁用，以便用户立即知道他们将获得他们的数据，并且正在进行中。然后当数据到来时，填充并突出显示。虽然它不是，但它会感觉瞬间。

避免处理用户不再需要的信息。如果有人点击“下一步”三下，他们想要的是 7 月的数据，而不是 5 月、6 月和 7 月的数据。不要处理你没有显示的内容。

缓存您已经询问过的数据，除非您希望系统动态返回服务器以获取日历的最新状态。您已要求提供 5 月和 6 月的数据，但未显示；当用户点击“返回”时，不要再次询问该数据。

祝你好运!