Web前端应用开发项目式教程(基于uni-app框架)

Web前端应用开发项目式教程(基于uni-app框架)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

面向初学者,还原真实项目开发流程。

内容简介

本书是一本基于uni-app框架的全流程开发项目化实战教材,以真实项目“启嘉校园”贯穿全书,按项目开发流程拆分成11个任务,每个任务中通过“任务描述”和“学习目标”帮助学习者明确学习内容与重、难点。

此外,本书还穿插名师解惑、逻辑分析、设计图分析等教学环节,能够帮助学习者深入理解学习内容。

本书可作为高职高专院校计算机相关专业的教材,也可作为对uni-app框架技术感兴趣人员的参考用书。

作者简介

编者高秀艳,副教授职称,工学硕士学位,现任河北软件职业技术学院软件工程系副主任,兼任软件技术专业群带头人。2020年获“河北省优秀教师”荣誉称号。现为河北省教学能力大赛专家库成员,河北省首批职业教育创新型教师教学团队成员、河北省首批黄大年式教学团队核心成员、国家职业教育教师教学创新团队成员。

章节目录

版权信息

前言

任务1 项目开发准备

1.1 任务描述

1.2 任务效果

1.3 学习目标

1.4 知识储备

1.4.1 产品需求文档

1.4.2 页面设计图

1.4.3 字体图标

1.4.4 接口文档

1.4.5 项目源码

1.5 任务实施

1.5.1 搭建前端开发环境

1.5.2 搭建后端开发环境

1.5.3 创建项目开发目录

1.6 任务测试

1.7 学习自评

1.8 课后练习

1.9 任务拓展

任务2 制作个人中心页

2.1 任务描述

2.2 任务效果

2.3 学习目标

2.4 知识储备

2.4.1 可滚动视图容器组件scroll-view

2.4.2 触摸事件touch

2.4.3 页面生命周期

2.4.4 导航栏

2.4.5 底部tabBar

2.5 任务实施

2.5.1 页面结构分析与搭建

2.5.2 制作头部区域

2.5.3 制作自定义导航栏

2.5.4 制作圆弧及功能列表区域

2.5.5 制作底部标签栏区域

2.5.6 制作“联系我们”模态框

2.6 任务测试

2.7 学习自评

2.8 课后练习

2.9 任务拓展

任务3 制作个人资料页

3.1 任务描述

3.2 任务效果

3.3 学习目标

3.4 知识储备

3.4.1 picker组件

3.4.2 input组件

3.4.3 image组件

3.4.4 uni-app常用提示框

3.4.5 页面跳转

3.5 任务实施

3.5.1 页面结构分析与搭建

3.5.2 制作用户基本资料区域

3.5.3 制作用户扩展资料区域

3.6 任务测试

3.7 学习自评

3.8 课后练习

3.9 任务拓展

任务4 制作社区首页

4.1 任务描述

4.2 任务效果

4.3 学习目标

4.4 知识储备

4.4.1 uni-app的组件化开发

4.4.2 uni-easyinput组件

4.4.3 uni-app页面转发

4.4.4 uni-app图片处理

4.4.5 movable-area组件

4.5 任务实施

4.5.1 页面结构分析与搭建

4.5.2 制作搜索区域

4.5.3 制作选项卡区域

4.5.4 制作文章列表区域

4.5.5 制作悬浮按钮

4.6 任务测试

4.7 学习自评

4.8 课后练习

4.9 任务拓展

任务5 制作文章发布页

5.1 任务描述

5.2 任务效果

5.3 学习目标

5.4 知识储备

5.4.1 元素遮罩层

5.4.2 正则表达式

5.5 任务实施

5.5.1 页面结构分析与搭建

5.5.2 制作导航栏区域

5.5.3 制作文字信息区域

5.5.4 制作图片上传区域

5.5.5 制作选择话题区域

5.5.6 制作文章发布按钮区域

5.6 任务测试

5.7 学习自评

5.8 课后练习

5.9 任务拓展

任务6 制作文章详情页

6.1 任务描述

6.2 任务效果

6.3 学习目标

6.4 知识储备

6.4.1 组件复用与拓展

6.4.2 uni-app跨端兼容

6.4.3 DOM更新回调

