快收藏!最适合计算机大学生的Java毕业设计项目--音乐视频网站系统!

  博主介绍全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计

 🍅文末获取源码联系🍅

   精彩专栏推荐👇🏻👇🏻👇🏻👇🏻

Java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.html

目录

前言介绍:

系统实现功能:

系统设计:

设计目标与原则:

业务流程分析:

设计结构图

系统流程图:

功能截图:

前台用户

系统首页:

音乐库:

音乐详情:点赞、评论等操作

付费音乐:

音乐资讯:

个人中心:

用户后台:

在线客服

后台管理:

个人信息:

用户管理:

音乐标签分类:

音乐库管理:

付费音乐管理:

订单中心管理:

付费音频管理:

在线客服管理:

轮播图管理:

音乐资讯管理:

主要代码: 

 spring-mvc配置:

 文件上传:

 音乐库管理:

 论文参考:

 源码获取:


前言介绍:

       随着社会的快速发展,计算机的影响是全面且深入的。人们生活水平的不断提高,日常生活中人们对音乐方面的要求也在不断提高,听歌的人数更是不断增加,使得音乐网站的设计的开发成为必需而且紧迫的事情。音乐网站的设计主要是借助计算机,通过对音乐网站的设计所需的信息管理,增加用户的选择,同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。音乐网站 的设计对用户带来了更多的便利,该系统通过和数据库管理系统软件协作来满足用户的需求。计算机技术在现代管理中的应用,使计算机成为人们应用现代技术的重要工具。能够有效的解决获取信息便捷化、全面化的问题,提高效率。

在当今高度发达的信息中,信息管理改革已成为一种更加广泛和全面的趋势。 “音乐网站 的设计”是基于Mysql数据库,在ssm 框架的基础上实现的。为确保中国经济的持续发展,信息时代日益更新,蓬勃发展。同时,随着信息社会的快速发展,音乐网站的设计面临着越来越多的信息,因此很难获得他们对高效信息的需求,如何使用方便快捷的方式使查询者在广阔的海洋信息中查询,存储,管理和共享信息方面有效,对我们的工作和生活具有重要的现实意义。因此,国内外学术界对此进行了深入而广泛的研究,一个新的研究领域——音乐网站的设计诞生了。

系统实现功能:

        目前许多人仍将传统的纸质工具作为信息管理的主要工具,而网络技术的应用只是起到辅助作用。在对网络工具的认知程度上,较为传统的office软件等仍是人们使用的主要工具,而相对全面且专业的音乐网站的设计的信息管理软件仍没有得到大多数人的了解或认可。本选题则旨在通过标签分类管理等方式,能够实现管理员功能:首页、个人中心、用户管理、音乐标签管理、付费音乐管理、订单中心管理、付费音频管理、系统管理等信息。用户功能:首页、个人中心、订单中心管理、付费音乐管理、我的收藏管理。前台首页:首页、音乐库、音乐资讯、个人中心、后台管理、在线客服等功能。

系统设计:

设计目标与原则:

关于音乐网站 的设计的基本要求

(1)管理员功能要求:可以管理个人中心、用户管理、音乐标签管理、付费音乐管理、订单中心管理、付费音频管理、系统管理等信息管理功等功能模块。

(2)用户功能模块:个人中心、订单中心管理、付费音乐管理、我的收藏管理

(3)性能:在不同操作系统上均能无差错实现在不同类型的用户登入相应界面后能不出差错、方便地进行预期操作。

(4)安全与保密要求:用户都必须通过管理员审核才能进入系统。

(5)环境要求:支持Windows系列、Vista系统等多种操作系统使用。

开发目标

音乐网站 的设计的主要开发目标如下:

(1)实现管理系统信息关系的系统化、规范化和自动化;

(2)减少维护人员的工作量以及实现用户对信息的控制和管理;

(3)方便查询信息及管理信息等;

(4)通过网络操作,提高改善处理问题和操作人员工作的效率;

(5)考虑到用户多样性特点,要求界面和操作简便易懂。

设计原则

本音乐网站的设计采用java语言,Mysql数据库开发,ssm 框架充分保证了系统稳定性、完整性。

音乐网站的设计的设计与实现的设计思想如下:

操作简单方便、系统界面安全良、简单明了的页面布局、方便查询音乐网站 的设计相关信息。

即时可见:对音乐网站 的设计信息的处理将立马在对应地点可以查询到,从而实现“即时发布、即时见效”的系统功能。

