JavaScript实现电影网的按条件查找电影的的疑问？

飘冥 2011-11-02 03:46:26
最近刚刚学JavaScript想自己做一个电影网的按条件查找电影的页面。但是没有思路也不知道想一般电影网的筛选流程是怎么样的。小弟想问问各位前辈，有没有做过类似这样的页面，可以指点小弟一二。万分感谢。
http://movie.xunlei.com/type,genre,area,year/movie,Action,8,2011/
这个是迅雷看看的的电影目录索引页，我想做出类似这样的功能。用JavaScript应该可以实现的了吧？
小弟不才，不会网站连接数据库什么的。但是我看这个例子是不是用上连接数据库呢？或者是把电影信息封装到XML文件中，选中好条件后，再解析XML刷新显示目录的div标签？？？？
真心求指定，最好详细一点。真心感谢~！
...全文
567 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
kevinecho 2011-11-06
  • 打赏
  • 举报
 回复
楼上的代码复杂了 而且没有考虑css变化的问题
碧海情天-赵亮 2011-11-05
  • 打赏
  • 举报
 回复
[Quote=引用楼主 dashuji 的回复:]
这个是迅雷看看的的电影目录索引页，我想做出类似这样的功能。用JavaScript应该可以实现的了吧？
小弟不才，不会网站连接数据库什么的。但是我看这个例子是不是用上连接数据库呢？或者是把电影信息封装到XML文件中，选中好条件后，再解析XML刷新显示目录的div标签？？？？
[/Quote]
即使人家用到XML，那也只是数据库和前台之间的一个数据交换的手段，在根本上还是依靠数据库的。

当然也有单纯只用XML作为数据库的，但其实一旦数据多了，效率上是非常不好的，否则还要现在这么多种数据库干什么。

你的问题，是前台用JS肯定能实现，你可以学，可以扒人家的。但后台的数据库和后台编程也必然得用。这方面你可以找人合作，也可以自己学，也可以只学学使用方法而无需开发方法。如果有耐心循序渐进学习，都很容易，但如果想走捷径，不容易，除非找到好师傅。
yjxf8285 2011-11-03
  • 打赏
  • 举报
 回复
内容少还可以，不过我想你做电影网站的话应该数据量不会那么少吧，而且为了将来内容不断的增多，你不用数据库是不行的！
什么都不能 2011-11-03
  • 打赏
  • 举报
 回复
搂主说说怎么个搜法，说不定google哪天就采纳你的想法了
飘冥 2011-11-03
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 theforever 的回复:]
我学习的开始几年里也都象你一样抱着单纯的对技术求知的心情和热情，花了很多时间在一些事情上。但后来非常后悔。现在是把自己作为过来人的教训告诉你，希望你不要在一些实际意义不大的事情上浪费太多时间。

如果说你是要做一个和后台配合的前台条件查询界面，就有意义了。而这个差别不仅是字面上一点区别而已。
[/Quote]
恩 多谢前辈提点，走IT开发的路是艰难的，其中就是靠前辈的提点来让晚辈少走弯路。小弟学习了。
但是这个贴，我再等两天！两天后结贴！
碧海情天-赵亮 2011-11-03
  • 打赏
  • 举报
 回复
我学习的开始几年里也都象你一样抱着单纯的对技术求知的心情和热情，花了很多时间在一些事情上。但后来非常后悔。现在是把自己作为过来人的教训告诉你，希望你不要在一些实际意义不大的事情上浪费太多时间。

如果说你是要做一个和后台配合的前台条件查询界面，就有意义了。而这个差别不仅是字面上一点区别而已。
碧海情天-赵亮 2011-11-03
  • 打赏
  • 举报
 回复
可行，要看怎么个可行。
WEB开发历史已经有二十多年，全球过亿的开发者。再多就不必说了。探索要有正确的控制。
飘冥 2011-11-03
  • 打赏
  • 举报
 回复
因为只是单单做一个界面，我只是想尝试不用数据库怎么实现。所以问问大家。因为我觉得是可行的。恩...只是自己做出来，不用考虑维护性和拓展性的。
Heaven13483 2011-11-02
  • 打赏
  • 举报
 回复
得分，，，得分。。。
碧海情天-赵亮 2011-11-02
  • 打赏
  • 举报
 回复
故意不用后台，只用JS实现，也可以。但在维护上是不可想像的。
碧海情天-赵亮 2011-11-02
  • 打赏
  • 举报
 回复
仅就你的问题，按条件查询电影，和JS其实根本没必然关系。你可以用，但不是必要的。更重要应该是得懂后台程序。
碧海情天-赵亮 2011-11-02
  • 打赏
  • 举报
 回复
