亦云小组KTV点歌系统简介

20级青鸟四班 亦云小组

指导老师:穆老师   班主任:佟老师

小组成员:

组长:靳天宇

组员:王晓丹 谢佳泽 王睿志 蒲璐颖 张铨政

目录:

1.首页 2.项目前台 3..项目后台

总结:

本次KTV项目总结。总体来说,相比于一期的:“HTML网页制作项目”难度要大很多。刚接手时,我们每一个人都有一定的压力。心想着,凭借自己的能力能不能做好这次项目?怎样将它完美无瑕地展现在观众的面前。经过一天的紧密筹划与分配。用时一周制作的KTV项目终于从我们的手中打造而成,展示观众的面前。

本组所制作的KTV系统点歌系统,实现了让客户进行基本的查歌、点歌、切歌的功能。以及后台开发人员对系统的维护、对歌曲信息进行的增删改等等的操作。

这些功能的实现,都离不开项目开发人员的精诚团结、刻苦钻研的精神。我们会认真地对待每一个细节,用心去做它。让它完美地展现在你们的面前!

主页:

页面布局:

由右边的酒水,娱乐,点歌等字样组成的类似于导航栏的功能

图.1

由上述图片图.1组成的KTV点播功能

上图组成了的KTV主页的主体

由榜单,歌星,语种,拼音,MV,分类,字数组成

功能:

  1. 可以实现通过主页来进入不同的点歌样式页面

  2. 实现了对歌曲的暂停播放,切歌,气氛,重唱,音量加减,唱歌,返回主页,上一首,下一首的功能

特色:

  1. 按住或单击播放等功能会变色

  2. 创新的加入了音量进度条可以通过单击或者滑动来改变音量

  3. 提示功能——背景均由半透明的黑色或白色打底

  4. 创新-加入了歌曲进度条功能可以根据当前播放的时间而前进

已点功能:

页面布局:由已点组成

功能:

  • 可以删除歌曲

  • 点播歌曲

  • 点击歌曲后切换歌曲

特色:

  • 可以上下页
  • 已点的图标里的数字可以根据已点歌单的数量而变化
  • 点已点图标显示再点一下隐藏

歌星点歌:

页面布局:由歌单列表和歌星点歌页面组成

功能:

可以通过点击歌星的名字来查询歌曲

特色:

  • 选择歌曲会变色
  • 支持显示歌星照片并进行上下页
  • 背景都是半透明的黑色

语种点歌:

页面布局:

由歌单列表和语种点歌页面组成

功能:

可以通过点击大陆,日韩,香港等来查询歌曲

可以通过点击返回显示主页

特色:

  • 支持语种页进行上下页
  • 支持显示歌曲和歌手姓名并进行上下页
  • 背景都是半透明的黑色

分类点歌:

页面布局:由歌单列表和分类点歌页面组成

分类点歌里面有热门流行,经典老歌,游戏动漫组成(更多分类可在后台添加)

功能:

  • 可以通过点击热门流行,经典老歌,游戏动漫等来查询歌曲
  • 可以通过点击返回显示主页
  • 可以将查询的歌曲通过点击加入到已点中

特色:

  • 背景都是半透明的黑色
  • RGB颜色切换渲染气氛
  • 分类可上下页

字数点歌:

页面布局:

  • 由歌单列表和字数点歌页面组成
  • 字数点歌里面由数字和查找删除组成

功能:

字数点歌里面可以输入查询歌曲字数

  • 不输入数字则查询全部歌曲
  • 可以通过点击返回显示主页
  • 可以将查询的歌曲通过点击加入到已点中

特色:

  • 歌曲添加到已点列表后变色
  • 背景都是半透明的黑色

换肤功能:

  • 由内置的4个皮肤预览图组成
  • 单击可以切换皮肤

皮肤:

酒水页面:

页面布局:由酒水的点击按钮,酒水,支付页面 构成

功能:

  • 单击酒水可以打开酒水的页面 单击一款酒水或者饮料会显示共多少元
  • 名称的后面会根据你点了几下而变化
  • 点击支付可以选择支付宝和微信的方式支付
  • 点击取消关闭酒水页面并全部清0