业务流程分析:

在系统流程分析当中调查分析它是比较重要的环节,因为在这个系统当中它都涉及到每个环节的业务流程,所以从婚纱摄影网的设计的整体设计上要保证各个信息的正确输入和输出以及对数据储存的完整,并结合实际的操作步骤来绘制出具体的流程图。具体流程图如下图所示:

设计结构图

系统流程图:

下图是用户进入这个网上图书商城后,基本的操作流程。一进入首页便可以进行各种图书商城信息的浏览,包括图书信息等,用户可以根据自身的需求来找适合自己的图书,如果有合适的图书时,就能进行相应的操作,但前提是必须是登录的用户,不然系统会提示需重新登录才可操作。用户也可通过公告的消息,了解实时的情况,这样有助于结合自身,更好的适应网上图书商城的管理需求,最后用户可以根据自己获得信息的满意程度来进行操作

功能截图:

前台用户

登陆,管理员输入个人的账号、密码、角色登录系统,这时候系统的数据库就会在进行查找相关的信息,如果我们输入的账号、密码不正确,数据库就会提示出错误的信息提示,同时会提示管理员重新输入自己的账号、密码,直到账号密码输入成功后,会提登录成功的信息。

系统首页:

前台首页浏览,通过内容列表可以获取网站首页、音乐库、音乐资讯、个人中心、后台管理、在线客服等信息操作内容

音乐库:

音乐库,通过内容列表可以查看

音乐详情:点赞、评论等操作

 

 

付费音乐:

付费音乐管理,通过内容列表可以查看编号、歌名、音乐标签、图片、演唱者、作曲、作词、音乐视频、价格、试听片段等可以进行点赞、评论、购买等操作

音乐资讯:

 

个人中心:

个人中心,通过内容列表可以获取用户名、密码、姓名、年龄、性别、手机、邮箱等信息可进行增、删、改或查看等操作

 

用户后台:

在线客服

后台管理:

个人信息:

个人中心,管理员对个人中心进行操作填写原密码、新密码、确认密码并进行添加、删除、修改以及查看

用户管理:

用户管理,管理员对用户管理进行用户名、密码、姓名、年龄、性别、手机、邮箱等等添加、删除、修改以及查看等操作

音乐标签分类:

音乐库管理:

音乐库管理,通过内容列表获取编号、歌名、音乐标签、图片、演唱者、作曲、作词、音乐视频、音乐等信息可进行详情、修改、删除或查看操作

 

付费音乐管理:

订单中心管理:

订单中心管理,在订单中心管理页面可以查看编号、歌名、音乐标签、演唱者、价格、用户名、是否支付、审核回复、审核、支付以及查看详情

付费音频管理:

在线客服管理:

管理员通过系统管理页面查看在线客服、轮播图、音乐资讯进行上传图片、客服回复、发布资讯进行添加、删除、修改以及查看并对整个系统进行维护等操作

轮播图管理:

音乐资讯管理:

主要代码: 

 spring-mvc配置:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"><mvc:default-servlet-handler/></mvc:annotation-driven><!-- 静态资源配置 --><mvc:resources mapping="/resources/**" location="/resources/"/><!-- 对模型视图名称的解析,即在模型视图名称添加前后缀 --><bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="prefix" value="/WEB-INF/pages/"/><property name="suffix" value=".jsp"/></bean><!-- 拦截器配置 --><mvc:interceptors><mvc:interceptor><mvc:mapping path="/**"/><mvc:exclude-mapping path="/upload"/><bean class="com.interceptor.AuthorizationInterceptor"/></mvc:interceptor></mvc:interceptors><!-- 上传限制 --><bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><!-- 上传文件大小限制为31M,31*1024*1024 --><property name="maxUploadSize" value="32505856"/></bean></beans>

 文件上传:


/*** 上传文件映射表*/
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{@Autowiredprivate ConfigService configService;/*** 上传文件*/@RequestMapping("/upload")public R upload(@RequestParam("file") MultipartFile file, String type,HttpServletRequest request) throws Exception {if (file.isEmpty()) {throw new EIException("上传文件不能为空");}String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);String fileName = new Date().getTime()+"."+fileExt;File dest = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);file.transferTo(dest);if(StringUtils.isNotBlank(type) && type.equals("1")) {ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));if(configEntity==null) {configEntity = new ConfigEntity();configEntity.setName("faceFile");configEntity.setValue(fileName);} else {configEntity.setValue(fileName);}configService.insertOrUpdate(configEntity);}return R.ok().put("file", fileName);}/*** 下载文件*/@IgnoreAuth@RequestMapping("/download")public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {try {File file = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);if (file.exists()) {response.reset();response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName+"\"");response.setHeader("Cache-Control", "no-cache");response.setHeader("Access-Control-Allow-Credentials", "true");response.setContentType("application/octet-stream; charset=UTF-8");IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());}} catch (IOException e) {e.printStackTrace();}}}

 音乐库管理:

