- 使用 Spring Initializr 创建 Spring Boot 应用程序
- 在Spring Boot中配置Cassandra
- 在 Spring Boot 上配置 Tomcat 连接池
- 将Camel消息路由到嵌入WildFly的Artemis上
作品描述:仿b站视频项目模板HTML+CSS+JavaScript。主要包括的页面有推荐、推荐、榜单、推荐、游戏、游戏、 音乐、舞蹈等总共8个栏区。
视频链接:寒假充电了吗?快拿走b站源码练练手吧(HTML+CSS+JS)
实现技术:CSS+HTML+JS+H5+CSS3+jQuery;
<!---------- 顶部页面 ---------->
<div id="header">
<!-- 最顶部 -->
<div class="header-top">
<div class="auto-width">
<h1 class="logo fl"><a href="#"><img src="images/logo.png" alt="#"></a></h1>
<div class="search-box fl">
<form action="#">
<input type="text" class="fl search-text" placeholder="Search here...">
<button class="fl search-btn">
<i class="iconfont icon-search"></i>
</button>
</form>
<div class="search-feedback">
<span class="search-hot">今日热搜</span>
<div class="search-menu">
<a href="#" class="item item-cur">
<span>1</span>
<em>OverWatch</em>
</a>
<a href="#" class="item item-cur">
<span>2</span>
<em>电影知道答案</em>
</a>
<a href="#" class="item item-cur">
<span>3</span>
<em>S6</em>
</a>
<a href="#" class="item">
<span>4</span>
<em>夏目友人帐</em>
</a>
<a href="#" class="item">
<span>5</span>
<em>微小而确实的幸福</em>
</a>
<a href="#" class="item">
<span>6</span>
<em>神盾局特工</em>
</a>
<a href="#" class="item">
<span>7</span>
<em>天凉好个秋</em>
</a>
</div>
</div>
</div>
<ul class="header-guide fr">
<li class="guide-item download">
<a href="#">
<i class="iconfont icon-app"></i>
<span>下载客户端</span>
</a>
<div class="guide-hover">
<img src="images/app-download.png" alt="#">
</div>
</li>
<li class="guide-item login">
<a href="#">登录/注册</a>
</li>
<li class="guide-item history">
<a href="#">
<i class="iconfont icon-history"></i>
</a>
<div class="guide-hover">
<span class="text">尚未记录任何历史信息。</span>
<a href="#" class="more">More</a>
</div>
</li>
<li class="guide-item upload">
<a href="#">
<i class="iconfont icon-upload"></i>
</a>
<div class="guide-hover">
<ul>
<li><a href="#">投视频</a></li>
<li><a href="#">投文章</a></li>
</ul>
</div>
</li>
<li class="guide-item collect">
<a href="#">
<i class="iconfont icon-collect"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- 焦点图 -->
<div class="header-banner">
<a href="#" class="bg"></a>
<span class="text">这辆车……到底能不能上啊!!!</span>
<a href="#" class="link"></a>
</div>
<!-- 导航 -->
<div class="header-nav">
<div class="nav-wrap auto-width clearfix">
<a href="#" class="nav-item nav-cur">首页</a>
<a href="#" class="nav-item">番剧</a>
<a href="#" class="nav-item nav-item_hover">动画</a>
<a href="#" class="nav-item nav-item_hover">音乐</a>
<a href="#" class="nav-item nav-item_hover">舞蹈</a>
<a href="#" class="nav-item nav-item_hover">游戏</a>
<a href="#" class="nav-item nav-item_hover">娱乐</a>
<a href="#" class="nav-item nav-item_hover">科技</a>
<a href="#" class="nav-item nav-item_hover">影视</a>
<a href="#" class="nav-item nav-item_hover">体育</a>
<a href="#" class="nav-item nav-item_hover">彼女</a>
<a href="#" class="nav-item nav-item_hover">鱼塘</a>
<a href="#" class="nav-item nav-item_hover">文章</a>
<a href="#" class="nav-item nav-item_hover">合辑</a>
<a href="#" class="nav-rank">
<i class="iconfont icon-rank"></i>
全站排行榜
</a>
</div>
<div class="subNav">
<ul class="auto-width">
<li class="subNav-item">
<a href="#">动画短片</a>
<a href="#">动画资讯</a>
<a href="#">旧番补档</a>
<a href="#">新番连载</a>
<a href="#">MAD·AMV</a>
<a href="#">MMD·3D</a>
<a href="#">2.5次元</a>
<a href="#">国产动画</a>
</li>
<li class="subNav-item">
<a href="#">原创·翻唱</a>
<a href="#">演奏</a>
<a href="#">Vocaloid</a>
<a href="#">日系音乐</a>
<a href="#">综合音乐</a>
<a href="#">演唱会</a>
</li>
<li class="subNav-item">
<a href="#">宅舞</a>
<a href="#">综合舞蹈</a>
</li>
<li class="subNav-item">
<a href="#">主机单机</a>
<a href="#">游戏集锦</a>
<a href="#">电子竞技</a>
<a href="#">LOL</a>
<a href="#">守望先锋</a>
<a href="#">桌游卡牌</a>
<a href="#">Mugen</a>
</li>
<li class="subNav-item">
<a href="#">生活娱乐</a>
<a href="#">鬼畜调教</a>
<a href="#">萌宠</a>
<a href="#">美食</a>
<a href="#">综艺</a>
</li>
<li class="subNav-item">
<a href="#">SF</a>
<a href="#">黑科技</a>
<a href="#">数码</a>
<a href="#">广告</a>
<a href="#">白科技</a>
<a href="#">自我发电</a>
<a href="#">科学技术</a>
<a href="#">汽车</a>
</li>
<li class="subNav-item">
<a href="#">电影</a>
<a href="#">日剧</a>
<a href="#">美剧</a>
<a href="#">国产剧</a>
<a href="#">网络剧</a>
<a href="#">韩剧</a>
<a href="#">布袋·特摄</a>
<a href="#">纪录片</a>
<a href="#">其他</a>
</li>
<li class="subNav-item">
<a href="#">综合体育</a>
<a href="#">足球</a>
<a href="#">篮球</a>
<a href="#">搏击</a>
<a href="#">11区体育</a>
<a href="#">惊奇体育</a>
</li>
<li class="subNav-item">
<a href="#">造型</a>
<a href="#">西皮</a>
<a href="#">爱豆</a>
<a href="#">其他</a>
</li>
<li class="subNav-item">
<a href="#">军事</a>
<a href="#">历史</a>
<a href="#">焦点</a>
</li>
<li class="subNav-item">
<a href="#">文章综合</a>
<a href="#">工作·情感</a>
<a href="#">漫画·轻小说</a>
<a href="#">游戏</a>
</li>
<li class="subNav-item">
<a href="#">AcFun专题</a>
</li>
</ul>
</div>
</div>
</div>
1.1解决部署上线~> 部署上线工具(永久免费使用)
1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~ 简单易懂, 简直神器 ~ 需要可在公z号获取
2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好~)
博主为人老实,无偿解答问题,也会录制一些学习视频教同学们知识❤
如果对您有帮助,希望能给个👍/评论/收藏
您的三连~是对我创作最大的动力支持
关注:前端老实人👇领取源码哦~
我希望使用 API 根据处理 Q 的大小更改运行的 Web 作业实例的数量,我知道我可以在门户中设置规则,但最短聚合时间为 60 分钟,并且我如果我们突然遇到大量工作,不希望系统在扩展之前等待 60
假设我有一个 spark 应用程序并且有两个操作导致两个 spark 作业。 //spark Application //Spark Job1 .... erro
大家好! 作为我对Java的自学的一部分,我正在尝试完成可用的Java初学者分配之一here(非常古老的东西-2001) 问题是我不知道如何应对这个挑战:(我将不胜感激任何建议,因为该解决方案不再可用
我一直在使用 HADOOP 1.2.1 服务器,并在那里执行许多 pig 作业。最近,我考虑将我的 Hadoop 服务器更改为 HADOOP 2.2.0。所以我在 HADOOP 2.2.0 中尝试了一
好的,我修复了静态错误。现在我只是想找出为什么每个对象都得到相同的条目(即相同的名字、年龄、体重等)。这是代码: package classlab3b; import classlab3B.BodyM
我的家庭作业中的一个问题需要一些帮助,我已经尝试了大约一个小时,但无法运行。 列出购买商品数量超过每位顾客平均商品数量的顾客 表格如下: Customer(Cnum, CustomerName, Ad
Kubernetes Jobs重复创建 Pod,直到指定数量的容器成功终止。作业通常与更高级别的CronJob机制一起使用,该机制会按循环计划自动启动新作业。 定期使用 Jobs 和 CronJobs
我有以下工作类(我已经删除了实际的工作代码): @On("0 0 1 * * ?") public class DailyJob extends Job { @Override pub
假设您将 cron 作业配置为每分钟运行一次以做某事。如果实际任务运行时间超过一分钟会发生什么? cron 会创建另一个作业实例/线程吗?还是 cron 会等待并确保上一次运行完成? 谢谢! 最佳答案
我们正在使用 TeamCity 7 并想知道是否可以仅在前一个步骤失败时才运行步骤?我们在构建步骤配置中的选项让您可以选择仅在所有步骤都成功时执行,即使步骤失败,或者始终运行它。 有没有办法仅在前一个
我在 oracle 中编写作业以执行存储过程,但是当时机成熟时,它不会无缘无故地发生任何事情。 是否有某种日志可以让我查看是否发生了错误或其他事情? 我使用 dbms_job 包来创建作业 恩克斯。
我正在用 Java 创建一个用于文件共享的 p2p 应用程序。每个对等节点都将在我的机器上的不同端口上运行并监听请求。但我遇到的问题是,当创建 PeerNode 实例时,我的代码会进入无限循环。以下是
我正在尝试创建一个队列,但当我运行 php artisanqueue:work 时它不起作用,我在终端中得到的只是 [2017-11-30 19:56:27] Processing: App\Jobs
我正在使用PHP库phpseclib0.2.2将SSH自动化到我的一台服务器中。我将其设置为每5分钟运行一次的cron任务。 在设置完它并确保其运行等情况下注销后,我看到了以下内容: $ logout
有没有办法获取多分支管道作业扫描收集到的所有分支的名称? 我想设置一个依赖于现有构建作业的夜间构建,因此需要检查多分支作业是否包含某些特定分支。另一种方法是检查现有作业。 最佳答案 我通过使用 Jen
我在编程方面还很陌生,我不太确定如何完成分配给我的学校作业。 Write a function void print_min(unsigned char a, short b,int c),which
我的作业有问题,需要帮助! 问题 1: 完成下面的 Java 方法,以便 raiseToPower(x,n) 将数字 x 提高到整数 n 次方(即计算值 xn )。请记住 x-n = 1/xn,x0
我正在做一项家庭作业,该作业有四个文本字段和一个文本区域,以及一个将文本字段和文本区域保存到文本文件的按钮,每行一个元素。然后,应出现一个对话框通知用户文件已保存。当对话框关闭时,它应该清空文本字段和
我需要运行一个名为ArrayHolder的java程序,它将运行两个线程。 ArrayHolder 将有一个 Array。 ThreadSeven 会用 7 覆盖该 Array 的每个元素,并用 1
在我的程序中,应该读取学生姓名、ID 号和 GPA,将其分配给指定的学生,然后打印出来。一切都编译正常,但出现错误 Error: Could not find or load main class L
我是一名优秀的程序员,十分优秀!