课程培训
uni-app培训课程

一、uni - app 基础入门

· 培训目标:使学员全面了解 uni - app 的基本概念、优势以及学习路径,为后续深入学习 uni - app 开发奠定坚实基础。

· 培训收益:学员能够清晰认识 uni - app 在跨平台开发领域的地位,明确学习方向,激发学习兴趣,快速进入学习状态。

· 知识点 

1. uni 的基本介绍uni - app 的诞生背景、核心特点(跨平台、高效开发等)、应用场景及发展前景。

2. 如何学习 uni - app:学习资源推荐(官方文档、在线教程、社区论坛等)、学习方法和技巧,以及学习过程中常见问题的解决思路。

二、开发环境搭建与项目初始化

· 培训目标:让学员熟练掌握 uni - app 开发环境的搭建方法,能够独立创建并运行 uni - app 项目,熟悉项目的基本结构和开发规范。

· 培训收益:学员可以快速搭建起适合 uni - app 开发的本地环境,减少因环境问题导致的开发障碍,提高开发效率。

· 知识点 

1. uni - app 的 HBuilderX 开发环境搭建HBuilderX 的下载、安装与配置,包括插件安装、主题设置等个性化操作。

2. 项目运行:在 HBuilderX 中创建 uni - app 项目,使用模拟器和真机调试运行项目,了解不同运行方式的区别和适用场景。

3. 项目目录和开发规范的介绍:详细解读 uni - app 项目的目录结构,包括各个目录的作用和存放的文件类型;介绍代码编写规范,如命名规则、缩进格式等,培养良好的开发习惯。

三、应用配置与全局管理

· 培训目标:使学员理解 uni - app 的应用配置机制,掌握全局变量的定义和使用方法,能够根据项目需求进行合理的应用配置。

· 培训收益:学员可以通过合理配置应用参数,优化项目性能,实现全局数据的共享和管理,提高代码的可维护性。

· 知识点 

1. 配置列表简单介绍 

· globalStyle:设置应用的全局样式,如导航栏样式、窗口背景色等。

· pages:管理应用的页面路径,实现页面的添加、删除和排序。

· tabBar:创建底部导航栏,配置导航栏的样式和页面跳转关系。

· condition:设置启动模式和启动页面,满足不同场景下的启动需求。

· easycom:简化组件引入方式,提高开发效率。

2. 应用配置和全局变量的介绍:在 pages.json 文件中进行应用配置的详细设置;讲解全局变量的定义方法(如使用 Vue.prototype 或 globalData),以及在各个页面中的使用方式。

四、页面开发与组件使用

· 培训目标:让学员掌握 uni - app 页面的创建方法,熟悉常用组件的使用,能够根据需求快速搭建出美观、实用的页面。

· 培训收益:学员可以独立完成 uni - app 页面的基本开发工作,运用各种组件实现丰富的页面交互效果,提升用户体验。

· 知识点 

1. 页面创建和页面文件的介绍:在 HBuilderX 中创建新页面,了解页面文件的组成(.vue 文件、.js 文件、.json 文件、.wxss 文件等)及其作用。

2. 常用组件的使用 

· Text 组件:用于显示文本内容,介绍其基本属性和样式设置。

· View 组件:作为页面布局的容器,讲解其布局方式(如 flex 布局)和常用属性。

· Button 按钮组件:实现页面交互功能,介绍按钮的样式、事件绑定等使用方法。

· image 组件:用于显示图片,讲解图片的加载方式、样式设置和缓存机制。

3. uni 中样式的学习和如何使用字体图标:介绍 uni - app 中的样式语法,包括选择器、单位等;讲解字体图标的引入和使用方法,提升页面的美观度。

五、数据绑定与指令应用

· 培训目标:使学员掌握 uni - app 中的数据绑定方法,理解 Vue 指令的作用和使用场景,能够灵活运用指令实现数据的动态展示和交互。

· 培训收益:学员可以实现页面数据与后台数据的实时同步,通过指令简化代码编写,提高开发效率和代码的可读性。

· 知识点 

1. 基本数据的绑定:在 Vue 实例中定义数据,并在页面中使用双大括号语法({{}})进行数据绑定。

2. V - bind 和 v - for 的使用 

· v - bind:用于动态绑定 HTML 属性,如 v - bind:class、v - bind:style 等。

· v - for:实现列表渲染,根据数据数组动态生成多个元素,讲解其使用方法和注意事项。

六、生命周期函数与页面交互

· 培训目标:让学员理解 uni - app 页面的生命周期过程,掌握生命周期函数的使用方法,能够实现页面的下拉刷新、上拉加载等常见交互效果。