/*** 音乐库处理器* @date 2022-02-03 20:15:08*/
@RestController
@RequestMapping("/yinleku")
public class YinlekuController {@Autowiredprivate YinlekuService yinlekuService;/*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params,YinlekuEntity yinleku, HttpServletRequest request){EntityWrapper<YinlekuEntity> ew = new EntityWrapper<YinlekuEntity>();PageUtils page = yinlekuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinleku), params), params));return R.ok().put("data", page);}/*** 前端列表*/@IgnoreAuth@RequestMapping("/list")public R list(@RequestParam Map<String, Object> params,YinlekuEntity yinleku, HttpServletRequest request){EntityWrapper<YinlekuEntity> ew = new EntityWrapper<YinlekuEntity>();PageUtils page = yinlekuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinleku), params), params));return R.ok().put("data", page);}/*** 列表*/@RequestMapping("/lists")public R list( YinlekuEntity yinleku){EntityWrapper<YinlekuEntity> ew = new EntityWrapper<YinlekuEntity>();ew.allEq(MPUtil.allEQMapPre( yinleku, "yinleku")); return R.ok().put("data", yinlekuService.selectListView(ew));}/*** 查询*/@RequestMapping("/query")public R query(YinlekuEntity yinleku){EntityWrapper< YinlekuEntity> ew = new EntityWrapper< YinlekuEntity>();ew.allEq(MPUtil.allEQMapPre( yinleku, "yinleku")); YinlekuView yinlekuView =  yinlekuService.selectView(ew);return R.ok("查询音乐库成功").put("data", yinlekuView);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id){YinlekuEntity yinleku = yinlekuService.selectById(id);yinleku.setClicknum(yinleku.getClicknum()+1);yinleku.setClicktime(new Date());yinlekuService.updateById(yinleku);return R.ok().put("data", yinleku);}/*** 前端详情*/@IgnoreAuth@RequestMapping("/detail/{id}")public R detail(@PathVariable("id") Long id){YinlekuEntity yinleku = yinlekuService.selectById(id);yinleku.setClicknum(yinleku.getClicknum()+1);yinleku.setClicktime(new Date());yinlekuService.updateById(yinleku);return R.ok().put("data", yinleku);}/*** 赞或踩*/@RequestMapping("/thumbsup/{id}")public R thumbsup(@PathVariable("id") String id,String type){YinlekuEntity yinleku = yinlekuService.selectById(id);if(type.equals("1")) {yinleku.setThumbsupnum(yinleku.getThumbsupnum()+1);} else {yinleku.setCrazilynum(yinleku.getCrazilynum()+1);}yinlekuService.updateById(yinleku);return R.ok();}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody YinlekuEntity yinleku, HttpServletRequest request){yinleku.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(yinleku);yinlekuService.insert(yinleku);return R.ok();}/*** 前端保存*/@RequestMapping("/add")public R add(@RequestBody YinlekuEntity yinleku, HttpServletRequest request){yinleku.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());//ValidatorUtils.validateEntity(yinleku);yinlekuService.insert(yinleku);return R.ok();}/*** 修改*/@RequestMapping("/update")public R update(@RequestBody YinlekuEntity yinleku, HttpServletRequest request){//ValidatorUtils.validateEntity(yinleku);yinlekuService.updateById(yinleku);//全部更新return R.ok();}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Long[] ids){yinlekuService.deleteBatchIds(Arrays.asList(ids));return R.ok();}/*** 提醒接口*/@RequestMapping("/remind/{columnName}/{type}")public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, @PathVariable("type") String type,@RequestParam Map<String, Object> map) {map.put("column", columnName);map.put("type", type);if(type.equals("2")) {SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");Calendar c = Calendar.getInstance();Date remindStartDate = null;Date remindEndDate = null;if(map.get("remindstart")!=null) {Integer remindStart = Integer.parseInt(map.get("remindstart").toString());c.setTime(new Date()); c.add(Calendar.DAY_OF_MONTH,remindStart);remindStartDate = c.getTime();map.put("remindstart", sdf.format(remindStartDate));}if(map.get("remindend")!=null) {Integer remindEnd = Integer.parseInt(map.get("remindend").toString());c.setTime(new Date());c.add(Calendar.DAY_OF_MONTH,remindEnd);remindEndDate = c.getTime();map.put("remindend", sdf.format(remindEndDate));}}Wrapper<YinlekuEntity> wrapper = new EntityWrapper<YinlekuEntity>();if(map.get("remindstart")!=null) {wrapper.ge(columnName, map.get("remindstart"));}if(map.get("remindend")!=null) {wrapper.le(columnName, map.get("remindend"));}int count = yinlekuService.selectCount(wrapper);return R.ok().put("count", count);}/*** 前端智能排序*/@IgnoreAuth@RequestMapping("/autoSort")public R autoSort(@RequestParam Map<String, Object> params,YinlekuEntity yinleku, HttpServletRequest request,String pre){EntityWrapper<YinlekuEntity> ew = new EntityWrapper<YinlekuEntity>();Map<String, Object> newMap = new HashMap<String, Object>();Map<String, Object> param = new HashMap<String, Object>();Iterator<Map.Entry<String, Object>> it = param.entrySet().iterator();while (it.hasNext()) {Map.Entry<String, Object> entry = it.next();String key = entry.getKey();String newKey = entry.getKey();if (pre.endsWith(".")) {newMap.put(pre + newKey, entry.getValue());} else if (StringUtils.isEmpty(pre)) {newMap.put(newKey, entry.getValue());} else {newMap.put(pre + "." + newKey, entry.getValue());}}params.put("sort", "clicknum");params.put("order", "desc");PageUtils page = yinlekuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yinleku), params), params));return R.ok().put("data", page);}}

 论文参考:

 源码获取:

