基于springboot vue 电影推荐系统
博主介绍:专注于Java(springboot ssm 等开发框架) vue .net php python(flask Django) 小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1400+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
文末有源码下载地址
系统实现预览
第4章 架构设计
4.1 系统体系结构
电影推荐系统的结构图4-1所示:
图4-1 系统结构
登录系统结构图,如图4-2所示:
图4-2 登录结构图
系统结构图,如图4-3所示:
图4-3 系统结构图
4.2 数据库实体设计
数据库的功能就是对系统中所有的数据进行存储和管理。所有的数据可以在数据库中产时间的进行存储,方便用户的使用。而且所有的数据库中的数据也应该具有一定的共享性,任何的系统可以对一些数据进行使用,同时还应该保持一定的独立性,每一个数据库中的数据都有很强的安全性,可以被很好的存放到数据库,没有进行身份的验证是不能对这些数据进行查看和使用的。数据库的设计需要明确每一个实体之间的联系,系统的E-R图如下图所示:
图4-4用户管理实体属性图
电影信息管理实体属性图如图4-5所示。
图4-5电影信息管理实体属性图
4.3 数据库表设计
当电影推荐系统在运行的时候,数据库要能确保自己的独立性,想要哪部分的数据就选择相应的设置选项,对应的数据就会以表格的形式展现出来。当对这一个功能进行设置,他就会与数据库进行连接,会在对话框中弹出相应的数据源。
daily_movie | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
daily_movie_id | int | 11 | 否 | 主键 | 每日电影ID |
movie_title | varchar | 64 | 是 | 电影名称 | |
alias | varchar | 64 | 是 | 别名 | |
director | varchar | 64 | 是 | 导演 | |
screenwriter | varchar | 64 | 是 | 编剧 | |
performer | varchar | 64 | 是 | 演员 | |
type | varchar | 64 | 是 | 类型 | |
country | varchar | 64 | 是 | 国家 | |
language | varchar | 64 | 是 | 语言 | |
particular_year | varchar | 64 | 是 | 年份 | |
film_length | varchar | 64 | 是 | 片长 | |
release_time | varchar | 64 | 是 | 上映时间 | |
official_website | varchar | 255 | 是 | 官方网站 | |
idmb_link | varchar | 255 | 是 | IDMB链接 | |
idmb_score | varchar | 64 | 是 | IDMB评分 | |
douban_score | varchar | 64 | 是 | 豆瓣评分 | |
awards | varchar | 64 | 是 | 获奖情况 | |
movie_poster | varchar | 255 | 是 | 影片海报 | |
similar_film_recommendation | varchar | 64 | 是 | 相似电影推荐 | |
plot | text | 0 | 是 | 剧情 | |
hits | int | 11 | 否 | 点击数 | |
praise_len | int | 11 | 否 | 点赞数 | |
recommend | int | 11 | 否 | 智能推荐 | |
create_time | datetime | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
forum | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
forum_id | mediumint | 8 | 否 | 主键 | 论坛id |
display | smallint | 5 | 否 | 排序 | |
user_id | mediumint | 8 | 否 | 用户ID | |
nickname | varchar | 16 | 是 | 昵称 | |
praise_len | int | 10 | 是 | 点赞数 | |
hits | int | 10 | 否 | 访问数 | |
title | varchar | 125 | 否 | 标题 | |
keywords | varchar | 125 | 是 | 关键词 | |
description | varchar | 255 | 是 | 描述 | |
url | varchar | 255 | 是 | 来源地址 | |
tag | varchar | 255 | 是 | 标签 | |
img | text | 0 | 是 | 封面图 | |
content | longtext | 0 | 是 | 正文 | |
create_time | timestamp | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
avatar | varchar | 255 | 是 | 发帖人头像 | |
type | varchar | 64 | 否 | 论坛分类 | |
forum_type | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
type_id | smallint | 5 | 否 | 主键 | 分类ID |
name | varchar | 16 | 否 | 分类名称 | |
description | varchar | 255 | 是 | 描述 | |
url | varchar | 255 | 是 | 外链地址 | |
father_id | smallint | 5 | 否 | 上级分类 | |
icon | varchar | 255 | 是 | 分类图标 | |
create_time | timestamp | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
high_score_film | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
high_score_film_id | int | 11 | 否 | 主键 | 高分电影ID |
movie_title | varchar | 64 | 是 | 电影名称 | |
alias | varchar | 64 | 是 | 别名 | |
director | varchar | 64 | 是 | 导演 | |
screenwriter | varchar | 64 | 是 | 编剧 | |
performer | varchar | 64 | 是 | 演员 | |
type | varchar | 64 | 是 | 类型 | |
country | varchar | 64 | 是 | 国家 | |
language | varchar | 64 | 是 | 语言 | |
particular_year | varchar | 64 | 是 | 年份 | |
film_length | varchar | 64 | 是 | 片长 | |
release_time | varchar | 64 | 是 | 上映时间 | |
official_website | varchar | 255 | 是 | 官方网站 | |
idmb_link | varchar | 255 | 是 | IDMB链接 | |
idmb_score | varchar | 64 | 是 | IDMB评分 | |
douban_score | varchar | 64 | 是 | 豆瓣评分 | |
awards | varchar | 64 | 是 | 获奖情况 | |
movie_poster | varchar | 255 | 是 | 影片海报 | |
similar_film_recommendation | varchar | 64 | 是 | 相似电影推荐 | |
plot | text | 0 | 是 | 剧情 | |
hits | int | 11 | 否 | 点击数 | |
praise_len | int | 11 | 否 | 点赞数 | |
recommend | int | 11 | 否 | 智能推荐 | |
create_time | datetime | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
ordinary_users | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
ordinary_users_id | int | 11 | 否 | 主键 | 普通用户ID |
user_number | varchar | 64 | 否 | 用户编号 | |
user_name | varchar | 64 | 是 | 用户姓名 | |
user_gender | varchar | 64 | 是 | 用户性别 | |
examine_state | varchar | 16 | 否 | 审核状态 | |
recommend | int | 11 | 否 | 智能推荐 | |
user_id | int | 11 | 否 | 用户ID | |
create_time | datetime | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
popular_movies | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
popular_movies_id | int | 11 | 否 | 主键 | 热门电影ID |
movie_title | varchar | 64 | 是 | 电影名称 | |
alias | varchar | 64 | 是 | 别名 | |
director | varchar | 64 | 是 | 导演 | |
screenwriter | varchar | 64 | 是 | 编剧 | |
performer | varchar | 64 | 是 | 演员 | |
type | varchar | 64 | 是 | 类型 | |
country | varchar | 64 | 是 | 国家 | |
language | varchar | 64 | 是 | 语言 | |
particular_year | varchar | 64 | 是 | 年份 | |
film_length | varchar | 64 | 是 | 片长 | |
release_time | varchar | 64 | 是 | 上映时间 | |
official_website | varchar | 255 | 是 | 官方网站 | |
idmb_link | varchar | 255 | 是 | IDMB链接 | |
idmb_score | varchar | 64 | 是 | IDMB评分 | |
douban_score | varchar | 64 | 是 | 豆瓣评分 | |
awards | varchar | 64 | 是 | 获奖情况 | |
movie_poster | varchar | 255 | 是 | 影片海报 | |
similar_film_recommendation | varchar | 64 | 是 | 相似电影推荐 | |
plot | text | 0 | 是 | 剧情 | |
hits | int | 11 | 否 | 点击数 | |
praise_len | int | 11 | 否 | 点赞数 | |
recommend | int | 11 | 否 | 智能推荐 | |
create_time | datetime | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
praise | |||||
字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
praise_id | int | 10 | 否 | 主键 | 点赞ID |
user_id | int | 11 | 否 | 点赞人 | |
create_time | timestamp | 0 | 否 | 创建时间 | |
update_time | timestamp | 0 | 否 | 更新时间 | |
source_table | varchar | 255 | 是 | 来源表 | |
source_field | varchar | 255 | 是 | 来源字段 | |
source_id | int | 10 | 否 | 来源ID | |
status | tinyint | 1 | 否 | 点赞状态1为点赞,0已取消 |
第5章 系统实现
5.1 系统功能模块
电影推荐系统,在系统的首页可以查看首页、影片交流、公告栏、影片资讯、每日电影、高分电影、热门电影、我的跳转到后台等信息进行相关操作,如图5-1所示。
图5-1系统首页界面图
核心系统类
package com.project.demo.controller.base;import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;
import com.project.demo.service.base.BaseService;
import lombok.Setter;
import lombok.extern.slf4j.Slf4j;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import javax.persistence.Query;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.util.HashMap;
import java.util.List;
import java.util.Map;/***/
@Slf4j
public class BaseController<E, S extends BaseService<E>> {@Setterprotected S service;@PostMapping("/add")@Transactionalpublic Map<String, Object> add(HttpServletRequest request) throws IOException {service.insert(service.readBody(request.getReader()));return success(1);}@Transactionalpublic Map<String, Object> addMap(Map<String,Object> map){service.insert(map);return success(1);}@PostMapping("/set")@Transactionalpublic Map<String, Object> set(HttpServletRequest request) throws IOException {service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));return success(1);}@RequestMapping(value = "/del")@Transactionalpublic Map<String, Object> del(HttpServletRequest request) {service.delete(service.readQuery(request), service.readConfig(request));return success(1);}@RequestMapping("/get_obj")public Map<String, Object> obj(HttpServletRequest request) {Query select = service.select(service.readQuery(request), service.readConfig(request));List resultList = select.getResultList();if (resultList.size() > 0) {JSONObject jsonObject = new JSONObject();jsonObject.put("obj",resultList.get(0));return success(jsonObject);} else {return success(null);}}@RequestMapping("/get_list")public Map<String, Object> getList(HttpServletRequest request) {Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));return success(map);}@RequestMapping("/list_group")public Map<String, Object> listGroup(HttpServletRequest request) {Map<String, Object> map = service.selectToList(service.readQuery(request), service.readConfig(request));return success(map);}@RequestMapping("/bar_group")public Map<String, Object> barGroup(HttpServletRequest request) {Map<String, Object> map = service.selectBarGroup(service.readQuery(request), service.readConfig(request));return success(map);}@RequestMapping(value = {"/count_group", "/count"})public Map<String, Object> count(HttpServletRequest request) {Query count = service.count(service.readQuery(request), service.readConfig(request));return success(count.getResultList());}@RequestMapping(value = {"/sum_group", "/sum"})public Map<String, Object> sum(HttpServletRequest request) {Query count = service.sum(service.readQuery(request), service.readConfig(request));return success(count.getResultList());}@RequestMapping(value = {"/avg_group", "/avg"})public Map<String, Object> avg(HttpServletRequest request) {Query count = service.avg(service.readQuery(request), service.readConfig(request));return success(count.getResultList());}@PostMapping("/upload")public Map<String, Object> upload(@RequestParam("file") MultipartFile file) {log.info("进入方法");if (file.isEmpty()) {return error(30000, "没有选择文件");}try {//判断有没路径,没有则创建String filePath = System.getProperty("user.dir") + "\\target\\classes\\static\\upload\\";File targetDir = new File(filePath);if (!targetDir.exists() && !targetDir.isDirectory()) {if (targetDir.mkdirs()) {log.info("创建目录成功");} else {log.error("创建目录失败");}}
// String path = ResourceUtils.getURL("classpath:").getPath() + "static/upload/";
// String filePath = path.replace('/', '\\').substring(1, path.length());String fileName = file.getOriginalFilename();File dest = new File(filePath + fileName);log.info("文件路径:{}", dest.getPath());log.info("文件名:{}", dest.getName());file.transferTo(dest);JSONObject jsonObject = new JSONObject();jsonObject.put("url", "/api/upload/" + fileName);return success(jsonObject);} catch (IOException e) {log.info("上传失败:{}", e.getMessage());}return error(30000, "上传失败");}@PostMapping("/import_db")public Map<String, Object> importDb(@RequestParam("file") MultipartFile file) throws IOException {service.importDb(file);return success(1);}@RequestMapping("/export_db")public void exportDb(HttpServletRequest request, HttpServletResponse response) throws IOException {HSSFWorkbook sheets = service.exportDb(service.readQuery(request), service.readConfig(request));response.setContentType("application/octet-stream");response.setHeader("Content-disposition", "attachment;filename=employee.xls");response.flushBuffer();sheets.write(response.getOutputStream());sheets.close();}public Map<String, Object> success(Object o) {Map<String, Object> map = new HashMap<>();if (o == null) {map.put("result", null);return map;}if (o instanceof List) {if (((List) o).size() == 1) {o = ((List) o).get(0);map.put("result", o);}else {String jsonString = JSONObject.toJSONString(o);JSONArray objects = service.covertArray(JSONObject.parseArray(jsonString));map.put("result", objects);}} else if (o instanceof Integer || o instanceof String) {map.put("result", o);} else {String jsonString = JSONObject.toJSONString(o);JSONObject jsonObject = JSONObject.parseObject(jsonString);JSONObject j = service.covertObject(jsonObject);map.put("result", j);}return map;}public Map<String, Object> error(Integer code, String message) {Map<String, Object> map = new HashMap<>();map.put("error", new HashMap<String, Object>(4) {{put("code", code);put("message", message);}});return map;}
}
用户注册,在用户注册页面可以填写账号、密码、姓名、昵称、手机等信息进行注册操作,如图5-2所示。在个人中心页面可以填写学号、密码、手机等信息进行更新操作,如图5-3所示。
图5-2学生注册界面图
图5-3个人中心界面图
新闻信息,在新闻信息页面中可以查看新闻信息标题、新闻信息名称、图片、新闻内容、发布时间、账号、社长姓名等信息,如图5-4所示。
图5-4新闻信息界面图
电影信息,在电影信息页面可以查看电影名称、别名、导演、编剧、演员、类型、语言、国家等信息进行添加,如图5-5所示。
图5-5电影信息界面图
5.2 用户功能模块
用户登录进入系统后台可以对首页、影片交流、公告栏、影片资讯、每日电影、高分电影、热门电影、我的等信息进行相应的操作管理,如图5-6所示。
图5-6用户功能界面图
每日电影列表,在每日电影页面中可以查看电影名称、类型、年份、豆瓣评分等信息,如图5-7所示。
图5-7每日电影界面图
大家点赞、收藏、关注、评论啦 其他的定制服务 下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者
相关文章:

基于springboot vue 电影推荐系统
博主介绍:专注于Java(springboot ssm 等开发框架) vue .net php python(flask Django) 小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找…...

八、特殊类型异常机制
特殊类型&异常机制 数据类型枚举类型匿名类、单例类和伴生对象匿名类单例类伴生对象 委托模式密封类型异常机制异常的使用异常的处理 数据类型 对于那些只需要保存数据的类型,我们常常需要为其重写toString、equals等函数,针对于这种情况下…...
虾皮Shopee Android面试题及参考答案
HTTP 状态码有哪些? HTTP 状态码是用以表示网页服务器超文本传输协议响应状态的 3 位数字代码。主要分为五大类: 1xx 信息性状态码:表示服务器正在处理请求,这些状态码是临时的响应,主要用于告诉客户端请求已经被接收,正在处理中。例如,100 Continue 表示客户端应当继续…...
Docker Compose 部署大模型GPU集群:高效分配与管理算力资源
Docker Compose 部署大模型GPU集群:高效分配与管理算力资源 文章目录 Docker Compose 部署大模型GPU集群:高效分配与管理算力资源一 Dockerfile 编写二 Dockerfile 示例三 分配GPU资源1)GPU分配:指定count2)GPU分配&am…...

