|
|
项目三 --智慧工厂人员档案模块合作开拓责任企业级卓越人才培养（信息类专业集群）目录01Option here02Option he
re任务实施任务需求任务总结03Option here04Option here任务技能任务需求任务需求学习目标学习目标了解人员档
案模块的数据显示学习Angular的模板语法掌握Angular的NgFor指令具有解决数据显示问题的能力学习路径学习路径企业级卓越
人才培养（信息类专业集群）情景导入情境导入在智慧工厂中央管理系统中，为了实现员工的精细化管理，建立了人员档案模块，在该模块中系统管
理员可以查看员工姓名、级别、简介等相关信息。而且，系统管理员也可将优秀员工的信息以轮播图的形式显示。本项目主要是通过实现智慧工厂的
人员档案模块来学习Angular的模板语法和数据显示。功能描述功能描述使用Bootstrap+Angular实现智慧工厂人员档案模
块。使用Angular模板语法创建项目模板使用Bootstrap实现页面布局使用Angular的NgFor指令实现数据显示企业级卓
越人才培养（信息类专业集群）基本框架基本框架实现效果实现效果PRESENT企业级卓越人才培养（信息类专业集群）任务技能任务技能任务
技能01 Angular架构02 Angular模板语法企业级卓越人才培养（信息类专业集群）03 Angular数据显示An
gular架构01模块Angular应用是模块化的，每个应用中至少含有一个模块，即根模块。模块的主要作用是对组件与服务等进行打包，
形成内聚的功能块。02组件界面中的视图区域是由组件组成的，通过在组件中编写HTML模板，最终在界面中被渲染。在组件的ts文件中还可
定义应用逻辑等。03模板Angular模板一般以HTML形式存在，通过组件自身所含有的模板可以定义组件视图。其主要作用是定义如何渲
染组件。04元数据在创建组件后，对应的ts文件中会自动生成一个@Component装饰器，其包含多个配置项，这些配置项的值即为元数
据。元数据的主要作用是渲染组件并执行组件的逻辑。05数据绑定数据绑定可以使模板和组件之间相互关联，相互合作。通过在模板HTML中绑
定标记，可以实现数据绑定。06指令指令可以为模板元素添加一些新的功能或特性。Angular中指令具有三种类型：组件、结构型指令、属
性型指令。07服务服务可以是类，也可以是对象或者方法。其主要用来在特性模块或者应用中共享数据和方法。将服务注入到最高层的组件或模块
中，其子组件或子模块也可应用。08依赖注入通过依赖注入可以提供类的新实例，并负责处理类所需的全部依赖，其主要作用是将服务注入到需要
的模块、组件或服务中。Angular模板语法模板的HTML语法丰富多样，与Angular结合使用克服了其在构建应用上的不足。Ang
ular模板语法中兼容大部分HTML元素，不兼容HTML的元素有：
| | |