大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻获取联系方式👇🏻👇🏻👇🏻

打卡 文章 更新 298/  365天

 精彩专栏推荐订阅:下方专栏👇🏻👇🏻👇🏻👇🏻Java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.html?spm=1001.2014.3001.5482

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

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

相关文章

基于Java+SpringBoot+mybatis+vue+element实现旅游管理系统

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&#x1f447;&#…

基于Java+SpringBoot+vue+elementui社区疫情防控系统详细设计实现

博主介绍&#xff1a;✌公司项目主程、全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&…

基于Java+SpringBoot+vue+elementui药品商城采购系统详细设计实现

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计项目实战✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&#x1f447;&a…

嵌套页面h5怎么调起手机文件_让微信公众号文章排版像网页h5一样高大上

做过微信公众号文章排版的同学都知道&#xff0c;微信自己的排版工具只能排些简单的图文混合。遇到这种同况时&#xff0c;很多同学会考虑用第三方编辑器或直接用他们的模板&#xff0c;然后稍微改改便直接发布。 没有我想要的排版样式怎么办&#xff0c;可以自己设计吗&#x…

基于JavaSpringMVC+vue实现协同过滤电影推荐系统详细设计

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计项目实战✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&#x1f447;&a…

Java开源专业计算引擎:跑批真的这么难吗?

业务系统产生的明细数据通常要经过加工处理&#xff0c;按照一定逻辑计算成需要的结果&#xff0c;用以支持企业的经营活动。这类数据加工任务一般会有很多个&#xff0c;需要批量完成计算&#xff0c;在银行和保险行业常常被称为跑批&#xff0c;其它像石油、电力等行业也经常…

8a 中断 传感器采集_加速度传感器的安装,你get了吗

加速度传感器的安装方法不同&#xff0c;对频响曲线的影响也有差异。加速度传感器的固有频率是否发生变化&#xff0c;取决于使用的安装方法(手持、磁铁、胶水、螺栓等)。从表1可知&#xff0c;用螺栓安装在打磨良好的干净平面上时&#xff0c;频响最高&#xff0c;胶水和磁铁的…

基于Java+SpringBoot+vue+elementui农产品物流系统详细设计实现

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计项目实战✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&#x1f447;&a…

评估指标_机器学习评估方法与评估指标总结

离线评估方法离线评估的基本原理是在离线环境中&#xff0c;将数据集划分为“训练集”和“测试集”&#xff0c;用“训练集”训练模型&#xff0c;用“测试集”评估模型&#xff0c;根据数据集划分方法的不同&#xff0c;离线评估可以分为以下3种。Holdout检验Holdout检验是基础…