直立行走机器人技术概述
直立行走机器人技术作为现代机器人领域的重要分支,结合了机械工程、计算机科学、人工智能、传感技术和动态控制等领域的最新研究成果。随着技术的不断发展,直立行走机器人在救灾、医疗、家庭辅助等领域开始发挥重要作用。本文旨在对直立行走机器人的相关…...
【Linux】wsl虚拟机时间和实际时间不符合
本文首发于 ❄️慕雪的寒舍 偶然遇到了这个问题,触发原因是电脑在开启wsl的情况下进入了 休眠 模式,且在无网络情况下几天不使用。 然后开启wsl,发现git log显示最新commit的提交时间是明天,给我吓一跳,然后才发现原来…...

初识算法 · 滑动窗口(1)
目录 前言: 长度最小的子数组 题目解析 算法原理 算法编写 无重复长度的最小字符串 题目解析 算法原理 算法编写 前言: 本文开始,介绍的是滑动窗口算法类型的题目,滑动窗口本质上其实也是双指针,但是呢&#…...

nginx和gateway的关系和区别
在技术选型时,选择 Nginx 和 Spring Cloud Gateway(或简称为 Gateway)主要取决于具体应用场景和技术需求。下面是两者的一些关键差异和适用场景。 一、Nginx 概念 Nginx 是一个高性能的 Web 服务器和反向代理服务器,常被用作静…...

