你将学到的
  • MongoDB 的常用命令
  • Koa 的使用
  • 图片上传下载
  • Vue CLI 脚手架
  • Vuex 全局状态用法
  • axios HTTP 请求库的配置使用
  • 富文本库 wangeditor 用法
  • Mongoose 框架用法
  • Koa 中间件编写和逻辑
  • Vue.js 的使用和特点
  • Vue Router 路由管理
  • Ant Design of Vue UI 库
  • JWT 鉴权
  • Nginx 基本配置和反向代理
课程内容
  共14个章节
实验 1 前端基础和技术选型

知识点: 1.HTML、CSS、JavaScript快速概览 2.前端框架概览和选型 3.后端选型 4.数据库选型 5.Web服务器选型

实验 2 课程所需环境搭建

知识点: 1.快速搭建环境 2.npm包管理器 3.Git代码管理 4.VueCLI脚手架 5.Nodejshttp服务器 6.MongoDB服务器和客户端 7.Nginxhttp服务器

实验 3 数据库与数据模型

知识点: 1.MongoDB命令行基本操作 2.Mongoose介绍 3.MongooseSchema

实验 4 Koa 和中间件

知识点: 1.Koa安装使用 2.Koa中间件逻辑 3.Koa中间件编写 4.Koa中间件应用

实验 5 文章 API 编写

知识点: 1.路由中间件 2.Mongoose增查改删 3.bodyparser中间件 4.curl访问接口

实验 6 评论模块 API

知识点: 1.评论API设计 2.评论和文章相连接 3.子文档相关操作

实验 7 鉴权与图片上传下载

知识点: 1.JWT 2.multr上传 3.static下载 4.注册登录API 5.图片上传下载API

知识点: 1.Vuejs简介 2.Vuejs模板语法 3.Vuejs条件和循环 4.Vuejs生命周期钩子

实验 9 Antd 和注册登录页面

知识点: 1.axios 2.promise 3.AntDesignofVue 4.注册登录页

实验 10 Vue Router 和 Vuex

知识点: 1.VueRouter 2.路由导航 3.Vuex

实验 11 文章相关模块

知识点: 1.富文本 2.vhtml 3.分页 4.组件和Props传递 5.评论

知识点: 1.权限设计 2.管理功能

实验 13 用户信息修改

知识点: 1.图片上传组件 2.图片下载 3.异步函数

知识点: 1.生产环境配置 2.前端编译打包 3.pm2配置 4.nginx配置

课程介绍

内容发布系统作为基础的网站应用,可以用于新闻、博客、官网、论坛、社区等各种用途。本训练营教大家如何从头构建实现一个前后端分离的内容发布系统,包括了前端页面、后端服务、数据库和发布上线。

课程应用技术栈为 Vue.js + Koa + MongoDB + Nginx,会从头介绍各个技术的基本情况和使用方法,并快速的应用服务于项目。

前端部分,课程会介绍了 Vue.js 的特点和用法,以及 Vue Router 和 Vuex。同时会引入 Ant design of Vue 框架,wangeditor 富文本库,Axios 请求库等,实现了用户注册登录,权限管理,前端路由导航,用户信息修改和头像上传,文章的发布页、浏览页、列表页和修改删除等功能,以及评论的相关功能。

后端部分则会完成如 RESTful API 编写,用户鉴权,图片上传下载,数据库增查改删操作,并系统的介绍了 Koa 中间件的写法和用法。

作为一个全栈入门项目,课程编写中非常注意降低门槛,零基础都可以直接学习。涉及到的代码和用法都有浅显的解释和介绍,并穿插了一些 Linux 命令和 ES6 语法之类的小技巧,最后还详细指导大家如何在空白 Linux 服务器上配置环境、部署程序。教程中涉及的知识点都尽量使用了到 2019 年底为止的最新内容,没有使用旧版本的库、资料以及不再推荐的技术。

先学课程

课程难度

  • 中等

适合人群

  • 面向完全没有经验的新手,以及有一定前端或后端基础,想要学习全栈来独自完成项目的程序员。

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

瑞卡 共发布过 1 门课程

查看老师的所有课程 >
蓝桥楼+
蓝桥会员
会员
开通会员,即刻开始学习