# html + css + javascript + jquery + node.js + vue.js + egg.js 开发企业网站

# 1.第二学期第三季课程介绍

本季课程是以第二学期第一季、第二季课程作为知识储备，正式进行我们项目的实战：开发企业网站的前端和后台。

适用人群
1、初中以上学历，零基础，喜欢编程的所有从业人员，从零学起（需学完 第一学期的课程、第二学期第一季课程、第二学期第二季课程）；
2、会做简单的网页，但是不会JavaScript脚本，从零开始学习JS的大学生或者编程爱好者；
3、不清楚学习路线，不知道如何下手学习网页和网站开发的人；
4、手里有客户资源，又不想找别人做，想自己做项目如：网站、系统、APP、小程序等；
5、想学习编程搞副业的人；

课程概述
【课程概述】
有了我们前面的课程（第一学期、第二学期第一季、第二季课程）知识储备，我们第三季开发企业网站或者系统，所有同学都可以轻松拿捏了，也就意味着学完本季度同学们可以接单做网站或者系统了。我们本季度是对网站前端和后台的一个完整的开发。

章节有：Egg.js基础、响应式网页布局、响应式网站后台、Egg.js和Mysql数据库进阶进一步开发网站后台、企业网站前端部分 ，章节不多但是每个章节内容和知识点较多，大家不要跳课学习，跟着老师的视频一步一步敲出网站的后台功能代码，以及网站前端页面功能代码，学习完之后，大家可以尝试接单做网站或者系统。

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

# 2.本季课程视频介绍

(opens new window)

# 3.课程视频学习

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

# 4.查看课程文档

# 章节1.第三季课程介绍

# 章节2.Egg.js基础

# 一、关于Egg.js

# ① 安装Egg.js项目

# ② 写一个api接口进行测试

# ③ 说明一下，关于调试课件代码的问题

# ④ 自定义创建一个控制器

# 二、eggjs中的get请求post请求处理

# ① get方式路由传参：带?获取参数 ctx.query.参数名，不带?获取参数 ctx.params.参数名

# ② 设置响应状态码： ctx.status

# ③ post请求参数处理

# 一、安装get/post等请求的调试工具：postman

# 1. 下载postman

# 2. 安装postman

# 二、post请求获取参数：ctx.request.body

# 1. 关闭csrf功能开启跨域请求

# 2. eggjs中post请求：ctx.request.body

# 三、案例：eggjs + postman测试工具完成留言数据写入json文件

# 四、mysql（MySQL）数据库基础

# 五、eggjs项目中sequelize模型创建mysql数据库

# 1.安装egg-sequelize 插件

# 2. 在config/plugin.js中引入 egg-sequelize 插件

# 3. 在config/config.default.js中配置数据库连接

# 4. 安装 sequelize-cli插件

# 5. 数据库 Migrations 迁移文件相关的内容都放在database目录下

# 6. 初始化 Migrations 配置文件和目录

# 7. 在生成的database/config.json 修改一下配置内容

# 8. 创建数据库

# 9. 创建数据库迁移文件

# 10. 执行 migrate 进行数据库变更创建表

# 六、egg.js项目中sequelize模型新增数据到数据库

# 1. 创建模型文件

# 2. 编写模型文件

# 3. 插入一条数据到数据库：create方法

# 3.1 定义路由

# 3.2 定义控制器

# 4. 批量插入数据到数据库：bulkCreate方法

# 5. 修改器set()方法：数据插入到数据库前可自动修改成指定要求的数据

# 七、egg.js项目查询数据

# 1. 查询数据库中的单个数据：主键查询方法：findByPk(主键字段)、如果需要多个条件，可以使用findOne方法

# 2. 查询数据库中的多个数据：查询多个findAll()，查询多个并统计条数findAndCountAll()

# 3. 获取器get()方法：查询数据后可自动修改成指定要求的数据

# 八、egg.js项目sequelize模型where操作符

# 示例

# 1. where操作符

# 2. where操作符范围选项

# 九、egg.js项目sequelize模型查询结果指定字段、排序、分页

# 1. attributes属性指定返回的字段，exclude属性指定排除的字段

# 2. 排序：order

# 3. 分页：limit指定每页返回多少条数据、offset指定偏移量

# 示例

# 十、egg.js项目sequelize模型更新数据

# 1. 更新数据：save方法，指定修改字段fields属性

# 2. 如果觉得save方法更新字段非常麻烦，可以使用update方法批量修改字段，第二个参数可指定修改字段

# 十一、egg.js项目sequelize模删除、批量删除数据：destroy方法

# 十二、错误和异常统一处理

# 十三、中间件配置

# 十四、参数验证

# 1. 安装插件

# 2. 配置插件 config/plugin.js

# 3. 配置 config/config.default.js

# 4. 控制器举例

# 5. 参数验证的错误提示在中间件中设置一下

# 6.ValParams API 说明

# 十五、路由分组

# 1. 新建 app/router目录，在该目录下新建对应控制器名文件

# 2. 在app/router/message.js中写路由

# 3.在app/router.js中按控制器指定分组

# 十六、模版引擎

# 1. 安装模版渲染插件

# 2. 在config/plugin.js中配置插件

# 3. 在config/config.default.js中配置模版引擎

# 4. vscode安装一下nunjucks模版引擎扩展，方便代码提示

# 5. 新建 app/view目录，以后所有模版放这个目录里面

# 6. 控制器 app/controller/home.js 写一个方法

# 7. 重启项目，访问路由即可看到网页内容

# egg.js基础课程总结

# 章节3.响应式网页布局

# 一、响应式网页布局是什么

# 二、响应式网页布局的实现方法

# 三、简单的响应式页面案例

# 四、Bootstrap框架

# 五、响应式后台管理系统（egg.js + Bootstrap）

# ① 搭建界面引入模版html文件

# ② 创建管理员（页面、创建数据库表及提交数据）

# ③ 管理员列表

# ④ 管理员列表分页功能

# ⑤ 公共模板开发

# ⑥ 后台管理员登录

# ⑦ 后台用户留言板管理板块

# ⑧ 优化公共模版表格能够显示头像

# ⑨ 后台左侧菜单栏

# ⑩ 上传文件

# ⑪ 上传或修改管理员头像

# 章节4.Egg.js和Mysql数据库进阶进一步开发网站后台

# 一、用户管理板块(以直播功能中的用户表liveuser表为例)

# ① 用户管理板块说明

# ② 具体实现过程

# 二、礼物管理(以直播功能中的礼物表livegift表为例)

# ① 礼物管理板块说明

# ② 具体实现过程

# 三、订单管理(以直播功能中的订单表liveorder表为例)

# ① 初步理解关联关系

# ② 具体实现过程

# 四、直播间管理(以直播功能中的直播间表live表为例)

# ① 多模型关联查询实践

# ② 具体实现过程

# 五、mysql语句进一步理解模型关联关系（Mysql进阶）

# ① 关联关系进一步说明

# ② mysql数据库基础-三、mysql子查询和连表查询（文档搜索：mysql子查询和连表查询）

# 六、企业网站栏目管理、内容管理

# ① 企业网站栏目管理、内容管理说明

# ② 企业网站后台栏目管理具体实现

# ③ 企业网站后台内容管理具体实现

# 七、网站配置管理

# ① 网站配置管理代码实现

# 八、后台初始化管理员登录逻辑

# ① 登录逻辑代码实现

# 九、简单权限管理

# ① 管理员栏目：超级管理员可以查看所有管理员，普通管理员只能看自己

# ② 权限分配

# ③ 网站后台管理员简单权限分配功能实现

# 章节5.企业网站前端部分

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