【算法笔记】滑动窗口算法原理深度剖析
【算法笔记】滑动窗口算法原理深度剖析 🔥个人主页:大白的编程日记 🔥专栏:算法笔记 文章目录 【算法笔记】滑动窗口算法原理深度剖析前言一.长度最小的子数组1.1题目1.2思路分析1.3算法流程1.4正确性证明1.5代码实现 二.无重复…...

4S店4S店客户管理系统小程序(lw+演示+源码+运行)
社会的发展和科学技术的进步,互联网技术越来越受欢迎。手机也逐渐受到广大人民群众的喜爱,也逐渐进入了每个用户的使用。手机具有便利性,速度快,效率高,成本低等优点。 因此,构建符合自己要求的操作系统是非…...
rabbitMq------连接管理模块
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言管理的字段连接内存管理对象 前言 我们的网络通信框架使用的muduo库,而在mudu库中是已经有了连接的概念,但是我们呢还有一个信道的概念…...
【部署项目】禹神:前端项目部署上线笔记
1.项目打包 ● 我们开发用的脚手架其实就是一个微型服务器,用于:支撑开发环境、运行代理服务器等。 ● 打包完的文件中不存在:.vue、.jsx、.less 等文件,而是:html、css、js等。 ● 打包后的文件,不再借助…...
力扣10.1
983. 最低票价 在一个火车旅行很受欢迎的国度,你提前一年计划了一些火车旅行。在接下来的一年里,你要旅行的日子将以一个名为 days 的数组给出。每一项是一个从 1 到 365 的整数。 火车票有 三种不同的销售方式 : 一张 为期一天 的通行证售…...

