说书客啊
说书客啊

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)

1，项目背景

随着计算机技术的发展，网络技术对我们生活和工作显得越来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。为了满足不同人们对网络需求，各种特色，各种主题的网站也在不断增加。

为了满足音乐爱好者，明星崇拜者，各种专辑痴迷着的需求，一批以音乐为主题的网站也应运而生。

由于以往的静态网页存在单调，维护任务大，缺乏和用户的交互，随着计算机软件知识的推广，动态网页正在走向普通的网页设计师的生活。

本站设计目标就是以SpringBoot和vue为基础框架设计一个以音乐播放动态交互网站，用户可以在浏览过程中，实现和本站信息的交互。

2，需求分析

2.1 系统需求

普通用户可以使用前台系统，当用户在系统中注册信息之后，使用账户密码登录之后可以使用前台系统的所以基本功能，如音乐播放，个人信息修改，音乐收藏，音乐评价，音乐收索等功能。

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第1张图片

管理员用户可以通过账户登录之后进行后台管理界面，在后台系统当中管理员可以一览所有的基本数据如系统存在的歌曲数量，歌手数量，以及播放量等等，管理员用户可以对用户模块、歌手模块、歌单模块、评价模块以及分类模块进行增删改查操作。管理员用户还可以修改自身的账户密码。

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第2张图片

2.2 功能需求

本系统分为前台系统和后台管理系统，前台系统包括：用户个人信息模块，歌曲模块，评论模块。后台管理系统包括：用户管理模块，歌手管理模块，歌单管理模块，评论管理模块，数据展示模块。

  1. 用户个人信息模块
功能名称 功能描述
用户信息修改 用户登录之后可修改自己注册时所填写的信息
登录 用户通过注册好的账户信息进行登录
注册 用户进入指定的界面进行信息填写，个人确认信息以及系统判定信息之后可注册成功。
  1. 歌曲模块
功能名称 功能描述
歌曲播放 用户点击歌曲，歌曲会自动播放，并且在下方会出现歌曲播放的进度条。
歌曲下载 用户点击歌曲的下载按钮，歌曲会下载到用户的本地磁盘。
歌曲收藏 用户登录之后，可以对喜欢的歌曲进行收藏，只需要点击收藏按钮即可。
  1. 评论模块
功能名称 功能描述
歌单评价 可以对歌单进行言论评价以及打分。
  1. 用户管理模块
功能名称 功能描述
添加用户 管理员登录之后可以对普通用户进行添加操作
修改用户 管理员登录之后可以对普通用户的信息进行修改
查询用户 管理员登录之后可以通过翻页进行查询用户，也可以通过关键字进行模糊查询。
删除用户 管理员登录之后可以删除普通用户的账户。
  1. 歌手管理模块
功能名称 功能描述
添加歌手 管理员登录之后可以对歌手进行添加操作
修改歌手信息 管理员登录之后可以对歌手的信息进行修改操作
查询歌手 管理员登录之后可以进行翻页查找歌手，也可以进行关键字的模糊查询
删除歌手 管理员登录之后可以删除选中的歌手信息
  1. 歌单管理模块
功能名称 功能描述
添加歌单 管理员登录之后可以对歌单进行添加操作
修改歌单 管理员登录之后可以对歌单的信息进行修改
查询歌单 管理员登录之后可以翻页查询歌单信息，也可以进行模糊查询
删除歌单 管理员登录之后可以删除选中的歌单
  1. 评论管理模块
功能名称 功能描述
评论查询 管理员登录之后可以对用户的评论进行查看
评论删除 管理员登录之后可以对用户的评论进行删除
  1. 数据展示模块
功能名称 功能描述
数据展示 管理员登录之后直接进入系统首页，在首页当中会展示歌手，歌曲，歌单等基本数据，还会对歌曲，歌单等数据的分布进行图形化分析以便于分析。

3，技术栈

