草庐IT

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

coder 2023-06-12 原文

对于学校项目,我们必须构建一个 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 )来做到这一点的事实,所以我选择创建帮助程序。好的?坏的?任何提示、我应该阅读的资源、我应该观看的截屏视频?谢谢一堆。

最佳答案

如果您希望您的系统是动态的,关键是要缩短数据传输时间。因此,正如 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 月的数据,但未显示;当用户点击“返回”时,不要再次询问该数据。

  • 祝你好运!

    关于php - Web 应用程序 - 显示月份功能的 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5615270/

    有关php - Web 应用程序 - 显示月份功能的 slider的更多相关文章

    1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

      我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep,它会中断应用程序。否则,计算机将持续运行数周,直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗?欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数,使应用程序能够通知系统它正在使用中,从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

    2. ruby - 将差异补丁应用于字符串/文件 - 2

      对于具有离线功能的智能手机应用程序,我正在为Xml文件创建单向文本同步。我希望我的服务器将增量/差异(例如GNU差异补丁)发送到目标设备。这是计划:Time=0Server:hasversion_1ofXmlfile(~800kiB)Client:hasversion_1ofXmlfile(~800kiB)Time=1Server:hasversion_1andversion_2ofXmlfile(each~800kiB)computesdeltaoftheseversions(=patch)(~10kiB)sendspatchtoClient(~10kiBtransferred)Cl

    3. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

      我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

    4. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    5. ruby - 如何指定 Rack 处理程序 - 2

      Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

    6. ruby - 在 Ruby 中编写命令行实用程序 - 2

      我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后,Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用,我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

    7. ruby-on-rails - Rails 应用程序之间的通信 - 2

      我构建了两个需要相互通信和发送文件的Rails应用程序。例如,一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情,所以我什至不知道从哪里开始。任何帮助,将不胜感激。谢谢! 最佳答案 无论Rails是什么,几乎所有Web应用程序都有您的要求,大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去,网站不应直接访问彼此

    8. ruby - 无法运行 Rails 2.x 应用程序 - 2

      我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器,然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

    9. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗? - 2

      刚入门rails,开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗?有哪些用例。您如何为Rails应用程序使用应用程序Controller?我不想在那里放太多代码,因为据我了解,每个请求都会调用此Controller。这是真的? 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度,尽管在某些情况下ApplicationContr

    10. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

      所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

    随机推荐