TypeScript 算法手册 - 【冒泡排序】
文章目录 TypeScript 算法手册 - 冒泡排序1. 冒泡排序简介1.1 冒泡排序定义1.2 冒泡排序特点 2. 冒泡排序步骤过程拆解2.1 比较相邻元素2.2 交换元素2.3 重复过程 3. 冒泡排序的优化3.1 提前退出3.2 记录最后交换位置案例代码和动态图 4. 冒泡排序的优点5. 冒泡排序的缺点总结 …...

计算机网络——http和web
无状态服务器——不维护客户端 怎么变成有状态连接 所以此时本地建立代理—— 若本地缓存了——但是服务器变了——怎么办?...

使用 Light Chaser 进行大屏数据可视化
引言 在当今数据驱动的世界中,数据可视化变得越来越重要。Light Chaser 是一款基于 React 技术栈的大屏数据可视化设计工具,通过简单的拖拽操作,你可以快速生成漂亮、美观的数据可视化大屏和看板。本文将介绍如何使用 Light Chaser 进行数据…...
Java中的异常概念
在Java编程中,异常(Exception)是一种特殊的情况,它在程序执行期间发生,会干扰程序正常的流程。 ## 一、异常的产生原因 1. **用户输入错误** - 例如,当一个程序期望用户输入一个整数,而用户…...
flutter_鸿蒙next_Dart基础②List
目录 代码示例 代码逐段解析 1. 创建和打印列表 2. 强类型列表 3. 创建可扩展的空列表 4. 创建填充列表 5. 列表扩展 6. 使用可选展开操作符 7. 获取列表长度 8. 列表反转 9. 添加多个元素 10. 移除元素 11. 根据索引移除元素 12. 在特定位置插入元素 13. 清空列…...
【2024保研经验帖】武汉大学测绘遥感国家重点实验室夏令营(计算机向)
前言 先说本人背景:末211,rk前5%,无科研,有几个竞赛(数模、机器人等) 武大的国重是我参加的第二个夏令营,武大国重这次有提前开几个分会场,一个在中南大学,一个在吉林大学,还有在兰…...