· 培训收益:学员可以根据页面生命周期合理组织代码逻辑,实现页面的动态加载和更新,提升用户体验。

· 知识点 

1. 生命周期函数的学习:介绍 uni - app 页面的各个生命周期函数(如 onLoad、onShow、onReady 等)的触发时机和作用,通过实例演示如何使用这些函数进行数据初始化和页面更新。

2. 下拉刷新的学习:在页面中启用下拉刷新功能,监听下拉刷新事件,实现数据的重新加载和页面刷新。

3. 界面交互和反馈:介绍 uni - app 提供的交互组件(如 toast、loading 等)和反馈方法,实现用户操作后的提示和反馈效果。

七、页面通讯与数据请求

· 培训目标:使学员掌握 uni - app 页面之间的通讯方法,能够熟练发起网络请求获取数据,并实现数据的上传和下载功能。

· 培训收益:学员可以实现不同页面之间的数据共享和传递,与后台服务器进行数据交互,完成数据的增删改查操作,为开发完整的 uni - app 应用提供支持。

· 知识点 

1. 页面之间的通讯:介绍页面跳转时传递参数的方法(如 URL 参数、全局变量等),以及页面间的事件通信机制(如 $emit 和 $on)。

2. 发起请求的学习:使用 uni.request 方法发起网络请求,介绍请求的配置参数(如 URL、方法、数据等)和响应处理方式,实现与后台服务器的数据交互。

3. 上传和下载学习:使用 uni.uploadFile 和 uni.downloadFile 方法实现文件的上传和下载功能,讲解上传和下载的进度监听和事件处理。

八、插件使用与扩展功能

· 培训目标:让学员了解 uni - app 插件市场,掌握插件的下载、安装和使用方法,能够运用扩展组件实现更丰富的页面功能。

· 培训收益:学员可以借助丰富的插件资源,快速实现一些复杂的功能,减少开发工作量,提高开发效率。

· 知识点 

1. 插件的下载和使用学习:介绍 uni - app 插件市场的使用方法,包括插件的搜索、下载和安装;讲解如何在项目中引入和使用插件,以及插件的配置和调用方法。

2. 轮播扩展组件的使用:使用第三方轮播组件(如 swiper 组件的扩展版本)实现图片轮播效果,介绍组件的属性和事件设置。

3. 水印扩展组件的使用:引入水印组件,为页面添加水印效果,讲解水印的样式设置和显示控制。

九、设备功能与应用发布

· 培训目标:使学员掌握 uni - app 中设备相关功能的使用方法,能够获取设备信息、实现扫码功能等,并了解 uni - app 应用的发布流程。

· 培训收益:学员可以开发出与设备紧密结合的 uni - app 应用,满足不同场景下的业务需求,并将应用顺利发布到各个平台。

· 知识点 

1. 定时器的学习:使用 setInterval 和 setTimeout 方法实现定时任务,介绍定时器的清除方法,避免内存泄漏。

2. 设备扫码学习:使用 uni.scanCode 方法实现扫码功能,讲解扫码的配置参数和回调处理,实现二维码和条形码的扫描。

3. 设备网络状态获取学习:使用 uni.getNetworkType 方法获取设备的网络状态,根据网络状态进行相应的业务处理。

4. 微信小程序的发布:介绍微信小程序的开发者工具使用,讲解小程序的审核流程和发布步骤,将 uni - app 项目发布为微信小程序。

5. 安卓 app 打包:使用 HBuilderX 将 uni - app 项目打包为安卓应用,介绍打包配置和签名方法,生成可安装的 APK 文件。

 




如果您想学习本课程,请预约报名
如果没找到合适的课程或有特殊培训需求,请订制培训
除培训外,同时提供相关技术咨询与技术支持服务,有需求请发需求表到邮箱soft@info-soft.cn,或致电4007991916
技术服务需求表点击在线申请

服务特点:
海量专家资源,精准匹配相关行业,相关项目专家,针对实际需求,顾问式咨询,互动式授课,案例教学,小班授课,实际项目演示,快捷高效,省时省力省钱。

专家力量:
中国科学院软件研究所,计算研究所高级研究人员
oracle,微软,vmware,MSC,Ansys,candence,Altium,达索等大型公司高级工程师,项目经理,技术支持专家
中科信软培训中心,资深专家或讲师
大多名牌大学,硕士以上学历,相关技术专业,理论素养丰富
多年实际项目经历,大型项目实战案例,热情,乐于技术分享
针对客户实际需求,案例教学,互动式沟通,学有所获
报名表下载
联系我们 更多>>

咨询电话010-62883247

                4007991916

咨询邮箱:soft@info-soft.cn  

 

  微信咨询

随时听讲课

聚焦技术实践

订制培训 更多>>