6.5 任务实施

6.5.1 页面结构分析与搭建

6.5.2 制作文章详情区域

6.5.3 制作评论区域

6.6 任务测试

6.7 学习自评

6.8 课后练习

6.9 任务拓展

任务7 实现登录功能

7.1 任务描述

7.2 任务效果

7.3 学习目标

7.4 知识储备

7.4.1 HTTP请求

7.4.2 uni-app发送网络请求

7.4.3 应用生命周期函数

7.4.4 获取当前应用实例方法getApp

7.4.5 globalData全局变量机制

7.5 任务实施

7.5.1 微信授权登录

7.5.2 获取用户个人数据

7.5.3 维护用户登录状态

7.6 任务测试

7.7 学习自评

7.8 课后练习

7.9 任务拓展

任务8 实现文章发布与文章列表分页功能

8.1 任务描述

8.2 任务效果

8.3 学习目标

8.4 知识储备

8.4.1 常见的分页方式

8.4.2 利用uni.uploadFile方法进行文件上传

8.4.3 uni-app页面间通信

8.5 任务实施

8.5.1 发布社区文章

8.5.2 获取文章列表

8.6 任务测试

8.7 学习自评

8.8 课后练习

8.9 任务拓展

任务9 实现文章详情页相关功能

9.1 任务描述

9.2 任务效果

9.3 学习目标

9.4 知识储备

9.4.1 评论区互动形式

9.4.2 多向评论区展示结构

9.5 任务实施

9.5.1 获取文章详情

9.5.2 实现文章点赞、转发与关注作者功能

9.5.3 实现文章评论功能

9.6 任务测试

9.7 学习自评

9.8 课后练习

9.9 任务拓展

任务10 项目测试

10.1 任务描述

10.2 任务效果

10.3 学习目标

10.4 知识储备

10.4.1 什么是测试

10.4.2 软件测试发展史

10.4.3 软件测试的作用

10.4.4 软件测试的重要性

10.4.5 软件测试的类型

10.4.6 软件测试最佳实践

10.4.7 软件测试常用工具

10.5 任务实施

10.5.1 划分功能模块

10.5.2 设计并编写测试用例

10.6 任务测试

10.7 学习自评

10.8 课后练习

10.9 任务拓展

任务11 项目部署与发布

11.1 任务描述

11.2 任务效果

11.3 学习目标

11.4 知识储备

11.5 任务实施

11.5.1 发布到H5端

11.5.2 发布到微信小程序

11.6 任务测试

11.7 学习自评

11.8 课后练习

11.9 任务拓展

参考文献

Web前端应用开发项目式教程(基于uni-app框架)是2024年由机械工业出版社出版,作者高秀艳 等 主编。

得书感谢您对《Web前端应用开发项目式教程(基于uni-app框架)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Web应用开发技术与案例教程 电子书
结合多个开发案例,详细介绍Web应用开发中多层次、多方面的内容,使你能够真正掌握系统开发中规律性的知识。
Web前端开发简明教程:HTML+CSS+JavaScript+jQuery 电子书
Web前端开发精品课  HTML与CSS进阶教程 电子书
  通俗易懂 案例简洁形象,生动剖析晦涩难懂的知识点。   直击要点 规避思维误区,为初学者打牢基础保驾护航。   全面培养 讲透基础知识,亦注重开发技巧与思维锻炼。   精简浓缩 精炼核心内容,为读者节省学习时间与成本。   在线辅助 结合网站资源,强化书本学习并拓展新知识。
网页设计与制作教程:Web前端开发(第6版) 电子书
本书依据《Web前端开发职业技能等级标准(初级)》和部分示范院校的《Web前端技术课程教学标准》编写。
Bootstrap Web前端开发技术(微课版) 电子书
本书系统介绍Bootstrap5的相关知识及其应用,知识全面、案例丰富、易学易用。本书共11章,内容可以归纳为4部分,即Bootstrap5的基本知识、弹性布局和栅格布局、组件和表单、实际网站的设计和实现;同时,本书还将Bootstrap5与之前的版本及DIV+CSS布局进行对比,从多个维度介绍基于Bootstrap5的Web前端开发技术的优势。此外,编者细致整理了本书所有案例的源码和素材资源,以