《专业综合实践I》-实验教学大纲.docVIP

《专业综合实践I》实验大纲 一、课程基本信息 课程代码课程名称：专业综合实践I 英文名称:Professional comprehensive practice I 课程类别：专业课 课程模块： 课程性质：选修 学　　时：32 学 分：2 适用专业：计算机科学与技术专业本科四年级 先修课程：《java语言程序设计》、《数据结构》 实验教学的总体目的和要求 1、对学生的要求:有一定的动手能力和html、cs、js的相关知识。 2、对教师的要求:熟练掌握web前端开发各项技术，以及专业实验室的实验环境 3、对实验条件的要求 系统要求：win10 64位，内存=4G 软件：vscode nodejs vscode需安装的插件：live server vuetr等插件 实验教学内容 实验一 购物商城首页与注册页面设计 1、实验目的 （1）学习和掌握浮动布局 （2）熟悉常用的html5标签 （3）掌握css3常用样式和属性。 （4）加深对css3盒子模型的理解。 2、实验内容 （1）vscode的使用 （2）购物商城首页设计 （3）注册页面设计 介绍Web前端开发技术在中国的应用发展情况，同时对比世界Web前端技术现况，让学生在了解Web前端开发的前沿研究和先进技术的同时，更清晰地认识到我国在技术理论研究和技术应用上还存在的短板，激励学生奋发图强的意志，致力于Web前端技术技术的创新发展。 实验二 视频网站首页设计 1、实验目的 （1）学习和掌握flex布局 （2）熟悉常用的flex属性 （3）掌握css3常用样式和属性。 2、实验内容 （1）头部栏目设计 （2）导航栏目设计 （3）热门视频栏目设计 （2）底部栏设计 实验三 仿美团首页设计 1、实验目的 （1）进一步熟悉和掌握flex布局 （2）熟悉js操作dom接口 （3）掌握绝对定位和相对定位。 2、实验内容 （1）头部栏目设计 （2）附近拼团栏目设计 （3）猜你喜欢栏目设计 （4）底部栏设计 实验四 购物车设计 1、实验目的 （1）学习和掌握vue.js的模板语法 （2）熟悉vue.js的计算属性，监听属性 （3）掌握vue.js的单向绑定、双向绑定。 （3）了解localstorage和sessionstorage的使用 2、实验内容 （1）添加商品表单 （2）购物车列表 实验五 广财商城首页设计 1、实验目的 （1）学习和掌握vue.js的模板语法 （2）熟悉vue.js的事件处理 （3）掌握vue.js的样式绑定。 （3）掌握vue.js的异步请求 2、实验内容 （1）添加商品表单 （2）购物车列表 介绍前端开发框架，vue.js、layui、Elementui等优秀框架是中国人开发的，目前已经占领了国内主流开发技术，前端开发工程师们刻苦钻研、不怕困难不断取得突破得来，这种踏实勤奋的钻研精神，让学生有很大的学习意义和参考价值，透过这些过往的业绩增强学生民族自豪感，在前辈们的业绩感召下激发青年人的爱国主义情怀，形成为祖国科技发展努力学习的动力。 实验六 广财商城后台管理 1、实验目的 （1）学习和掌握vue.js的组件开发 （2）熟悉Element-ui的数据表格和表单组件 （3）了解mock.js的使用。 （3）掌握基于路由拦截的权限管理 2、实验内容 （1）总体框架设计 （2）菜单栏和tab栏互动 （3）用户管理页面设计 （4）用户基本信息页面设计 （5）统计信息页面设计 介绍Web前端开发技术应用在中国的蓬勃发展，近十年在中国的迅猛兴起，让学生对Web前端技术在中国的应用发展前景充满信心，让学生对中国的科技文化充满自信，让学生对中国的发展充满自信，增强学生对中国特色社会主义的道路自信、理论自信、制度自信和文化自信。 考核方式与标准 由指导教师根据学生完成任务的情况、课程设计说明书的质量和课程设计过程中的工作态度等综合打分。课程设计结束时，要求学生写出课程设计报告，可运行的软件系统（包括源程序）。成绩评定实行优、良、中、及格和不及格五个等级。即：优秀—90～100分；良好—80～89分；中等—70～79分；及格—60～69分；不及格－60分以下。优秀者人数一般不得超过总人数的20%。不及格者不能得到相应的学分，需重新做课程设计。 具体的评分细节如下： 1. 平时表现（10%） 课程设计期间表现良好，无违纪；（10分） 2. 课程设计过程中表现的动手与创新能力，程序设计的实用性、扩充性和通用性（50%） （1）课程设计方案先进，设计符合规范要求，创新部分合理，说明书叙述透彻，图面整洁、明确；（46分～50分） （2）完成了规定的功能但创新不明显，只限于界面布局的调整，但程序编写规范、清晰，有一定的通用性；（36分～45分）。 （3）完成了