# 第三学期第一季课程介绍

# uniapp + vue 入门开发移动端企业网站，并兼容微信小程序、支付宝小程序，打包成 IOS + 安卓 APP

也就是我们常说的：一套代码兼容多端。

适用人群
1、初中以上学历，零基础，喜欢编程的所有从业人员，从零学起（需学完 第一学期的课程、第二学期第一季课程、第二学期第二季课程、第二学期第三季课程、第二学期第四季课程）；
2、想接单做网站、小程序、app、系统的人员，想学习整个项目上线流程；

课程概述
【课程概述】
本季度课程主要同学们前面开发的企业网站，做一个手机端：手机网站、微信小程序、支付宝小程序、安卓和苹果IOS手机APP的一个体验开发。

具体课程安排，请看下面的文档目录

# 2.本季课程视频介绍

(opens new window)

# 3.课程免费试看（1-13课）

免费试看1-13课 (opens new window)

# 4.课程视频学习

第三学期第一季【网易云课堂】 (opens new window)
第三学期第一季【B站】 (opens new window)

# 5.查看课程文档

# 章节1.课程介绍

# 章节2.开发前环境搭建

# 1. 安装开发工具

# 2. 安装插件并调试移动端页面

# 3. 调试安卓端手机app效果

# 4. 调试苹果手机app效果

# 5. 调试微信小程序效果

# 6. 调试支付宝小程序效果

# 章节3.引入UI框架及进行全局配置

# 一、引入UI框架

# 二、项目配置

# 1、底部导航栏

# ① 底部导航栏属性样式设置

# ② 底部导航栏事件

# 2、顶部导航栏设置

# 章节4.首页开发

# 一、swiper广告图

# ① 多种指示器形式样式展示

# ② 带标题的轮播图

# ③ 图片视频混合的轮播图

# ④ 卡片式轮播图

# 二、消息滚动通知

# 三、引入公共样式（css样式库）

# ① 公共样式（css样式库）详细代码及说明

# ② 引入公共样式替换之前写的行内样式

# 四、主要栏目展示

# 五、横向滚动【主营业务】展示

# ① 横向滚动示例

# ② 横向滚动【主营业务】

# 六、资讯中心【新闻中心】开发

# 章节5.其它界面开发

# 一、资讯中心【新闻中心】列表

# ① 导航栏部分

# ② 信息列表部分

# 二、信息详情页

# 三、联系我们页面

# ① 联系方式展示及初步使用表单组件提交数据验证

# ② 完成留言板界面和数据验证

# 四、工程案例页面

# 章节6.数据处理

# 一、首页数据 [index.vue页面]

# ① swiper广告图

# ② 首页消息滚动数据处理

# ③ 首页主要栏目数据处理

# ④ 首页滚动列表、卡片列表、底部导航栏数据处理

# ⑤ 首页完整代码

# 二、信息列表数据 [list.vue页面]

# 三、卡片列表数据 [piclist.vue页面]、联系我们 [contact.vue]、详情页 [detail.vue]

# ① 卡片列表数据 [piclist.vue页面]

# ② 联系我们 [contact.vue]

# ③ 详情页 [detail.vue]

# 章节7.后端api开发（选修课）

# 章节8.数据交互和界面展示

← 第二学期第四季（课程学习顺序：05）第三学期第二季（课程学习顺序：07） →