[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-dTwkIyqR":3,"public-project-articles-dTwkIyqR":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},24,"dTwkIyqR",26,"07. 开发课程新增和编辑功能","\n# Dialog 弹窗\n\n# 新增\n\n清空数据\n打开弹窗\n\n## Vue\n\n```vue\n\u003Cel-dialog width=\"35%\" v-model=\"data.formVisible\" title=\"课程信息\">\n  \u003Cel-form :model=\"data.form\" label-width=\"100px\" label-position=\"right\" style=\"padding-right: 40px\">\n    \u003Cel-form-item label=\"课程名称\">\n      \u003Cel-input v-model=\"data.form.name\" autocomplete=\"off\" \u002F>\n    \u003C\u002Fel-form-item>\n    \u003Cel-form-item label=\"课程编号\">\n      \u003Cel-input v-model=\"data.form.no\" autocomplete=\"off\" \u002F>\n    \u003C\u002Fel-form-item>\n    \u003Cel-form-item label=\"课程描述\">\n      \u003Cel-input v-model=\"data.form.descr\" autocomplete=\"off\" \u002F>\n    \u003C\u002Fel-form-item>\n    \u003Cel-form-item label=\"课时\">\n      \u003Cel-input v-model=\"data.form.times\" autocomplete=\"off\" \u002F>\n    \u003C\u002Fel-form-item>\n    \u003Cel-form-item label=\"任课老师\">\n      \u003Cel-input v-model=\"data.form.teacher\" autocomplete=\"off\" \u002F>\n    \u003C\u002Fel-form-item>\n  \u003C\u002Fel-form>\n  \u003Ctemplate #footer>\n    \u003Cspan class=\"dialog-footer\">\n      \u003Cel-button @click=\"data.formVisible = false\">取 消\u003C\u002Fel-button>\n      \u003Cel-button type=\"primary\" @click=\"save\">保 存\u003C\u002Fel-button>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002Fel-dialog>\n```\n\n```vue\n\u002F\u002F 保存数据到后台\nconst save = () => {\n  request.post('\u002Fcourse\u002Fadd', data.form).then(res => {\n    if (res.code === '200') {\n      load()    \u002F\u002F 重新获取数据\n      data.formVisible = false  \u002F\u002F 关闭弹窗\n      ElMessage.success(\"操作成功\")\n    } else {\n      ElMessage.error(res.msg)\n    }\n  })\n}\n```\n\n## 后台新增接口\n\n```java\n@PostMapping(\"\u002Fadd\")\npublic Result add(@RequestBody Course course) {\n    courseService.add(course);\n    return Result.success();\n}\n```\n\n```plsql\n@Insert(\"insert into course (name, no,descr,times,teacher) values(#{name}, #{no}, #{descr}, #{times}, #{teacher})\")\nvoid insert(Course course);\n\n\n```\n\n# 编辑\n\n获取数据设置到表单里\n打开弹窗\n\n## Vue\n\n```vue\n\u002F\u002F 保存数据到后台\nconst save = () => {\n  request.request({\n    url: data.form.id ? '\u002Fcourse\u002Fupdate' : '\u002Fcourse\u002Fadd',\n    method: data.form.id ? 'PUT' : 'POST',\n    data: data.form\n  }).then(res => {\n    if (res.code === '200') {\n      load()    \u002F\u002F 重新获取数据\n      data.formVisible = false  \u002F\u002F 关闭弹窗\n      ElMessage.success(\"操作成功\")\n    } else {\n      ElMessage.error(res.msg)\n    }\n  })\n}\n```\n\n## 后台 SQL\n\n```java\n@PutMapping(\"\u002Fupdate\")\npublic Result update(@RequestBody Course course) {\n    courseService.updateById(course);\n    return Result.success();\n}\n```\n\n```plsql\n@Update(\"update course set name = #{name}, no = #{no}, descr = #{descr}, times = #{times}, teacher = #{teacher} where id = #{id}\")\nvoid updateById(Course course);\n```\n","coding",1,991,25,"2024-04-16 02:36:27","2026-05-03 22:49:02","SpringBoot+Vue3的学生成绩管理系统","student-performance",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,33,39,45,51,56,57,62,68,74,80,86,92,98,104],{"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},18,"7r0zrxqF","01. 学生成绩管理系统介绍",3753,19,"2025-01-09 10:22:30",{"id":25,"uuid":28,"project_id":6,"title":29,"type":9,"status":10,"public_enabled":10,"views":30,"sort":31,"created_at":32,"updated_at":14,"project_title":15,"project_slug":16},"h5U5WN1A","02. 脚手架介绍",3957,20,"2025-01-09 10:22:49",{"id":31,"uuid":34,"project_id":6,"title":35,"type":9,"status":10,"public_enabled":10,"views":36,"sort":37,"created_at":38,"updated_at":14,"project_title":15,"project_slug":16},"aKzqZqzY","03. 实现登录功能",3607,21,"2024-04-16 02:36:48",{"id":37,"uuid":40,"project_id":6,"title":41,"type":9,"status":10,"public_enabled":10,"views":42,"sort":43,"created_at":44,"updated_at":14,"project_title":15,"project_slug":16},"xve1cq5m","04. 开发课程管理页面",1907,22,"2024-04-16 02:36:40",{"id":43,"uuid":46,"project_id":6,"title":47,"type":9,"status":10,"public_enabled":10,"views":48,"sort":49,"created_at":50,"updated_at":14,"project_title":15,"project_slug":16},"KUfmmtjB","05. 开发课程分页查询接口",1303,23,"2024-04-16 02:36:36",{"id":49,"uuid":52,"project_id":6,"title":53,"type":9,"status":10,"public_enabled":10,"views":54,"sort":4,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},"5aLIaQCP","06. 开发课程前后台数据对接",1040,"2024-04-16 02:36:32",{"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":12,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":6,"created_at":61,"updated_at":14,"project_title":15,"project_slug":16},"NlyNo5n8","08. 开发课程管理删除功能",666,"2024-04-16 02:36:23",{"id":6,"uuid":63,"project_id":6,"title":64,"type":9,"status":10,"public_enabled":10,"views":65,"sort":66,"created_at":67,"updated_at":14,"project_title":15,"project_slug":16},"dDLZGpA4","09. 开发学生登录功能",1019,27,"2024-04-16 02:36:20",{"id":66,"uuid":69,"project_id":6,"title":70,"type":9,"status":10,"public_enabled":10,"views":71,"sort":72,"created_at":73,"updated_at":14,"project_title":15,"project_slug":16},"5qCBv54l","10. 开发学生注册功能",811,28,"2024-04-16 02:36:15",{"id":72,"uuid":75,"project_id":6,"title":76,"type":9,"status":10,"public_enabled":10,"views":77,"sort":78,"created_at":79,"updated_at":14,"project_title":15,"project_slug":16},"smeYDA8N","11. 开发学生管理功能",1060,29,"2024-04-16 02:36:10",{"id":78,"uuid":81,"project_id":6,"title":82,"type":9,"status":10,"public_enabled":10,"views":83,"sort":84,"created_at":85,"updated_at":14,"project_title":15,"project_slug":16},"eji2Bt8v","12. 开发文件上传下载功能",914,30,"2024-04-16 02:36:07",{"id":84,"uuid":87,"project_id":6,"title":88,"type":9,"status":10,"public_enabled":10,"views":89,"sort":90,"created_at":91,"updated_at":14,"project_title":15,"project_slug":16},"BkumMnOk","13. 开发个人资料功能",980,31,"2024-04-16 02:36:03",{"id":90,"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},"C7ux2BRH","14. 开发学生选课功能",1221,32,"2024-04-16 02:35:58",{"id":96,"uuid":99,"project_id":6,"title":100,"type":9,"status":10,"public_enabled":10,"views":101,"sort":102,"created_at":103,"updated_at":14,"project_title":15,"project_slug":16},"fLHT6xiE","15. 开发成绩管理功能",1253,33,"2024-04-16 02:35:54",{"id":105,"uuid":106,"project_id":6,"title":107,"type":9,"status":10,"public_enabled":10,"views":108,"sort":109,"created_at":110,"updated_at":111,"project_title":15,"project_slug":16},56,"k3gvEqlV","基于SpringBoot+Vue3的学生成绩管理系统资料汇总",355,100,"2024-12-26 16:23:07","2026-05-07 15:36:12.649662+00"]