课程 | 前端开发框架与应用 | |
课程性质 | 专业限制选修 | |
年级专业 | 23软件工程 | |
学分 | 3 | |
教学周期 | 1 - 18 | |
周学时 | 3 | |
总学时 | 54 | |
行政班级 | 1班 | 2班 |
选修人数 | 40 | 48 |
实训机房 | 格物1-C404 | 格物1-C203 |
教学日 | 周五 | 周三 |
时间 | 8-9-10 | 10-11-12 |
档案编号 | 82.3 | 82.4 |
周 | 内容 |
---|---|
内容 环境部署 IDE
内容 项目构建 Project 实操 Hello World |
|
内容 网络请求 axios
内容 网络请求 fetch 内容 网络请求* axios 内容 数据服务器* json-server 实操 静态资源服务器的搭建 |
|
内容 响应式 ref
内容 响应式 reactive 实操 商品列表页 |
|
内容. 条件渲染 v-if
内容. 列表渲染 v-for 实操 商品列表页 |
|
内容. 类 class
内容. 样式 style 内容. 媒体查询 @media 预处理* scss 实操 首页 |
|
内容 表单 form & v-modal
内容 事件 event 实操 购物车 |
|
内容 计算属性 computed
内容 生命周期 lifetime 实操 数据加载 |
|
内容 作业讲评1
内容 第三方 swiper iconfont 实操 首页-轮播 |
|
内容 侦听器 watch
内容 组件通信 defineProps 内容 组件通信 defineEmits 实操 购物车优化 |
|
内容 组件通信 provide & inject
内容 组件插槽 slot 动态组件 is 实操 首页-活动模块 |
|
内容 模板引用 ref
内容 路由 router 实操 首页 |
|
内容 命名路由 name、嵌套路由 children
内容 路由传参 query & params 实操 首页 |
|
内容 作业讲评2
内容 编程式路由 实操 详情页 |
|
内容 状态管理 pinia
内容 状态管理 pinia 实操 购物车 |
|
内容 过渡组件 <Transition> <TransitionGroup>
内容 缓存组件 <KeepAlive> 实操 代办事项 |
|
内容 综合项目 迷你商城 - 首页
内容 综合项目 迷你商城 - 个人中心 内容 综合项目 迷你商城 |
|
内容 综合项目 迷你商城 - 商品列表页
内容 综合项目 迷你商城 - 详情页 内容 综合项目 迷你商城 |
|
内容 综合项目 迷你商城 - 购物车
内容 综合项目 迷你商城 - 商品管理 内容 综合项目 迷你商城 |
|
内容 综合项目 迷你商城 - 用户管理
内容 项目答辩 内容 项目答辩 |
开发设计个人简历/个人网站/商城
个人作业
提交项目:项目整体压缩后提交
提交实验报告:按照 实验模板 要求,导出为PDF再提交
实验项目和实验报告统一提交到学习通对应作业
纸质版实验报告双面打印后,由学委提交到格物4-208留档
序号 | 学号 | 姓名 | 综合10 | 结构20 | 样式30 | 逻辑40 | 得分 |
---|---|---|---|---|---|---|---|
20231003 | 王五 | xx | xx | xx | xx | xx | |
20231002 | 李四 | xx | xx | xx | xx | xx | |
20231001 | 张三 | xx | xx | xx | xx | xx |
更多详情,请查看 23软工考核方案