# 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.企业网站前端部分

更新时间: 2025年2月14日星期五晚上7点31分