[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-vkbZ8lMM":3,"public-project-articles-vkbZ8lMM":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},420,"vkbZ8lMM",46,"09. 开发电影信息管理","## 先创建数据库 SQL 表\n\n```sql\nCREATE TABLE `film` (\n  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'ID',\n  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '名称',\n  `cover` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '封面',\n  `descr` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '描述',\n  `year` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '年份',\n  `director` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '导演',\n  `actors` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '演员',\n  `category_id` int(11) DEFAULT NULL COMMENT '分类ID',\n  `country` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '国家',\n  `language` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '语言',\n  `date` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '上映日期',\n  `duration` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '片长',\n  `imdb` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'IMDb',\n  PRIMARY KEY (`id`)\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='电影信息';\n```\n\n```sql\nINSERT INTO `film` VALUES (1, '凡间天使 Ordinary Angels ', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721894575859-凡间天使.webp', '灵感来自于一个令人难以置信的真实故事：一位美发师单枪匹马地召集整个社区来帮助一位丧偶的父亲拯救他病危小女儿的生命。', '2024', ' 乔·戈恩', '希拉里·斯万克 \u002F 阿兰·里奇森 \u002F 艾米丽·米切尔 \u002F 天行者·休斯 \u002F 塔玛拉·琼斯 \u002F 唐·迈克 \u002F 瑞恩·艾伦 \u002F 德鲁·鲍威尔 \u002F 邓普斯·布瑞克 \u002F 艾米·阿克 \u002F 埃里克·阿塔瓦尔 \u002F 沙龙·巴杰 \u002F 黛安娜·博特尔奥-若班斯基 \u002F DJ·布拉德森 \u002F 大卫·劳伦斯·布朗 \u002F 特里斯坦·卡尔鲁奇 \u002F 劳利格·克莱门茨 \u002F 格温多琳·柯林斯', 9, '美国', '英语', '2024-02-23', '116分钟', 'tt4996328');\nINSERT INTO `film` VALUES (2, '头脑特工队2 Inside Out 2 ', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721897318957-头脑特工队2.webp', '影片讲述了刚步入青春期的小女孩莱莉脑海中的复杂情绪进行的一场奇妙冒险。在她的大脑总部，正经历着一场突如其来的大拆迁，为意想不到的新情绪腾出空间。一直以来配合默契的情绪小伙伴乐乐（艾米·波勒 Amy Poehler 配音）、忧忧（菲利丝·史密斯 Phyllis Smith 配音）、怒怒（刘易斯·布莱克 Lewis Black 配音）、怕怕（托尼·海尔 Tony Hale 配音）和厌厌（莉萨·拉皮拉 Liza Lapira 配音），在新情绪焦焦的突然到来时变得不知所措，并且她看起来不是孤身一人。', '2024', '凯尔西·曼', '艾米·波勒 \u002F 玛雅·霍克 \u002F 肯辛顿·托尔曼 \u002F 莉萨·拉皮拉 \u002F 托尼·海尔 \u002F 刘易斯·布莱克 \u002F 菲利丝·史密斯 \u002F 阿尤·艾德维利 \u002F 莉莉玛 \u002F 格蕾丝·陆 \u002F 苏梅亚·努里丁-格林 \u002F 阿黛尔·艾克萨勒霍布洛斯 \u002F 保罗·沃尔特·豪泽 \u002F 朱恩·斯奎布 \u002F 戴安·琳恩 \u002F 凯尔·麦克拉克伦 \u002F 伊薇特·尼科尔·布朗 \u002F 罗恩·芬奇斯 \u002F 詹姆士·奥斯汀·约翰逊 \u002F 叶永 \u002F 史蒂夫·波赛尔', 8, '美国', '英语', '2024-06-14', '100分钟', 'tt22022452');\nINSERT INTO `film` VALUES (3, '机器人之梦 Robot Dreams', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721897462531-机器人之梦.webp', '一只孤独的小狗遇到了一个机器人，偌大的城市中，他们互相依靠，温暖彼此。然而一次意外让小狗和机器人遗憾错过，从此他们只能把对彼此的想念藏进梦中。只是，反复梦见的人，还会重逢吗？\\n　　影片改编自Sara Varon的漫画。', '2023', '巴勃罗·贝格尔', '伊万·拉班达 \u002F 阿尔伯特·特里佛·塞加拉 \u002F 拉法·卡尔沃 \u002F 何塞·加西亚·托斯 \u002F 何塞·路易斯·梅地亚维拉 \u002F 加西埃拉·莫利娜 \u002F 埃斯特·索兰斯', 8, '西班牙 \u002F 法国', '无对白', '2023-12-06', '102分钟', 'tt13429870');\nINSERT INTO `film` VALUES (4, '神偷奶爸4 Despicable Me 4', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721897598128-神偷奶爸4.webp', '格鲁（史蒂夫·卡瑞尔 Steve Carell 配音）和露西（克里斯汀·韦格 Kristen Wiig 配音）一家即将展开家庭生活的新篇章，迎接新成员“迷你格鲁”，而这个小宝宝也会用尽方法折磨格鲁这个新手老爸。新反派恶霸麦斯（威尔·法瑞尔 Will Ferrell 配音）和他既致命危险又美丽性感的女友华伦天娜（索菲娅·维加拉 Sofía Vergara 配音）来势汹汹，格鲁一家面临未知危险。此时，全新超级小黄人重磅亮相，成为帮助格鲁一家度过这次危机的“秘密武器”。一场惊险刺激、笑料百出的全新冒险即将展开。', '2024', '克里斯·雷纳德 \u002F 帕特里克·德拉吉', '史蒂夫·卡瑞尔 \u002F 克里斯汀·韦格 \u002F 皮埃尔·柯芬 \u002F 乔伊·金 \u002F 威尔·法瑞尔 \u002F 索菲娅·维加拉 \u002F 克里斯·雷纳德 \u002F 麦迪逊·波兰 \u002F 达纳·盖尔 \u002F 米兰达·卡斯格拉夫 \u002F 史蒂夫·库根 \u002F 史蒂芬·科拜尔 \u002F 克洛伊·菲内曼 \u002F 约翰·迪·马吉欧 \u002F 拉瑞恩·纽曼 \u002F 布拉德·埃布尔森 \u002F Eden Boulton \u002F 凯茜·卡瓦蒂妮 \u002F Will Collyer \u002F Abby Craden', 1, '美国', '英语', '2024-07-03', '97分钟', 'tt7510222');\nINSERT INTO `film` VALUES (5, '你的名字。 君の名は。', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721897785262-你的名字.webp', '　在远离大都会的小山村，住着巫女世家出身的高中女孩宫水三叶（上白石萌音 配音）。校园和家庭的原因本就让她充满烦恼，而近一段时间发生的奇怪事件，又让三叶摸不清头脑。不知从何时起，三叶在梦中就会变成一个住在东京的高中男孩。那里有陌生的同学和朋友，有亲切的前辈和繁华的街道，一切都是如此诱人而真实。另一方面，住在东京的高中男孩立花泷（神木隆之介 配音）则总在梦里来到陌生的小山村，以女孩子的身份过着全新的生活。许是受那颗神秘彗星的影响，立花和三叶在梦中交换了身份。他们以他者的角度体验着对方的人生，这期间有愤怒、有欢笑也有暖心。只是两人并不知道，身份交换的背后隐藏着重大而锥心的秘密……', '2016', '新海诚', '神木隆之介 \u002F 上白石萌音 \u002F 长泽雅美 \u002F 市原悦子 \u002F 成田凌 \u002F 悠木碧 \u002F 岛崎信长 \u002F 石川界人 \u002F 谷花音 \u002F 寺杣昌纪 \u002F 大原沙耶香 \u002F 井上和彦 \u002F 茶风林 \u002F 加藤有花 \u002F 花泽香菜 \u002F 寺崎裕香', 7, '日本', '日语', '2016-08-26', '106分钟', 'tt5311514');\nINSERT INTO `film` VALUES (6, '沙丘2 Dune: Part Two', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721897822309-沙丘2.webp', '《沙丘2》承接第一部剧情，讲述保罗·厄崔迪（提莫西·查拉梅 Timothée Chalamet 饰）被帕迪沙皇帝和哈克南人联手灭族后，在厄拉科斯星球遇到弗雷曼女战士契妮（赞达亚 Zendaya 饰）以及加入弗雷曼人后展开的传奇旅程。保罗与让他家破人亡的阴谋家们开战，同时面临着一生所爱与已知宇宙命运的两难选择。', '2024', ' 丹尼斯·维伦纽瓦', '提莫西·查拉梅 \u002F 赞达亚 \u002F 丽贝卡·弗格森 \u002F 哈维尔·巴登 \u002F 乔什·布洛林 \u002F 奥斯汀·巴特勒 \u002F 弗洛伦丝·皮尤 \u002F 戴夫·巴蒂斯塔 \u002F 克里斯托弗·沃肯 \u002F 蕾雅·赛杜 \u002F 斯特兰·斯卡斯加德 \u002F 夏洛特·兰普林 \u002F 安雅·泰勒-乔伊 \u002F 索海拉·雅各布 \u002F 巴布斯·奥卢桑莫昆 \u002F 袁之正 \u002F 艾莉森·霍尔斯特德 \u002F 朱西·梅里 \u002F 凯特·泰森 \u002F 塔拉·布雷思纳克 \u002F Akiko Hitomi', 5, '美国 \u002F 加拿大', '英语', '2024-03-01', '166分钟', 'tt15239678');\nINSERT INTO `film` VALUES (7, '疯狂的麦克斯：狂暴女神 Furiosa: A Mad Max Saga', 'http:\u002F\u002Flocalhost:9090\u002Ffiles\u002Fdownload\u002F1721898011046-疯狂的麦克斯：狂暴女神.webp', '影片讲述了复仇女神弗瑞奥萨（安雅·泰勒-乔伊 Anya Taylor-Joy 饰）惊心动魄的成长史。年轻的弗瑞奥萨从原本的家园被掠走，落入军阀狄门特斯（克里斯·海姆斯沃斯 Chris Hemsworth 饰）领导的帮派手中，在穿过荒原时，他们来到不死老乔（拉黑·休姆 Lachy H ulme 饰）所掌管的堡垒。在两位暴君争夺统治地位的同时，弗瑞奥萨必须在重重考验中活下来，并想方设法寻找回家的路；她也逐渐成长为利落酷飒的狂暴女神。', '2024', '乔治·米勒', '安雅·泰勒-乔伊 \u002F 克里斯·海姆斯沃斯 \u002F 汤姆·伯克 \u002F 艾莉拉·布朗 \u002F 乔治·谢夫佐夫 \u002F 拉黑·休姆 \u002F 约翰·霍华德 \u002F 安格斯·桑普森 \u002F 查理·弗雷泽 \u002F 埃尔莎·帕塔奇 \u002F 内森·琼斯 \u002F 乔什·赫尔曼 \u002F 大卫·菲尔德 \u002F 拉赫尔·罗曼 \u002F 戴维·科林斯 \u002F 戈兰·D·克鲁特 \u002F CJ·布隆菲尔德 \u002F 马图斯 \u002F 伊恩·罗伯茨', 4, '澳大利亚 \u002F 美国', '英语', '2024-05-24', '148分钟', 'tt12037194');\n\n```\n\n## 本节课图片资源\n\n[https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1UWN3K0rxCLROZaHTTDr2Dg?pwd=3n8c](https:\u002F\u002Fpan.baidu.com\u002Fs\u002F1UWN3K0rxCLROZaHTTDr2Dg?pwd=3n8c)\n\n## 后端的增删改查接口\n\nentity、controller、service、mapper、mapper.xml\n\nmapper.xml 示例代码：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2024\u002Fpng\u002F751015\u002F1725330657904-a4ac06aa-ac56-452e-b457-dc6c5b3e981f.png#averageHue=%23263236&clientId=u9893ceef-f373-4&from=paste&height=611&id=u7018db1f&originHeight=764&originWidth=1542&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=108442&status=done&style=none&taskId=u20add614-187c-4a41-89ea-718e79581aa&title=&width=1233.6)\n\n## 前端页面和菜单\n\ntable\n\n```vue\n\u003Cel-table :data=\"data.tableData\" stripe>\n  \u003Cel-table-column prop=\"name\" label=\"名称\" \u002F>\n  \u003Cel-table-column prop=\"cover\" label=\"封面\">\n    \u003Ctemplate #default=\"scope\">\n      \u003Cel-image :src=\"scope.row.cover\" style=\"width: 40px; height: 40px; border-radius: 5px\" :preview-src-list=\"[scope.row.cover]\" preview-teleported>\u003C\u002Fel-image>\n    \u003C\u002Ftemplate>\n  \u003C\u002Fel-table-column>\n  \u003Cel-table-column prop=\"descr\" label=\"描述\" show-overflow-tooltip \u002F>\n  \u003Cel-table-column prop=\"year\" label=\"年份\" \u002F>\n  \u003Cel-table-column prop=\"director\" label=\"导演\" \u002F>\n  \u003Cel-table-column prop=\"actors\" label=\"演员\" show-overflow-tooltip \u002F>\n  \u003Cel-table-column prop=\"categoryName\" label=\"分类\" \u002F>\n  \u003Cel-table-column prop=\"country\" label=\"国家\" \u002F>\n  \u003Cel-table-column prop=\"language\" label=\"语言\" \u002F>\n  \u003Cel-table-column prop=\"date\" label=\"上映日期\" \u002F>\n  \u003Cel-table-column prop=\"duration\" label=\"片长\" \u002F>\n  \u003Cel-table-column prop=\"imdb\" label=\"IMDb\" \u002F>\n  \u003Cel-table-column label=\"操作\" width=\"160\">\n    \u003Ctemplate #default=\"scope\">\n      \u003Cel-button type=\"primary\" @click=\"handleEdit(scope.row)\">编辑\u003C\u002Fel-button>\n      \u003Cel-button type=\"danger\" @click=\"del(scope.row.id)\">删除\u003C\u002Fel-button>\n    \u003C\u002Ftemplate>\n  \u003C\u002Fel-table-column>\n\u003C\u002Fel-table>\n```\n\nform\n\n```vue\n\u003Cel-form :model=\"data.form\" label-width=\"80px\" style=\"padding-right: 20px\">\n  \u003Cel-form-item label=\"名称\">\n    \u003Cel-input v-model=\"data.form.name\" autocomplete=\"off\" placeholder=\"请输入名称\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"封面\" prop=\"cover\">\n    \u003Cel-upload :action=\"uploadUrl\" list-type=\"picture\" :on-success=\"handleImgSuccess\">\n      \u003Cel-button type=\"primary\">上传图片\u003C\u002Fel-button>\n    \u003C\u002Fel-upload>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"描述\">\n    \u003Cel-input v-model=\"data.form.descr\" autocomplete=\"off\" placeholder=\"请输入描述\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"年份\">\n    \u003Cel-input v-model=\"data.form.year\" autocomplete=\"off\" placeholder=\"请输入年份\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"导演\">\n    \u003Cel-input v-model=\"data.form.director\" autocomplete=\"off\" placeholder=\"请输入导演\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"演员\">\n    \u003Cel-input v-model=\"data.form.actors\" autocomplete=\"off\" placeholder=\"请输入演员\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"分类\">\n    \u003Cel-input v-model=\"data.form.categoryId\" autocomplete=\"off\" placeholder=\"请输入分类\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"国家\">\n    \u003Cel-input v-model=\"data.form.country\" autocomplete=\"off\" placeholder=\"请输入国家\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"语言\">\n    \u003Cel-input v-model=\"data.form.language\" autocomplete=\"off\" placeholder=\"请输入语言\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"上映日期\">\n    \u003Cel-date-picker style=\"width: 100%\" type=\"date\" v-model=\"data.form.date\" placeholder=\"请选择上映日期\" format=\"YYYY-MM-DD\" value-format=\"YYYY-MM-DD\">\u003C\u002Fel-date-picker>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"片长\">\n    \u003Cel-input v-model=\"data.form.duration\" autocomplete=\"off\" placeholder=\"请输入片长\" \u002F>\n  \u003C\u002Fel-form-item>\n  \u003Cel-form-item label=\"IMDb\">\n    \u003Cel-input v-model=\"data.form.imdb\" autocomplete=\"off\" placeholder=\"请输入IMDb\" \u002F>\n  \u003C\u002Fel-form-item>\n\u003C\u002Fel-form>\n```","coding",1,1761,801,"2024-09-03 10:35:48","2026-05-03 22:49:02","SpringBoot3+Vue3的电影评论系统","movie-review",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,41,48,55,62,69,76,77,84,91,98,105,112],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":14,"project_title":15,"project_slug":16},292,"kCgjr7mm","01. 电影评论系统介绍",4823,638,"2025-01-09 09:33:06",{"id":28,"uuid":29,"project_id":6,"title":30,"type":9,"status":10,"public_enabled":10,"views":31,"sort":32,"created_at":33,"updated_at":14,"project_title":15,"project_slug":16},293,"BlmKufUR","02. 导入并运行脚手架",3530,639,"2024-07-29 10:54:55",{"id":35,"uuid":36,"project_id":6,"title":37,"type":9,"status":10,"public_enabled":10,"views":38,"sort":39,"created_at":40,"updated_at":14,"project_title":15,"project_slug":16},294,"06Pduwwf","03. 开发系统公告功能（1）",2477,640,"2024-07-29 12:10:44",{"id":42,"uuid":43,"project_id":6,"title":44,"type":9,"status":10,"public_enabled":10,"views":45,"sort":46,"created_at":47,"updated_at":14,"project_title":15,"project_slug":16},295,"Fdq2YYG6","04. 开发系统公告功能（2）",1703,647,"2024-07-30 11:50:26",{"id":49,"uuid":50,"project_id":6,"title":51,"type":9,"status":10,"public_enabled":10,"views":52,"sort":53,"created_at":54,"updated_at":14,"project_title":15,"project_slug":16},296,"GCaoVbnp","05. 开发系统公告功能（3）",1380,648,"2024-07-30 11:51:01",{"id":56,"uuid":57,"project_id":6,"title":58,"type":9,"status":10,"public_enabled":10,"views":59,"sort":60,"created_at":61,"updated_at":14,"project_title":15,"project_slug":16},297,"RSJvf6Eg","06. 开发系统公告功能（4）",1361,649,"2024-07-30 11:52:11",{"id":63,"uuid":64,"project_id":6,"title":65,"type":9,"status":10,"public_enabled":10,"views":66,"sort":67,"created_at":68,"updated_at":14,"project_title":15,"project_slug":16},298,"joADRMpg","07. 开发首页展示公告功能（时间线）",1332,650,"2024-07-30 11:52:49",{"id":70,"uuid":71,"project_id":6,"title":72,"type":9,"status":10,"public_enabled":10,"views":73,"sort":74,"created_at":75,"updated_at":14,"project_title":15,"project_slug":16},419,"Qus99gUh","08. 开发电影分类管理功能",1607,800,"2024-09-03 10:35:12",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},421,"ZwFHi9Ao","10. 开发电影评论管理功能",1514,802,"2024-09-03 11:39:45",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},422,"DmVqZCwN","11. 开发用户管理功能",1171,806,"2024-09-04 11:01:37",{"id":92,"uuid":93,"project_id":6,"title":94,"type":9,"status":10,"public_enabled":10,"views":95,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},423,"rrMIV8oS","12. 开发用户视角的电影列表",1331,807,"2024-09-04 11:02:08",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},424,"Q6ApfoCa","13. 开发电影详情页",1254,808,"2024-09-04 11:53:18",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},425,"gjsxuriJ","14. 开发电影评论功能",1501,810,"2024-09-05 11:44:17",{"id":113,"uuid":114,"project_id":6,"title":115,"type":9,"status":10,"public_enabled":10,"views":116,"sort":117,"created_at":118,"updated_at":14,"project_title":15,"project_slug":16},426,"nCDmvc9n","15. 开发电影评分排行榜功能",1051,811,"2024-09-05 11:44:44"]