Vue.js+Node.js开发实战

• 1. 开发一个网站的准备
  • 1.1. 1.网站开发技术和工具
    • 1.1.1. 1.1 第一步：购买一个域名
    • 1.1.2. 1.2 第二步：域名的备案和解析
    • 1.1.3. 1.3 第三步：购买一台服务器
    • 1.1.4. 1.4 小结
• 2. Nodejs+vue基础
  • 2.1. 1.安装Node.js
    • 2.1.1. 1.1 windows中安装nodejs
    • 2.1.2. 1.2 Linux中安装nodejs
  • 2.2. 2.第一个Node.js示例—Hello World
  • 2.3. 3.Node.js后端框架Express
    • 2.3.1. 3.1 Express的安装
  • 2.4. 4.RESTful API规范
  • 2.5. 5.页面显示框架Vue.js
    • 2.5.1. 5.1 Vue.js的安装
    • 2.5.2. 5.2 用Vue.js编写Hello World—CDN方式
    • 2.5.3. 5.3 用Vue.js编写Hello World—Webpack方式
  • 2.6. 6. 其他页面显示框架
  • 2.7. 7.JavaScript开发利器—WebStorm
  • 2.8. 8.小结
• 3. 项目开发准备
  • 3.1. 1. SQL数据库和NoSQL数据库
    • 3.1.1. 1.1.1 SQL数据库和NoSQL
    • 3.1.2. 1.1.2 NoSQL数据库
    • 3.1.3. 1.1.3 mongodb
    • 3.1.4. 1.1.4 redis
  • 3.2. 2. 版本控制简介
    • 3.2.1. 2.1 Git和GitHub
  • 3.3. 3. 测试工具
    • 3.3.1. 3.1 浏览器自带的开发者工具
    • 3.3.2. 3.2 Postman插件
  • 3.4. 4.小结
• 4. 项目后台技术Express
  • 4.1. 1 Express应用程序生成器
  • 4.2. 2 Express提供的路由
    • 4.2.1. 示例：使用生成器创建新的项目
    • 4.2.2. Response的方法
  • 4.3. 3 使用Express托管静态文件
  • 4.4. 4 Express和数据库交互
    • 4.4.1. 4.1 Node.js与MongoDB集成
    • 4.4.2. 4.2 Node.js与Redis集成
    • 4.4.3. 4.3 Node.js与MySQL集成
  • 4.5. 5 Express高级应用
    • 4.5.1. 5.1 Express中的中间件
    • 4.5.2. 5.2 Express错误处理
  • 4.6. 小结
• 5. Vue.js开发基础
  • 5.1. 1. 安装Vue.js与脚手架
    • 5.1.1. 1.1 安装淘宝镜像
    • 5.1.2. 1.2 安装vue-cli
    • 5.1.3. 1.3 创建项目
    • 5.1.4. 1.4 相关工具
  • 5.2. 2.告别webpack配置！vue UI
    • 5.2.1. 2.1参考如下文献
  • 5.3. 3.Vue.js条件渲染
  • 5.4. 4.Vue.js列表渲染
  • 5.5. 5.Vue.js输入监听
  • 5.6. 6. Vue.js事件处理-v-on绑定
• 6. Vue的生命周期
  • 6.1. 1.生命周期与钩子函数
  • 6.2. 2.演示Vue.js的生命周期
• 7. Vue.js的模板语法
  • 7.1. 1 文本
  • 7.2. 2 JavaScript表达式
  • 7.3. 3 v-bind绑定动态属性
  • 7.4. 4.常用模板语法总结
• 8. Vue.js的组件化
  • 8.1. 1.组件化简介
  • 8.2. 2.组件的创建
  • 8.3. 3.组件的注册
    • 8.3.1. 3.1 全局注册
    • 8.3.2. 3.2 局部注册
  • 8.4. 4.组件间的数据传递
    • 8.4.1. 5.监听子组件事件
  • 8.5. 5.通过插槽分发内容
  • 8.6. 小结
