导航
课程首页
  • PM-Summit 全球产品经理大会云会员
  • SDCon 全球软件研发技术大会云会员
  • ML-Summit 全球机器学习技术大会云会员
  • C++性能优化高端培训
  • AI全栈开发实战营
精品课 极客时间

AI 搜索

登录
登录后您可以:
  • 复制代码和一键运行
  • 与博主大V深度互动
  • 解锁海量精选资源
  • 获取前沿技术资讯
立即登录
会员中心
消息
历史
创作中心
创作
学习中心
成为讲师

Nuxt.js+BootstrapVue+Json-server 基础入门到项目实战 课程介绍和案例展示

Nuxt.js+BootstrapVue+Json-server 基础入门到项目实战
共20节 1674人在学 课程详情
课程目录
讨论留言
  • 课程介绍和案例展示
  • create-nuxt-app 安装和使用
  • nuxt项目目录详解
  • create-nuxt-app 项目配置文件
  • nuxt.config.js 配置介绍
  • 导航菜单栏组件开发
  • vs code 快速生成vue单文件内容结构
  • 路由约定page文件创建
  • Home Page 页面模块UI开发
  • Json-server api服务搭建
  • Home Page 接口服务端渲染
  • Jokes页面banner开发
  • Jokes页面表单模块
  • Jokes页面表单查询列表
  • Jokes页面分页模块
  • Jokes接口逻辑开发
  • ssr 初始化服务端渲染
  • About Page 页面开发
  • 分别设置多页面Head标签内容
  • Less、Sass、Stylus 配置及使用
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    nuxt.js + bootstrapVue 实战课程介绍和案例展示

    课程介绍

    为什么要学习服务端渲染 nuxt.js ?

    现在我们的项目大多数都是SPA(单页面应用),在实际开发过程中单页面应用比之前的模板渲染要好很多,首先单页面应用是前后端分离,架构清晰,前端负责交互逻辑,后端负责数据,前后端单独开发,独立测试。但是,SPA不利于SEO(搜索引擎优化)。让搜索引擎更为信任该网站,通过提升排名获得更多网站流量,对于某些类型的网站是非常有必要的。目前大部分的Vue项目本质是 SPA 应用,React、Angular也都是SPA应用。SPA应用广泛用于对SEO要求不高的场景中。在我们开发的过程中,我们有 SEO 的需求,我们需要搜索引擎更多地抓取到我们的项目内容,此时我们需要SSR。SSR保证用户尽快看到基本的内容,也使得用户体验性更好。


    Nuxt.js 是一个 Node 程序,基于vue.js开发的一套服务端渲染的框架,必须使用 Node 环境。我们对 Nuxt.js 应用的访问,实际上是在访问这个 Node.js 程序的路由,程序输出首屏渲染内容 + 用以重新渲染的 SPA 的脚本代码,而路由是由 Nuxt.js 约定好的 pages 文件夹生成的,开发只需要遵循一定的约定,直接使用vue.js开发我们项目也是非常轻松的。


    课程案例

    (1) HOME PAGE



    (2) Jokes Page 





    (3)About Page 





    课程概述

    在本课程中,大喵将使用 nuxt.js + bootstrapVue + json-server 开发实战性质一个入门级项目,带着大家来体验服务端渲染(SSR )项目构建的过程;介绍 nuxt.js项目目录的结构,每个文件夹和文件的基本概念和作用,以及nuxt.config.js 配置文件的基本介绍;页面公共结构处理,路由页面跳转配置处理;axios 接口请求;带着大家来熟悉及掌握 bootstrapVue UI组件库的使用;


    推荐课程

    信息系统项目管理师自考笔记

    李明 · 789人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22323人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4244人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 806人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 859人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5175人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1517人在学

    Python Django 深度学习 小程序

    钟翔 · 2355人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 620人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4025人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00

      订阅失败

      Nuxt.js+BootstrapVue+Json-server 基础入门到项目实战
      Nuxt.js+BootstrapVue+Json-server 基础入门到项目实战 ...

      订阅列表已满,请先移出部分订阅内容。

      当前章节需购买后观看
      开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
      提交答案

      购买课程

      扫码完成付费,可继续学习全部课程内容

      加载中...
      课件正在飞速打包中,请耐心等待几秒钟~

      视频问题反馈

      提交遇到的问题我们会尽快解决的 ~

      首页
      博客
      下载
      学习
      社区
      AI搜索
      GitCode
      InsCodeAI
      技术会议
      会员中心
      创作中心
      联系我们
      工作时间: 8:30 - 22:00
      客服电话: 400-660-0108
      kefu@csdn.net在线客服
      • 关于我们
      • 招贤纳士
      • 商务合作
      • 寻求报道
      • 友情链接
      • 视觉中国
      • 500px
      • 直聘网
      • 优设网
      • CSDN文库
      • CSDN下载
      • CSDN问答
      • 京ICP备19004658号
      • 经营性网站备案信息
      • 公安备案号11010502030143
      • 营业执照
      • 北京互联网违法和不良信息举报中心
      • 家长监护
      • 中国互联网举报中心
      • 网络110报警服务
      • Chrome商店下载
      • 账号管理规范
      • 版权与免责声明
      • 版权申诉
      • 出版物许可证
      • ©1999-2025北京创新乐知网络技术有限公司