网站首页 > 技术文章 正文
新增需求
完成课时模块的添加、修改、内容回显的前端页面开发。
前后端接口联调:完成与后台接口的对接,实现对课时内容进行操作
项目运行
本地运行
使用 IntelliJ Idea 打开 edu_work 项目;配置 Tomcat 服务器的部署方式为 war;配置 Tomcat 服务器的本地图片上传目录;运行 lagou_edu_home。
使用 VS Code 打开 edu-boss 项目,然后打卡命令行运行 npm run serve。
虚拟机运行
分别打包好后台项目和前端项目,然后分别部署到虚拟机中的两个不同的 tomcat 目录中,先运行后台再运行前端项目。
前端页面的开发
CourseTasks.vue
- 新增两个按钮:添加课时按钮、编辑课时按钮。
- 新增一个对话框:对话框中包含一个表单,表单用于显示添加或修改课时的信息。
- Vue 的 data 中增加数据:addLessonForm - 跟表单绑定的课时信息 Map 类型;rules - 表单校验规则 Map 类型;showAddLesson - 是否显示对话框的布尔值。
- Vue 的生命周期 created 钩子函数中为 addLessonForm 获取课程 id 和课程名。
- Vue 的 methods 中新增方法:handleShowAddLessonDialog(section) - 显示添加课时表单,回显课时信息;handleShowEditLessonDialog(lessonNode) - 显示修改课时表单,回显课时信息;handleAddLesson() - 添加 & 修改课时操作。
视频讲解
- 上一篇: 前端零基础小白们必看的入门视频推荐
- 下一篇: SSM 单体框架 - 前端开发:视频讲解
猜你喜欢
- 2024-11-26 汾阳交警大队开展执法记录仪“前端固证 后台审核”专题培训
- 2024-11-26 前端webpack从入门到精通视频教程文末下载
- 2024-11-26 SSM 单体框架 - 前端开发:视频讲解
- 2024-11-26 前端零基础小白们必看的入门视频推荐
你 发表评论:
欢迎- 599℃几个Oracle空值处理函数 oracle处理null值的函数
- 591℃Oracle分析函数之Lag和Lead()使用
- 579℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 575℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 571℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 564℃【数据统计分析】详解Oracle分组函数之CUBE
- 550℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 545℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)