Vue 3 企业级项目实战课
杨文坚
前阿里前端 Leader,前腾讯 IMWeb 团队高级前端工程师
6908 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 47 讲
实战篇 (19讲)
Vue 3 企业级项目实战课
15
15
1.0x
00:00/00:00
登录|注册

19|全栈项目搭建:如何搭建Vue.js的前后台全栈项目?

你好,我是杨文坚。
前几节课中,我们基于 Node.js 的 Koa.js 搭建了 Web 服务,设计了 Node.js 项目的前后端分离,学习了如何基于 Node.js 在服务端渲染 Vue.js 页面,以及前后端项目如何联动实现 Vue.js 的同构渲染。数一数你掌握的项目能力,Web 服务开发、Node.js 服务端分层,Vue.js 前端渲染和服务端渲染,看起来前后端能力都有了,应该就是全栈项目吧?
如果从广义上理解,确实已经算是全栈项目了,但是从实际项目角度上分析,还不满足我们课程中运营搭建平台的“全栈”功能需要,比如,还缺少数据存储层的设计、前台和后台的服务隔离设计(这里的前台指的是面向客户的 Web 服务,后台指的是面向管理员的 Web 服务)。
这么多新概念,不知道你有没有觉得有点云里雾里的?不用困惑,今天我们会逐一分析,最终搭建出自己的全栈项目。
首先老规矩,先分析一下我们的课程项目,完整的全栈系统设计需要做什么准备?

全栈系统设计需要准备什么?

我们最终的项目是实现一个运营搭建平台,需要考虑项目的用户人群。运营搭建平台是给企业员工用的,快速搭建网页,然后把网页输出给客户使用。
那就要考虑两个用户维度:员工、客户。在大厂的项目中,这类场景需要把平台拆分成两个独立的服务。拆分主要从“安全”、“稳定”和“便于维护”三个因素考虑的。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文详细介绍了如何搭建Vue.js的前后台全栈项目,并强调了全栈系统设计的重要性。作者首先分析了全栈系统设计的准备工作,包括用户人群和平台拆分等。随后,详细介绍了全栈系统设计的三个步骤:Web服务的拆分和隔离、前后台Web服务的系统设计以及前后台资源和数据的共享设计。文章还提出了具体的设计方案和操作建议,如使用CDN云服务存放静态资源、选择自建数据库或购买数据库服务等。此外,文章还介绍了如何准备MySQL数据库服务环境,包括选择MySQL作为项目数据库的原因和安装MySQL的步骤。最后,文章给出了使用Node.js操作MySQL数据库的示例代码,并提供了解决MySQL最新版本加密方式与Node.js的mysql客户端不一致的问题的方法。整体而言,本文以实际项目角度出发,对于想要深入了解全栈项目搭建的读者具有很高的参考价值。文章内容涵盖了全栈系统设计的方方面面,从数据库的选择和准备到具体的操作实例,为读者提供了全面的指导和实践经验。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《Vue 3 企业级项目实战课》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(2)

  • 最新
  • 精选
  • Akili
    静态文件适合做些配置文件,如果使用静态文件存储动态的数据,需要进行读写文件,效率不高,还有读写静态文件会缺失数据库有的事物、约束、索引等等。

    作者回复: 是的,频繁读写文件效率低,而且不方便。

    2023-02-17归属地:云南
  • 冰糖爱白开水
    运营搭建平台分为前后台,是普遍的实现方案吗?
    2024-03-12归属地:浙江
收起评论
显示
设置
留言
2
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部