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

封面

版权信息

前言

任务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 任务描述