VueJS +NodeJS全栈开发实战教程(一):项目简介

作者 : admin 本文共677个字,预计阅读时间需要2分钟 发布时间: 2021-10-27 共1人阅读

VueJS +NodeJS全栈开发实战教程(一):项目简介

教程目录

待更新

前言

跌跌撞撞在学习中终于把一个项目写完,很多借鉴了别人的思想。作为一个在校大学生,深感本科教育存在了一定的弊端。比如本科教育注重理论教学不重实践,常常会使学生深陷厌学的泥潭之中。但是计算机专业课请务必认真学,那是计算机的基础。至于说到为什么要写这个实战项目,只是为了从纯小白的角度出发,如何从零开始搭建一个严格意义上的网站。从项目构建-后端搭建-项目打包上线都会涉及到,并加上自己的理解。注意:笔者是一个小白,可能很多地方有缺漏或者理解不够深刻,望大牛们能指出。

一、项目概述

项目模仿了王者荣耀手机端官网的建设,B站有该教程的视频版本(作者不是本人),我只是用纯文字把项目个人整理了一遍,有两个原因

  • 加深自己的理解
  • 让大家能更快速地上手和有可供查询的教程

这是一个前后端分离的项目,我会从前后端不断穿插讲解,每一个术语我都尽量解释清楚并附上背后的原理,敬请包涵。
### (一)第一部分
这个项目的第一部分以后台管理页面为示例,主要帮助大家理解宜家内容:

  • 从“0”到“1” 搭建一个Web项目
  • 什么是前后端分离?如何实现前后端分离
  • 单页面应用有哪些特点?
  • 如何在 Web 项目中使用数据库并利用网页实现增删改查?
  • 在开发中如何利用各种辅助手段?
  • Vue.js 的基本概念与用法
  • 简单的前端页面设计
  • 如何部署 Web 应用?

基本结构如下图:
VueJS +NodeJS全栈开发实战教程(一):项目简介插图

登录页面:
VueJS +NodeJS全栈开发实战教程(一):项目简介插图(1)

后台管理页面:
VueJS +NodeJS全栈开发实战教程(一):项目简介插图(2)

移动端展示页面:
VueJS +NodeJS全栈开发实战教程(一):项目简介插图(3)

整个项目结构:
VueJS +NodeJS全栈开发实战教程(一):项目简介插图(4)

二、技术栈

1.前端技术栈

  1. Vue.js
  2. elementUI
  3. axios

2.后端技术栈

  1. Express
  2. NodeJS
  3. MongoDB

3.主要参考内容


滴石it网-Java学习中高级和架构师教程_Java企业级开发项目实战下载 » VueJS +NodeJS全栈开发实战教程(一):项目简介

常见问题FAQ

发表评论

开通VIP 享更多特权,建议使用QQ登录