本系统中技术使用，后端技术涉及到Spring Boot，Spring Security，MyBatis-Plus，MySQL，Redis等，前端技术涉及到Vue.js，Element-UI，ECharts，Axios等。

  • SpringBoot是当前流行的Java EE体系框架，Spring Boot提供了一种新的编程范式，能在小的阻力下开发Spring应用程序，可以更加敏捷地开发Spring应用程序，专注于应用程序的功能，不用在Spring的配置上多花功夫，甚至完全不用配置。Spring Boot遵循约定大于配置的理念，在父子工程理念上极大程度上解决了依赖冲突的问题。
  • Spring Security是Spring家族中的安全框架，Spring Boot对于Spring Security提供了自动化配置方案，可以零配置使用 Spring Security、Spring Security借助过滤器技术对Web应用进行保护，包括认证和授权两个过程。
  • Mybatis-Plus是一个Mybatis（opens new window）的增强工具，在Mybatis的基础上只做增强不做改变，为简化开发。
  • MySQL是目前世界上最流行的开源关系数据库，大多应用于互联网行业。
  • Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。
  • log4j是Apache下的一款开源的日志框架,能够满足我们在项目中对于日志记录的需求。
  • Vue 是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
  • Element-UI 是基于 Vue 实现的一套不依赖业务的 UI 组件库，提供了丰富的 PC 端组件，减少用户对常用组件的封装，降低了开发的难易程度。
  • ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
  • Axios是一个基于promise的HTTP库，类似于jQuery的ajax，用于http请求。可以应用于浏览器端和node.js，既可以用于客户端，也可以用于node.js编写的服务端。 有源码 获取源码

4，系统设计

功能权限设计

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第3张图片

5，音乐网站页面展示

5.1 登录/注册

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第4张图片登录
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第5张图片注册

5.2 首页

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第6张图片首页
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第7张图片首页全览

5.3 搜索歌曲

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第8张图片

5.4 歌单

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第9张图片
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第10张图片

5.4.1 歌单详情

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第11张图片

5.5 歌手

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第12张图片歌手页面
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第13张图片歌手详情页

5.6 播放页

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第14张图片歌曲播放页
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第15张图片歌曲播放列表

5.6.1 播放页功能

播放页功能从左到右，分别是：收藏歌曲、下载歌曲、播放列表、音量调节

在这里插入图片描述

在这里插入图片描述

5.7 我的

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第16张图片个人中心
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第17张图片编辑个人资料

5.8 现场

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第18张图片

6，后台管理页面展示

6.1 登录

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第19张图片

6.2 首页

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第20张图片

6.3 用户管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第21张图片

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第22张图片添加用户
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第23张图片修改用户

6.3.1 用户收藏管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第24张图片

6.4 歌手管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第25张图片

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第26张图片修改歌手
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第27张图片添加歌手

6.4.1 歌手歌曲管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第28张图片

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第29张图片添加歌曲
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第30张图片修改歌曲

6.5 歌单管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第31张图片

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第32张图片添加歌单
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第33张图片修改歌单

6.5.1 歌单歌曲管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第34张图片
计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第35张图片

6.5.2 歌单评论管理