PyGWalker:让你的Pandas数据可视化更简单,快速创建数据可视化网站
1、PyGWalker应用: 在数据分析的过程中,数据的探索和可视化是至关重要的环节,如何高效地将分析结果展示给团队、客户,甚至是公众,是很多数据分析师和开发者面临的挑战,接下来介绍的两大工具组合——PyGWalker与Streamlit,可以帮助用户轻松解决这个问题,即使没有复杂的代…...

国防科技大学计算机基础课程笔记02信息编码
1.机内码和国标码 国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制,因此这个了16进制的数据既可以翻译成为这个机器码,也可以翻译成为这个国标码,所以这个时候很容易会出现这个歧义的情况; 因此,我们的这个国…...

调用支付宝接口响应40004 SYSTEM_ERROR问题排查
在对接支付宝API的时候,遇到了一些问题,记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

K8S认证|CKS题库+答案| 11. AppArmor
目录 11. AppArmor 免费获取并激活 CKA_v1.31_模拟系统 题目 开始操作: 1)、切换集群 2)、切换节点 3)、切换到 apparmor 的目录 4)、执行 apparmor 策略模块 5)、修改 pod 文件 6)、…...

Xshell远程连接Kali(默认 | 私钥)Note版
前言:xshell远程连接,私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例
使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件,常用于在两个集合之间进行数据转移,如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model:绑定右侧列表的值&…...