• 9. Vue.js的vue-router库
  • 9.1. 1.Vue.js的页面路由实现
  • 9.2. 2. 使用vue-cli初始化Vue.js项目
  • 9.3. 3. 安装和配置vue-router
  • 9.4. 4. 动态路由匹配
  • 9.5. 5. 路由嵌套
  • 9.6. 6. 路由跳转
  • 9.7. 7. 导航守卫
• 10. Vue.js的状态管理库Vuex和Pinia
  • 10.1. 1. Vuex
    • 10.1.1. 1.1 状态管理与store模式
    • 10.1.2. 1.2 使用Vuex的情形
    • 10.1.3. 1.3 在Vue.js组件中Getter对象
    • 10.1.4. 1.4 更新Vuex中的store
    • 10.1.5. 1.5 Vuex模块的划分
  • 10.2. 2. Pinia
    • 10.2.1. 1.安装
    • 10.2.2. 2.创建store
    • 10.2.3. 3.添加store
    • 10.2.4. 4.使用store、Getters、Action 属性
  • 10.3. 3.Vuex VS Pinia
• 11. Vue-UI库
  • 11.1. 1. Element UI库
  • 11.2. 2. Ant Design of Vue UI库
  • 11.3. 3. iView UI库
• 12. 项目需求分析和功能说明
  • 12.1. 1.内容发布网站的需求分析
  • 12.2. 2.系统设计需求和技术说明
  • 12.3. 3.后端接口需求
  • 12.4. 4.前端页面需求
• 13. 项目策划和功能设计
  • 13.1. 1.项目功能策划
  • 13.2. 2.项目模块划分
  • 13.3. 3.项目后端API路由定义
  • 13.4. 4.项目前端页面路由定义
  • 13.5. 5.项目原型图和流程图
  • 13.6. 6.小结
• 14. 项目后端API开发
  • 14.1. 1.开发前的准备工作
  • 14.2. 2.初始化项目
  • 14.3. 3.连接数据库
  • 14.4. 4.配置服务应用列表
• 15. 通用API开发
  • 15.1. 1.获取页面导航栏
  • 15.2. 2.获取底部详细内容
  • 15.3. 3.获取友情链接
  • 15.4. 4.获取首页轮播图
  • 15.5. 5.获取热点文章列表内容
  • 15.6. 6.获取文章列表
  • 15.7. 7.获取文章详情
  • 15.8. 8.获取文章评论
  • 15.9. 9.获取分类内容
  • 15.10. 10.记录文章浏览量
• 16. 用户权限相关API开发
  • 16.1. 1.用户模块开发前的准备工作
  • 16.2. 2.用户评论文章
  • 16.3. 3.获取用户资料
  • 16.4. 4.修改用户资料
  • 16.5. 5.发送私信
  • 16.6. 6.获取私信列表
  • 16.7. 7.获取私信
  • 16.8. 8.用户注册
  • 16.9. 9.用户登录
  • 16.10. 10.文章分类列表
  • 16.11. 11.文章“点赞”和“踩”功能
  • 16.12. 12.文章收藏
  • 16.13. 13.获取文章列表
• 17. 后台管理相关API开发
  • 17.1. 1.文章添加和修改
  • 17.2. 2.文章发布和删除
  • 17.3. 3.添加和修改分类
  • 17.4. 4.获取全部用户列表
  • 17.5. 5.封停用户
  • 17.6. 6.修改首页轮播内容
  • 17.7. 7.修改导航内容
  • 17.8. 8.修改底部内容
  • 17.9. 9.修改友情链接内容
  • 17.10. 10.其他权限判定
• 18. 小结
• 19. 前端页面开发
  • 19.1. 1.项目前期准备
    • 19.1.1. 1.1 创建新项目
  • 19.2. 2. 选择UI库
  • 19.3. 3. 安装HTTP请求库
    • 19.3.1. 3.1 跨域问题解决办法
• 20. 主要页面的开发
  • 20.1. 1.主页