计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)_第36张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,spring,boot,毕业设计,java,vue,intellij,idea,后端)

  • Spring Cloud 和 Dubbo 区别
    SpringCloud和Dubbo是两种主流的微服务框架，它们在设计理念、技术实现和应用场景上有显著差异。以下是两者的核心区别及各自的优缺点分析：一、核心区别1.初始定位与设计理念SpringCloud：定位为微服务架构的一站式解决方案，提供完整的分布式系统开发工具链（如服务注册、配置中心、网关、熔断器等），注重微服务治理的全面性。Dubbo：起源于SOA时代，核心关注服务调用与治理（如RPC通信
  • 商城项目秒杀业务秒杀业务完善和网关配置路由转发----商城项目 旧约Alatus 电商项目#Spring-Cloud框架#Spring-Boot框架springboot分布式springspringcloud后端mybatis微服务
    packagecom.alatus.mall.seckill.app;importcom.alatus.common.utils.R;importcom.alatus.mall.seckill.service.SecKillService;importcom.alatus.mall.seckill.to.SecKillSkuRedisTo;importorg.springframework.bea
  • HashMap 的底层数据结构与 put 操作流程
    1.HashMap的底层数据结构HashMap是Java中实现了Map接口的一个常用类，主要用来存储键值对（Key-Value）。它底层依赖于哈希表（HashTable）实现，主要使用数组和链表（或红黑树）两种数据结构。主要组成：数组：HashMap使用一个数组来存储所有的桶（bucket），每个桶可以存储一个或多个键值对。链表：当多个键值对的哈希值相同时（即哈希冲突），这些元素会存储在同一个桶的
  • VsCode使用 keep one's resolveY 前端vscodeide编辑器
    vscode前端vue项目启动：Vue项目的创建启动及注意事项-CSDN博客vscode使用教程：史上最全vscode配置使用教程-夏天的思考-博客园vscode如何从git拉取代码：vscode如何从git拉取代码•Worktile社区
  • vue3 Teleport的使用及场景。 gxw_viva vue3学习笔记vue.js前端javascript
    Vue3中的Teleport（传送门）是一个非常有用的特性，它允许你在DOM树中的任意位置动态地渲染组件。Teleport实质上是将组件的内容“传送”到指定的目标位置，而不受组件自身所在位置的限制。Teleport的使用场景包括但不限于：模态框（Modal）：你可以使用Teleport将模态框的内容渲染到标签之外，以避免模态框受到父级容器CSS样式的影响，并且可以保证在层叠顺序上处于最顶层。弹出菜
  • MATH2110 - STATISTICS 3 后端
    MATH2110-STATISTICS3SPRINGSEMESTERSEMESTER2025Coursework1Deadline:3pm,Friday14/3/2025Yourneat,clearly-legiblesolutionsshouldbesubmittedelectronicallyasaJupyterorPDFfileviatheMATH2110Moodlepagebythedea
  • 【前端】【vue-i8n】【element】Element 框架国际化配置指南：从 element-ui 到 element-plus 患得患失949 面试考题专栏（前后端）前端组件前端系统功能vue.js前端uii18nvue-i18nelment
    Element框架国际化配置指南：从element-ui到element-plus在全球化的大背景下，构建支持多语言的应用程序变得愈发重要。Element作为一款广泛使用的前端UI框架，为开发者提供了便捷的国际化（i18n）解决方案。本文将详细介绍在element-ui和element-plus中如何进行按需加载里的i18n定制。一、element-ui的i18n定制（一）官方文档指引elemen
  • 【Vue3从零开始-第四章】5-3 传送门Teleport AI画手小王 前端javascriptcss
    前菜为了很好的讲解传送门的意思，我们需要用一个常用的例子去学，那就是弹出层会用到的透明蒙版。constapp=Vue.createApp({data(){return{show:false}},methods:{handleClick(){this.show=!this.show}},template:`点击`});constvm=app.mount('#root');定义一个模板，里面有一个盒子
  • IDEA报错：编码 GBK 的不可映射字符 北冰洋漂流 JAVA学习intellij-ideajavaide
    时间：2024.03终端：WindowspowerShell软件：IntelliJIDEA2023.3.4使用JDK17问题描述：在终端运行javacTest.java后报错：编码GBK的不可映射字符原因分析：新的JDK字符集默认是utf-8，而原先是GBK，GBK可以用UTF-8解析，而控制台则是GBK，这个时候改成了UTF-8，控制台就用GBK方式解析UTF-8了。因此把Fileencodin
  • vue框架使用 asuka613 前端基础知识汇总前端javascriptvue.js
    1.vue基础1.1特点渐进式框架国人开发、易学、易上手Vue的核心库只关注视图层声明式渲染组件系统1.2开发模式比较常见的三种开发模式：MVC、MVP、MVVMMVVM模式M：（model）数据对象，数据层V：（view）前端展示页面，显示层VM：（ViewModel）vue对象，逻辑层所谓的mvvm模式，通过vm层可以将v层和m层的数据进行双向绑定1.3设计模式设计模式：开发模式、发布订阅模式
  • 深入解析Vue3单文件组件：原理、场景与实战 念九_ysl Vuevue.js前端javascript
    一、SFC是什么？单文件组件（Single-FileComponents，SFC）是Vue的标志性特性，以.vue为扩展名的文件将模板、逻辑和样式封装在单一文件中。Vue3的SFC在保留经典设计的同时，针对现代开发需求进行了多项优化：{{count}}+1import{ref}from'vue'constcount=ref(0)constincrement=()=>count.value++.co
  • Teleport——Vue3项目中的传入，传送门 诸葛韩信 JavaScriptvue.jsvue
    为什么会有Teleport的出现？那是因为写组件有的时候真的很繁琐，而且一个项目有可能有很多弹框或者其它公用的模块。如果是跟操作一个DOM一样方便，倒是省事了不少。这个时候，我们想起来vue2有一个PortalVue组件，这妥妥的是vue2年代的好用工具，正如该项目在git上的描述一样“APortalComponentforVuejs,torenderDOMoutsideofacomponent,
  • Java进阶之泛型 m0_74823878 面试学习路线阿里巴巴java开发语言
    泛型(Generics)定义泛型：允许在定义类、接口和方法时使用类型参数，从而在编译时捕获类型错误，提高代码的类型安全性和复用性。主要用途类型安全：避免类型转换错误，编译时检查类型安全。代码复用：通过泛型可以编写通用的类和方法，适用于多种数据类型。消除强制类型转换：在使用泛型时，编译器会自动进行类型转换，减少代码中的强制类型转换。泛型的基本语法标记符T是类型参数，通常使用T、E、K、V等字母来表示
  • @Schedule定时任务+分布式环境一些踩过的坑~ 架构文摘JGWZ 分布式学习后端
    定时任务的实现方式多种多样，框架也是层出不穷。“本文所谈及的是SpringBoot本身所带有的@EnableScheduling、@Scheduled实现定时任务的方式。以及采用这种方式，在分布式调度中可能会出现的问题，又针对为什么会发生这种问题？又该如何解决，做出了一些叙述。为了适合每个阶段的读者，我把前面测试的代码都贴出来啦~确保每一步都是有迹可循的，希望大家不要嫌啰嗦，感谢一、搭建基本环境基
  • 极速上手 VUE 3——teleport传送门组件(1)，web开发技术 2401_84092398 程序员前端vue.jsjavascript
    //标签名。上述实例就是加入body元素内，使用的是标签名。//类名。如：to=“.className”//id名1.1、多个teleport使用多个teleport传送门组件可以将内容都挂载到一个目标上，多个teleport组件内容就是兄弟节点，先挂载的在前面，后挂载的在后面。使用如下：第一个挂载元素第二个挂载元素运行结果如图：上边的实例等价于：第一个挂载元素第二个挂载元素二、为什么使用tele
  • 深入解析Java线程模型：从BIO到NIO的性能跃迁之路 千里码！ 后端技术javaIOjavajavanio开发语言
    深入解析Java线程模型：从BIO到NIO的性能跃迁之路编程相关书籍分享：https://blog.csdn.net/weixin_47763579/article/details/145855793DeepSeek使用技巧pdf资料分享：https://blog.csdn.net/weixin_47763579/article/details/145884039引言在高并发网络编程中，线程模型的
  • memcached的cache机制是怎样的？思维导图 代码示例（java 架构) 用心去追梦 memcachedjava架构
    Memcached的缓存机制Memcached的缓存机制围绕着其作为高性能分布式内存对象缓存系统的核心功能展开。以下是关于Memcached缓存机制的主要方面：1.数据存储与检索键值对存储：所有数据都以键值对的形式存储，键是唯一的字符串标识符，值可以是任意类型的数据。SlabAllocator(分配器)：Memcached使用SlabAllocator来管理内存，它将内存分割成不同大小的“slab
  • 132java ssm springboot基于大数据的吉林省农村产权交易数据分析可视化平台系统（源码+文档+运行视频+讲解视频） QQ2279239102 springboot大数据数据分析开发语言mavenvue.js
    文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架springboot前端框架vue持久层框架MyBaitsPlus系统测试四、代码参考源码获取目的摘要：本文介绍了基于JavaSSM和SpringBoot开发的吉林省农村产权交易数据分析可视化平台系统，为农村产权交易市场提供决策支持。系统前端利用HTML、CSS和JavaScript构建直观的可视化界面，后端运用Ja
  • 使用第三方工具监控 SpringBoot 接口超时，简单几步搞定！ 程序员蜗牛g springbootspringboot后端java
    点击上方“程序员蜗牛g”，选择“设为星标”跟蜗牛哥一起，每天进步一点点程序员蜗牛g大厂程序员一枚跟蜗牛一起每天进步一点点31篇原创内容公众号为了实现SpringBoot项目的接口超时监控并触发邮件告警，以下是一些常用的第三方工具和解决方案，可根据项目规模和需求灵活选择。一、开源方案1.Prometheus+Alertmanager+Grafana功能特点：Prometheus：时序数据库，实时采集
  • 干掉复杂代码！ Spring Boot + CQRS 黄金组合，太优雅了！ 程序员蜗牛g springbootspringbootjava数据库
    微服务架构的兴起放大了CQRS的必要性。在分布式系统中，服务通常需要自治和高度解耦，CQRS提供了一条清晰的路径。每个微服务都可以采用CQRS模式，确保其处理命令和查询的内部机制从其他服务中抽象出来。这也与领域驱动设计（DDD）非常吻合，其中领域事件可以触发不同微服务中的命令。潜在的陷阱虽然CQRS提供了许多好处，但它也面临着挑战：复杂性增加：引入CQRS会增加开销，尤其是在读取和写入之间的区别不
  • 深入了解构建分布式微服务架构的利器：Spring Cloud Alibaba 和光同尘·心止 架构分布式微服务springcloud
    目录分布式微服务简介SpringCloudAlibaba简介核心组件Nacos组件Ribbon组件feign组件Sentinel组件seata组件gateway组件RabbitMQ组件组件安装步骤参考链接：阿里云官方文档：https://help.aliyun.com/阿里github官方文档：https://github.com/alibaba/SpringCloudAlibaba官方文档：ht
  • Java面试学习资源 web13595609705 面试学习路线阿里巴巴java面试学习
    【网站】牛客网https://www.nowcoder.com/【网站】力扣https://leetcode.com/https://leetcode-cn.com/problemset/all/中文社区【网站】尚学堂总结的几百道面试题，以及面试需要注意什么https://www.bjsxt.com/javamianshiti.html【网站】java面试题网http://www.wityx.co
  • 使用 Spring Boot Admin 管理和监控 Spring Boot 应用程序 AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介SpringBoot是一款开源框架，它让初学者能够快速地开发出基于Spring框架的应用程序。在过去的一年中，SpringBoot在GitHub上持续活跃，在全球范围内取得了令人瞩目的数据，获得了大量关注。目前，SpringBoot的版本号已经从2.x发展到了2.5.x、2.6.x和2.7.x。根据GitHub上的Star数据，截至2021年9月1日，Sprin
  • vue页面路由缓存的一种方法 曾不错吖 缓存vue.js前端
    vue页面路由缓存的一种app.vueapp.vue页面需要这样写：https://blog.csdn.net/shoping110/article/details/129237854?ops_request_misc=&request_id=&biz_id=102&utm_term=vue3%E7%9A%84keep-alive%E5%A4%9A%E9%A1%B5%E9%9D%A2%E4%BD%
  • 【Java环境】配置极简描述 Earnest～ java开发语言
    241220241220241220Java环境配置下载JDK注意：最好下载Long-TermSupportLTS，长期支持版本【目前是JDK21】下载地址：JavaDownloads|Oracle.下载这个：x64Installer。安装时，路径可改，其余无脑下一步。1.配环境目的：在任意文件夹下都可以运行java。新建系统变量：JAVA_HOME，指向安装目录C:\develop\jdk（这是
  • Vue3移动端的路由动态缓存之keep-alive的使用 梦凡尘 vuejavascript前端vue.js
    我所碰到的问题是，从不同路由跳转至同一路由时动态更改该目标路由所绑定的组件的缓存状态在app.vue文件中添加下列代码letstore=useStore();letkeepAliveList=computed(()=>store.state.keepAliveList);这里默认大家已经掌握了全局路由守卫和vuex或者pinia全局状态管理的用法。其中store中的keepAliveList中保存
  • Vue 全站缓存之 keep-alive ： 动态移除缓存 css3html5csdn VueVue全站缓存之keep-alive：动态移除缓存
    阅读本文之前，默认大家对vue和keep-alive都很熟悉，所以不再啰嗦相关资料，直接进入正文有耐心的话，且听我细细道来，如果你遇到过类似问题，或正在寻找解决方案，那么你可以直接翻到文末看结论。以一个记账项目举例，常见的场景有首页、记到账页面、选择合同、新建合同、选择客户、新建客户这些页面。在这些页面中，很显然，用户的浏览行为应该是逐渐深入的，通俗得讲就是浏览页面在不断前进。而且这些页面之间还是
  • 【Swift 算法实战】判断数组中是否存在重复元素 网罗开发 Swiftvue.jsleetcode算法
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 非常哇塞的 SpringBoot性能优化长文！ 肥肥技术宅 java大数据java
    SpringBoot已经成为Java届的No.1框架，每天都在蹂躏着数百万的程序员们。当服务的压力上升，对SpringBoot服务的优化就会被提上议程。本文将详细讲解SpringBoot服务优化的一般思路，并附上若干篇辅助文章作为开胃菜。本文较长，最适合收藏之。1.有监控才有方向在开始对SpringBoot服务进行性能优化之前，我们需要做一些准备，把SpringBoot服务的一些数据暴露出来。比如
  • vue使用keep-alive缓存页面优化项目 Y18. vuevue.js缓存javascript
    概念keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive是一个抽象组件：它自身不会渲染成一个DOM元素，也不会出现在父组件链中。作用在组件切换过程中把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性参数include字符串或正则表达式。只有名称匹配的组件会被缓存。exclude字符串或正则表达
  • 异常的核心类Throwable 无量 java源码异常处理exception
    java异常的核心是Throwable，其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage，记录异常信息，getMessage核心方法，获取这个参数的值，我们可以自己定义自己的异常类，去继承这个Exception就可以了，方法基本上，用父类的构造方法就OK，所以这么看异常是不是很easy package com.natsu;
  • mongoDB 游标（cursor） 实现分页 迭代 开窍的石头 mongodb
    上篇中我们讲了mongoDB 中的查询函数，现在我们讲mongo中如何做分页查询      如何声明一个游标        var mycursor = db.user.find({_id:{$lte:5}});       迭代显示游标数
  • MySQL数据库INNODB 表损坏修复处理过程 0624chenhong tomcatmysql
    最近mysql数据库经常死掉，用命令net stop mysql命令也无法停掉，关闭Tomcat的时候，出现Waiting for N instance(s) to be deallocated 信息。查了下，大概就是程序没有对数据库连接释放，导致Connection泄露了。因为用的是开元集成的平台，内部程序也不可能一下子给改掉的，就验证一下咯。启动Tomcat,用户登录系统，用netstat -
  • 剖析如何与设计人员沟通 不懂事的小屁孩 工作
    最近做图烦死了，不停的改图，改图……。烦，倒不是因为改，而是反反复复的改，人都会死。很多需求人员不知该如何与设计人员沟通，不明白如何使设计人员知道他所要的效果，结果只能是沟通变成了扯淡，改图变成了应付。 那应该如何与设计人员沟通呢？ 我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说，整天玩的都是点、线、面、配色，哪种构图看起来协调；哪种配色看起来合理心里跟明镜似的，
  • qq空间刷评论工具 换个号韩国红果果 JavaScript
    var a=document.getElementsByClassName('textinput'); var b=[]; for(var m=0;m<a.length;m++){ if(a[m].getAttribute('placeholder')!=null) b.push(a[m]) } var l
  • S2SH整合之session 灵静志远 springAOPstrutssession
    错误信息： Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
  • xmp标签 a-john 标签
    今天在处理数据的显示上遇到一个问题： var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span>' + text + '</div></li>'; ulComme
  • Ajax的常用技巧（2）---实现Web页面中的级联菜单 aijuans Ajax
    在网络上显示数据，往往只显示数据中的一部分信息，如文章标题，产品名称等。如果浏览器要查看所有信息，只需点击相关链接即可。在web技术中，可以采用级联菜单完成上述操作。根据用户的选择，动态展开，并显示出对应选项子菜单的内容。 在传统的web实现方式中，一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息，放置到页面中对应的位置，然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
  • 天-安-门，好高 atongyeye 情感
        我是85后，北漂一族，之前房租1100，因为租房合同到期，再续，房租就要涨150。最近网上新闻，地铁也要涨价。算了一下，涨价之后，每次坐地铁由原来2块变成6块。仅坐地铁费用，一个月就要涨200。内心苦痛。     晚上躺在床上一个人想了很久，很久。        我生在农
  • android 动画 百合不是茶 android透明度平移缩放旋转
    android的动画有两种  tween动画和Frame动画   tween动画;,透明度,缩放,旋转,平移效果   Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation 位置移动 Animation
  • 查看本机网络信息的cmd脚本 bijian1013 cmd
    @echo 您的用户名是：%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt" @echo 您的机器名是：%COMPUTERNAME%>>"%userprofile%\网络参数.txt" @echo ___________________>>"%userprofile%\
  • plsql 清除登录过的用户 征客丶 plsql
    tools---preferences----logon history---history  把你想要删除的删除 -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一起进步。 email ： binary_spac
  • 【Pig一】Pig入门 bit1129 pig
    Pig安装 1.下载pig   wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz   2. 解压配置环境变量      如果Pig使用Map/Reduce模式，那么需要在环境变量中，配置HADOOP_HOME环境变量   expor
  • Java 线程同步几种方式 BlueSkator volatilesynchronizedThredLocalReenTranLockConcurrent
    为何要使用同步？      java允许多线程并发控制，当多个线程同时操作一个可共享的资源变量时（如数据的增删改查），      将会导致数据不准确，相互之间产生冲突，因此加入同步锁以避免在该线程没有完成操作之前，被其他线程的调用，      从而保证了该变量的唯一性和准确性。 1.同步方法&
  • StringUtils判断字符串是否为空的方法（转帖） BreakingBad nullStringUtils“”
    转帖地址：http://www.cnblogs.com/shangxiaofei/p/4313111.html   public static boolean isEmpty(String str)   　　判断某字符串是否为空，为空的标准是 str== null  或 str.length()== 0  
  • 编程之美-分层遍历二叉树 bylijinnan java数据结构算法编程之美
    import java.util.ArrayList; import java.util.LinkedList; import java.util.List; public class LevelTraverseBinaryTree { /** * 编程之美 分层遍历二叉树 * 之前已经用队列实现过二叉树的层次遍历，但这次要求输出换行，因此要
  • jquery取值和ajax提交复习记录 chengxuyuancsdn jquery取值ajax提交
    // 取值 // alert($("input[name='username']").val()); // alert($("input[name='password']").val()); // alert($("input[name='sex']:checked").val()); // alert($("
  • 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression comsci java应用服务器工作Excel嵌入式
    这个开源软件包是国内的一位高手自行研制开发的，正如他所说的一样，我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用，并提出意见和建议。。。 ----------转帖--------------------------------------------------- IK Expression是一个开源的（OpenSource），可扩展的（Extensible），基于java语言
  • 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer daizj spring
    1、PropertyPlaceholderConfigurer Spring中PropertyPlaceholderConfigurer这个类，它是用来解析Java Properties属性文件值，并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。 基本的使用方法是：(1) <bean id="propertyConfigurerForWZ&q
  • 二叉树:二叉搜索树 dieslrae 二叉树
        所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表. tree代码:
  • C语言字符串函数大全 dcj3sjt126com cfunction
    C语言字符串函数大全     函数名: stpcpy 功 能: 拷贝一个字符串到另一个 用 法: char *stpcpy(char *destin, char *source); 程序例:   #include <stdio.h> #include <string.h>   int main
  • 友盟统计页面技巧 dcj3sjt126com 技巧
    在基类调用就可以了, 基类ViewController示例代码 -(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
  • window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 flyvszhb javajdk
    window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 本机已经安装了jdk1.7，而比较早期的项目需要依赖jdk1.6，于是同时在本机安装了jdk1.6和jdk1.7. 安装jdk1.6前，执行java -version得到 C:\Users\liuxiang2>java -version java version "1.7.0_21&quo
  • Java在创建子类对象的同时会不会创建父类对象 happyqing java创建子类对象父类对象
      1.在thingking in java 的第四版第六章中明确的说了，子类对象中封装了父类对象，   2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
  • 跟我学spring3 目录贴及电子书下载 jinnianshilongnian spring
        一、《跟我学spring3》电子书下载地址： 《跟我学spring3》  （1-7 和 8-13） http://jinnianshilongnian.iteye.com/blog/pdf     跟我学spring3系列 word原版 下载     二、 源代码下载 最新依
  • 第12章 Ajax（上） onestopweb Ajax
    index.html <!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/
  • BI and EIM 4.0 at a glance blueoxygen BO
    http://www.sap.com/corporate-en/press.epx?PressID=14787   有机会研究下EIM家族的两个新产品~~~~   New features of the 4.0 releases of BI and EIM solutions include: Real-time in-memory computing –
  • Java线程中yield与join方法的区别 tomcat_oracle java
    长期以来，多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中，我得到了一个机会)，但是理解多线程对增加你的信心很有用。之前，我讨论了一个wait()和sleep()方法区别的问题，这一次，我将会讨论join()和yield()方法的区别。坦白的说，实际上我并没有用过其中任何一个方法，所以，如果你感觉有不恰当的地方，请提出讨论。 &nb
  • android Manifest.xml选项 阿尔萨斯 Manifest
    结构 继承关系 public final class Manifest extends Objectjava.lang.Objectandroid.Manifest 内部类 class Manifest.permission权限 class Manifest.permission_group权限组 构造函数 public Manifest () 详细 androi
  • Oracle实现类split函数的方 zhaoshijie oracle
    关键字：Oracle实现类split函数的方 项目里需要保存结构数据，批量传到后他进行保存，为了减小数据量，子集拼装的格式，使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个，也补全了一下。 CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100); cr
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他