登录页面:

主后台页面:

页面布局:由导航栏和主页面构成

功能:

可以点击导航栏来增删改查

后台查询:

依次是查询歌曲信息,查询歌手信息,查询歌手类型,查询歌曲类型

鼠标通过右击进行修改或删除歌手信息,歌曲信息,歌手类别,歌曲类别

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/324003.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

学习手记(2018/7/14~2018/7/18)——快乐纪中

2018/7/14:普通的纪中一天 儿子兄弟表示法 将一颗多叉树转换为二叉树的方法,左子节点连原树的第一个儿子,右子节点连原树的右边的兄弟 适用范围:树形dp 数位dp常见方法 状态压缩 分类讨论记忆法(记忆化搜索&#x…

Entity Framework Core 2.0 特性介绍和使用指南

前言 这是.Net Core 2.0生态生态介绍的最后一篇,EF一直是我喜欢的一个ORM框架,随着版本升级EF也发展到EF6.x,Entity Framework Core是一个支持跨平台的全新版本,可以用三个词来概况EF Core的特点:轻量级、可扩展、跨平…

图解elasticsearch原理转载自

转载自 图解elasticsearch原理 版本 elasticsearch版本: elasticsearch-2.x 内容 图解ElasticSearch 云上的集群 集群里的盒子 云里面的每个白色正方形的盒子代表一个节点——Node。 节点之间 在一个或者多个节点直接,多个绿色小方块组合在一起形成一个Elas…

零云九歌小组KTV点歌系统简介

指导老师:穆老师 班主任:佟老师小组成员:组长:张炜林 副组长:李钰组员:郑宪佳 宋翔 李兆勋 杜庆霖零云九歌目录:1.首页 2.项目前台 3..项目后台总结:本次KTV项目总结。总体来说&am…

Orleans简单配置

话说曾几何时,我第一次看到xml文件,心中闪过一念想:"这<>是什么鬼?"…用ini或者json多简单易懂,现在发觉作为配置文件,json有赶超xml的趋势.不过xml用多了,也觉得顺眼多了.不觉得<>难看了,反而它能折叠让我觉得组织起来也更方便了.这说明一个道理:不是你…

say小组KTV点歌系统简介

指导老师&#xff1a;穆老师 班主任&#xff1a;佟老师小组成员&#xff1a;组长&#xff1a;焦文宇 组员&#xff1a;窦倩 王晓凤 巩固 石虹蔓 田锋目录&#xff1a;1.首页 2.项目前台 3..项目后台总结&#xff1a;从5月25号开始的到6月10号结束&#xff0c;这期间我们遇…

Java虚拟机必学之四大知识要点,附学习资料

转载自 Java虚拟机必学之四大知识要点&#xff0c;附学习资料 作为一位 Java 程序员&#xff0c;在尽情享受 Java 虚拟机带来好处的同时&#xff0c;我们还应该去了解和思考“这些技术特性是如何实现的”&#xff0c;去了解最底层的原理。只有熟悉 JVM&#xff0c;你才能在遇…

程序配置amp;amp;ConfigurationManager

配置组件是.net framework中非常常用的功能。在创建.net framework 工程时&#xff0c;系统不仅会自动生成app.config文件&#xff0c;而且还提供了非常强大的访问类库。但是这些好东西&#xff0c;在.net core 2.0中已经不复存在&#xff0c;至少说没有.net framework 中那么完…

既然参与,那就做好,我相信我们是最棒的!!!

‍‍大家好&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。今天是3班的KTV项目答辩&#xff0c;也是20级的最后一个班级&#xff0c;连续6天的KTV项目答辩终于告一段落。回顾各班所做的项目&#xff0c;通过我自己参与点评的以及从班内参观同学…

又发生频繁FGC,这次是谁的锅

转载自 又发生频繁FGC&#xff0c;这次是谁的锅 这是笨神JVMPocket群里一位名为"云何*住"的同学提出来的问题&#xff0c;问题现象是CPU飙高并且频繁FullGC。 重现问题 这位同学的业务代码比较复杂&#xff0c;为了简化业务场景&#xff0c;笔者将其代码压缩成如…

三个剩两个,两个剩一个,最后一个都没剩下。

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。今天文章的标题本来是&#xff1a;“从未见过如此不要脸耍无赖的人&#xff01;&#xff01;&#xff01;”&#xff0c;后来想了想&#xff0c;毕竟公众号里面还有那么多不同身份的粉丝&a…

算法面试,如何在100 亿URL中判断某个URL是否存在

转载自 算法面试&#xff0c;如何在100 亿URL中判断某个URL是否存在 如果面试官问你&#xff0c;一个网站有 100 亿 url 存在一个黑名单中&#xff0c;每条 url 平均 64 字节。问这个黑名单要怎么存&#xff1f;若此时随便输入一个 url&#xff0c;如何判断该 url 是否在这个…

.NET Core 2.0迁移技巧之web.config配置文件

大家都知道.NET Core现在不再支持原来的web.config配置文件了&#xff0c;取而代之的是json或xml配置文件。官方推荐的项目配置方式是使用appsettings.json配置文件&#xff0c;这对现有一些重度使用web.cofig配置的项目迁移可能是不可接受的。 但是好消息是&#xff0c;我们是…

学会它,可以替你写100行 200行 300行……的代码

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。今天&#xff0c;给大家分享一个非常非常使用的小技巧&#xff0c;那就是&#xff1a;“在webstrom中创建一个简单的vue模板”&#xff0c;根据这个方法&#xff0c;你可以任意的创建html模…

Java中随机数的原理,以及使用时的注意点

转载自 Java中随机数的原理&#xff0c;以及使用时的注意点 1 前言 一提到 Java 中的随机数&#xff0c;很多人就会想到 Random&#xff0c;当出现生成随机数这样需求时&#xff0c;大多数人都会选择使用 Random 来生成随机数。Random 类是线程安全的&#xff0c;但其内部使…

MySql 使用 EF Core 2.0 CodeFirst、DbFirst、数据库迁移(Migration)介绍及示例

dotnet core 2.0 发布已经好几天了&#xff0c;期间也把原来 dotnet core 1.1 的 MVC 项目升级到了 2.0&#xff0c;升级过程还是比较顺利的&#xff0c;变动也不是太多。升级的过程中也少不了 Entity Framwork Core 的升级&#xff0c;在这篇文章中主要介绍下 MySql 数据库使用…

下午带着几个同学打了两节课的牌~

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。大赛的项目目前正在火热进行中&#xff0c;靳天宇小组做的是扑克牌的游戏&#xff0c;除了要做大家耳熟能详的“斗地主”之外&#xff0c;另外在我的建议下准备再加两种玩法&#xff0c;一…

jzoj2137-(GDKOI2004)城市统计【二维前缀和,bfs】

正题 大意 有n*n的矩阵&#xff0c;有居民区有商业区&#xff0c;每个居民区曼哈顿距离最近的商业区的曼哈顿距离就是那个居民区离商业区的距离。每个格子统计一下以它为中心的2∗r12∗r12∗r12∗r1的矩阵内所有居民区离商业区的距离的和。 解题思路 先bfs计算所有居民离商业…

Razor Page–Asp.Net Core 2.0新功能 Razor Page介绍

Razor Page介绍 前言 上周期待已久的Asp.Net Core 2.0提前发布了&#xff0c;一下子Net圈热闹了起来&#xff0c;2.0带来了很多新的特性和新的功能&#xff0c;其中Razor Page引起我的关注&#xff0c;作为web程序员来说&#xff0c;Asp.Net下的任何web框架都会去特别关注&…

二叉 树

文章目录递归方式 先序、中序、后序 遍历非递归方式 先序、中序、后序 遍历实现二叉树的按层遍历求二叉树的最大宽度二叉树的序列化和反序列化二叉树有 left、right、parent &#xff0c;给这样二叉树的某个结点&#xff0c;返回该节点的后继节点折纸条递归方式 先序、中序、后…