1.3 VSCode安装与环境配置
进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件,然后打开终端,进入下载文件夹,键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

微服务商城-商品微服务
数据表 CREATE TABLE product (id bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT 商品id,cateid smallint(6) UNSIGNED NOT NULL DEFAULT 0 COMMENT 类别Id,name varchar(100) NOT NULL DEFAULT COMMENT 商品名称,subtitle varchar(200) NOT NULL DEFAULT COMMENT 商…...

用docker来安装部署freeswitch记录
今天刚才测试一个callcenter的项目,所以尝试安装freeswitch 1、使用轩辕镜像 - 中国开发者首选的专业 Docker 镜像加速服务平台 编辑下面/etc/docker/daemon.json文件为 {"registry-mirrors": ["https://docker.xuanyuan.me"] }同时可以进入轩…...

华硕a豆14 Air香氛版,美学与科技的馨香融合
在快节奏的现代生活中,我们渴望一个能激发创想、愉悦感官的工作与生活伙伴,它不仅是冰冷的科技工具,更能触动我们内心深处的细腻情感。正是在这样的期许下,华硕a豆14 Air香氛版翩然而至,它以一种前所未有的方式&#x…...

NXP S32K146 T-Box 携手 SD NAND(贴片式TF卡):驱动汽车智能革新的黄金组合
在汽车智能化的汹涌浪潮中,车辆不再仅仅是传统的交通工具,而是逐步演变为高度智能的移动终端。这一转变的核心支撑,来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒(T-Box)方案:NXP S32K146 与…...