为什么要去做这种尝试?
前端的开发模式已经在这几年发生了翻天覆地的变化了。现在借助于node
和行业著名的几个前端框架可以轻松通吃前后端。当然也有不适用的场景,这里就略过。
于是乎,随着自己技术的成长,必然会去玩儿,一个人搞定一个web
应用,也是很酷的事儿,以前后端开发工程师经常干这事儿,而前端人员大多数人技术面较窄,不过这也不是一成不变的,前端人员也开始往其他方向延伸,技术能力也在不断提升,以后的前端工程师,必会出现越来越多懂后端技术的人。
主要技术栈
- vue
- webpack
- element-UI
- nodeJS
- mongoDB
项目结构
开发思路梳理
虽然是一个人开发,但是也有一个基本的逻辑,就是还是需要大致分为两个部分来做。一个是前端逻辑,一个是后端逻辑。有点废话了,咳咳…
前端部分,这个对于我来说就相当熟悉了,vue-cli
工具,基本可以把项目架构起来。而且可以通过node
下的express
框架可以轻松的做mock
数据,开发效率大大增加。不过也感觉是废话,因为在完全的前后端分离的项目,前端肯定会用mock
。
后端部分,使用express + moongoDB
。在后端开发的时候,单独于项目开发,也可以直接在项目中开发。由于是一个人开发,我觉得没必要独立于该项目,新建一个项目。
统筹部署,假设前端部分和后端逻辑,api
接口及数据库操作都已实现,如何部署呢?我们知道,前端部分是会在完成开发的时候,打包成一个静态资源的,我们只需要在后端处理时,设置好静态资源所在的目录,同时被请求是返回index.html
即可。在项目中,本地查看,可通过node
命令,运行后端入口文件,即可启动整个web
应用。
(完)