数据库技术与应用（达梦）课件 任务7.3 设计与开发电力调度管理系统前端_第1页
数据库技术与应用（达梦）课件 任务7.3 设计与开发电力调度管理系统前端_第2页
数据库技术与应用（达梦）课件 任务7.3 设计与开发电力调度管理系统前端_第3页
数据库技术与应用（达梦）课件 任务7.3 设计与开发电力调度管理系统前端_第4页
数据库技术与应用（达梦）课件 任务7.3 设计与开发电力调度管理系统前端_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《数据库原理与应用》任务7.3设计与开发电力调度管理系统前端项目7：数据库应用程序开发主讲人：李萍第23讲系统前端开发本任务中将在任务7.2完成电力调度管理系统的后端程序设计与开发后，创建前端项目框架、使用路由组件定义数据请求路径，使用网络组件异步获取后端接口数据，最终将数据正确渲染到前端组件中。素质目标能力目标知识目标1）了解NVM管理Node版本的原理。2）了解Vue项目启动的依赖加载与端口监听机制。3）了解使用路由组件管理应用内导航和请求路径的方法。1）能够通过npm解决前端依赖下载问题。2）能够定位前端项目启动报错（如端口占用、版本不兼容）并解决。1）培养版本管理意识，通过NVM避免不同项目的Node版本冲突。2）提升前端项目部署的熟练度，符合前端开发流程规范。[任务实施]Node.js与NVM环境配置

下载Node.js，安装NVM，安装并切换Node版本，配置Node.js环境变量。2.Vue项目初始化

使用VueCLI创建项目，配置选项选择，项目初始化完成。3.依赖安装与配置

ElementUI安装，按需引入配置优化，功能依赖安装与配置，配置Axios，配置Webpack，配置路径别名。4.相关核心文件配置

入口文件配置，根组件配置，全局样式配置。5.用户登录模块前端程序编写

动态路由配置，API接口层设计与实现，页面设计与实现。6.区域用电量展示模块前端程序编写

Vuex状态管理配置，动态路由配置，API接口层设计与实现，页面设计与实现。评价指标评价标准分值得分Node.js与NVM环境配置能安装并切换Node版本，安装NVM及配置Node.js环境变量10Vue项目初始化能按项目需求选择配置选项，确保适配Vue2与核心功能模块10依赖安装与配置能安装ElementUI、Axios、Less预处理器、Nodepolyfill插件等，并能进行Axios和Webpack配置10相关核心文件配置能进行入口文件、根组件配置、全局样式等配置10用户登录模块前端程序编写能够按“视图-接口-路由”分别编写用户登录前端程序30区域用电量展示模块前端程序编写能够按“视图-接口-路由-状态”分别编写区域用电量展示前端程序30任务评价表【任务思考】

请针对不同用户类型（电网总局工作人员、电网分局工作人员以及电力用户）设计的响应式

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论