猿创征文|基于Java+SpringBoot+vue学生学习平台详细设计实现

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计项目实战✌ &#x1f345;文末获取联系&#x1f345; 精彩专栏推荐&#x1f447;&#x1…

搞 AI 建模预测都在用 Python,其实入门用 SPL 也不错

可用来做人工智能建模预测的工具非常多&#xff0c;比如Python, R, SAS&#xff0c;SPSS等&#xff0c;其中Python由于简单易学、丰富的数据科学库、开源免费等特点备受欢迎。但是对于不太熟悉数据建模算法的程序员来说&#xff0c;使用Python建模还是比较复杂&#xff0c;很多…

win10 联想键盘快捷键关闭_这些Win10键盘快捷键你必须掌握,系统高手必备技能...

随着微软即将对win7停止支持以及官方对win10的大力推广&#xff0c;win10的用户越来越多&#xff0c;大家对它的大部分功能都慢慢熟悉了&#xff0c;如果你还只是会用ctrlc和ctrlv&#xff0c;那就说明你out了。我们会发现真正的高手都是用快捷键操作&#xff0c;用快捷键可以大…

ols残差_涨知识丨OLS原理的矩阵方法很难?Just So So

对计量经济学初学者而言&#xff0c;OLS原理的矩阵表示通常令人“发怵”。其原因主要在于&#xff0c;至少在财经类课程体系中&#xff0c;关于矩阵微分的先行课程是缺失的。鉴于计量经济学的进阶课程大多采用矩阵语言&#xff0c;笔者认为有必要专文论述如何“搞掂”关于OLS原…

asr语音转写_搜狗智能录音笔C1正式上市 语音转文字准确率达95%

中新网3月19日电 3月18日&#xff0c;搜狗旗下全新智能硬件——搜狗智能录音笔C1在搜狗商城、京东等平台正式发售。在当天的产品沟通会上&#xff0c;搜狗公司CTO杨洪涛表示&#xff0c;搜狗智能录音笔C1集成了搜狗的核心AI技术&#xff0c;能够有效提高用户的工作和生活效率。…

730阵列卡支持多大硬盘_华为1000多手机哪款好?推荐只此一款!华为品牌性价比最高千元机...

自荣耀品牌独立运营之后&#xff0c;华为品牌就主攻高端机型&#xff0c;其低端机型均交给荣耀品牌来运营。其实&#xff0c;华为品牌中端机型中&#xff0c;还是有几款性价比表现极为不俗的&#xff0c;比如中端性价比最高机型——华为nova 5Z&#xff0c;华为nova 5Z性价比直…

jsp 中div居中_让div在屏幕中居中(水平居中+垂直居中)

html代码<div class"main"><h1>测试</h1></div>方法一&#xff1a;div使用绝对布局&#xff0c;设置margin:auto,并设置top、left、right、bottom的值相等即可&#xff0c;不一定要都是0。方法二&#xff1a;绝对布局&#xff0c;用margin来…

使用eolink优雅地进行API接口管理

为什么使用eolink? 我们都知道在一个项目团队中是由很多角色组成的&#xff0c;例如&#xff1a;业务>产品>设计>前端>后端>测试等。每个角色各司其职&#xff0c;一起合作完成项目的生命周期。而前端与后端的沟通则是主要通过接口来实现&#xff0c;通过接口…

没有icon_ICON设计干货来啦~

​ICON设计是UI设计中非常重要的一个环节&#xff0c;它能够帮助我们美化画面&#xff0c;传递情绪&#xff0c;快速导航&#xff0c;而且不受语言限制&#xff0c;那今天就来给大家分享下ICON的设计干货。首先图标可以分为3大类&#xff1a;功能性图标 , 应用图标 , 创意图标。…

基于JavaSpringBoot+Vue+uniapp微信小程序实现校园宿舍管理系统

博主介绍&#xff1a;✌全网粉丝20W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ &#x1f345;文末获取联系&#x1f345;精彩专栏推荐订阅&#x1f447;&#x1f…

实战 es6_腾讯云 Elasticsearch 实战篇(二十二) ES6.8权限使用配置

前言|在前面的章节中我们讲了开源架构ELK、腾讯云Elasticsearch产品系列。我们也知道了&#xff0c;在构建腾讯云ES集群的时候&#xff0c;我们选择的6.8.2白金版具备充分的安全的机制来保证数据和访问的安全。那么&#xff0c;它到底是如何实现的呢&#xff1f;我们今天就来简…