不会操作数据库还做什么？难道你一有电影消息就手动去改页面？
如果连现成的电影网站程序都用不明白，那只能建议你下几百个不同类型的软件去把它们都摸索使用明白了，再回来用就容易了。
飘冥 2011-11-02
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 hch126163 的回复:]
保存为 htm 格式 可以看到效果

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"……
[/Quote]
2楼的代码是筛选的雏形，学习到了。不过我想要的效果是在筛选目录地下又有一个div标签。来显示筛选到的结果呢？而且结果是多部电影的简介。每一个简介有分别都以biv标签为容器来装的。那么这些数据，图片和文字要用什么东西先存储呢？
hch126163 2011-11-02
  • 打赏
  • 举报
 回复
保存为 htm 格式 可以看到效果


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <title></title>  

   <style type="text/css">

   *{ margin:0; padding:0; font-size:13px;}

    body {background:#fff;font-size:13px;font-family:宋体,Verdana;color:#666;height:100%; width:100%}

    dd div a{margin-left:10px;}

    a:link {color: #000;text-decoration: none;}

    a:visited {color: #666;text-decoration: none;}

    a:hover {text-decoration: none;color: #F00;	}

    a:active {text-decoration: none;}

    #current{background:blue; color:red;}

   </style>

   </head>

<body>

<div  style="width:600px; height:auto; margin:50px auto; border:1px solid #ddd; padding:10px;">

<h1>笔记本</h1><strong> - 商品筛选</strong>

<div id="select" >

    <dl >

        <dt>品牌：</dt>

        <dd>

            <div>

                <a>全部</a>

                <a>联想（ThinkPad）</a>

                <a>联想（Lenovo）</a>

                <a>惠普（hp）</a>

                <a>宏碁（acer）</a>

            </div>

        </dd>

        

        <dt>价格：</dt>

        <dd>

            <div>

                <a>全部</a>

                <a>3000-3999</a>

                <a>4000-4999</a>

                <a>5000-5999</a>

                <a>6000-6999</a>

            </div>

        </dd>

        

        <dt>尺寸：</dt>

        <dd>

            <div>

                <a>全部</a>

                <a>11英寸</a>

                <a>12英寸</a>

               <a>14英寸</a>

                <a>15英寸</a>

            </div>

        </dd>

    </dl>

</div>

</div>              

</body>

<script type="text/javascript">

window.onload=function()

{

   var divSelect = document.getElementById("select");

   var  ddList = divSelect.getElementsByTagName("dd");

   var aList=[] ; 

   var url = document.location.href;

   var index = url.indexOf("?p=");

   var fileName= (index>0 ? url.substring(0,index):url) +"?p="; //"多条件搜索显示效果.htm?p="; // 当前相对url + "p="

   var p ;

   if(index>0){p=url.substr(index+3); }

   p= p? p.split('-'):[0,0,0];

   

   for(var i=0;i< ddList.length;i++)

    {

       aList.push( ddList[i].getElementsByTagName("a"));

       aList[i][p[i]?p[i]:0].id="current";

     

    } 

    for(var i=0;i< aList[0].length;i++) // 品牌 链接

    {

       aList[0][i].href = fileName + i +'-'+ (p[1]?p[1]:0)+'-'+ (p[2]?p[2]:0);

    }

      for(var i=0;i< aList[1].length;i++) // 价格 链接

    {

       aList[1][i].href = fileName + (p[0]?p[0]:0)+'-'+ i +'-'+ (p[2]?p[2]:0);

    }

      for(var i=0;i< aList[2].length;i++) // 尺寸 链接

    {

       aList[2][i].href = fileName +(p[0]?p[0]:0)+'-'+ (p[1]?p[1]:0)+'-'+ i  ;

    }

    

}

</script>  

</html>
三石-gary 2011-11-02
  • 打赏
  • 举报
 回复
没做过。。帮顶
AI如何自动生成电影网站？6v电影网技术解析
本文介绍如何利用AI技术快速构建类似6v电影网的影视平台，涵盖前后端架构设计、AI驱动的数据采集、自动化内容处理与智能分类，并结合React与Node.js实现前端展示和后端API服务。通过InsCode平台实现一键部署，显著提升开发效率。
基于Java语言SpringBoot的在线电影网
本文介绍基于Java语言的Spring Boot框架构建在线电影网的项目。阐述课题背景，分析用户管理、电影信息管理等需求，进行数据库设计，包含用户表、电影表等。系统实现涵盖前后端开发，使用多种技术。该项目能锻炼编程与协作能力，提升市场洞察力。
基于vue的线上电影网
本文介绍了一个基于Vue前端技术和SpringBoot后端框架的线上电影网系统，采用MySQL数据库和前后端分离架构，实现了用户管理、电影展示、在线观影、评论互动与个性化推荐等功能。系统具备良好的可扩展性与用户体验，提升了平台的智能化水平和服务能力。
用快马AI一键生成你的专属电影网站：6v电影网的克隆与优化
本文介绍如何利用InsCode(快马)平台的AI功能，快速生成并部署一个类似6v电影网的影视资源网站。涵盖技术选型、核心功能实现、性能优化及一键部署全过程，适合无开发经验者使用MERN架构高效构建视频类Web应用。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章