Egg+Vue+EasyWebpack中后端解决方案
发布于 6 年前 作者 zhqlol 2774 次浏览 来自 分享
  • 背景介绍 简述下项目迭代过程,说白了就是流水账,不想看的朋友可以直接第二部分看展示。 之前由于项目需求,要搭一个restful api server,由于主要是要跟移动端交互,考虑到高并发和易用的socket,决定用NodeJS来做。 之后就是框架选型,Express、Koa、Egg,综合对比了一下,选择了Egg,最主要的原因是省事……真要找个拿得出手的原因的话:我之前是做Java的,Egg的分层用起来很顺手。 开心的用Egg完成了小四十个接口,用起来的感觉还不错。这个时候新的需求来了,需要弄个管理端,用来处理用户密码重置、活动发布、字典管理、参数配置等工作。公司之前前端解决方案是Vue+iView,就直接iView-admin弄了。 就这样,前端Vue+iView,后端Egg,用了一段时间,感觉每次部署都要来回切目录、更新、部署、启服务,好麻烦……就准备把前后端整合到一起去,Egg+Vue的版本就出现了。 需求总是越来越多,移动端有一些功能准备放到web来做,功能不多,Boss让我直接扔到管理端弄,管理端是SPA模式,移动端可能就是要展示个活动页面,却要加载一大堆没用的JS、CSS、Image,太不友好了,就琢磨再弄个Vue服务端渲染吧。 到此整个项目的架子出来了,基于 Egg + Vue + EasyWebpack 多页面和单页面服务端客户端渲染同构工程,UI解决方案iView + vant。 啰嗦了这么多,下面是干货时间。粗暴了从项目中抽了一版,留了基础功能,还不完善,剥离业务是个漫长的过程……后续逐渐完善吧。 后续会丰富UI组件,集成MySQL、Redis,目标是弄一套开箱即食的中后端解决方案。

  • 效果展示 Git地址,有兴趣的朋友可以下来玩玩:GitHub 登录页 用户名密码登录 login.png 手机号登录 login2.png 注册页 regist.png 首页 homepage.png

  • 结语 先到这儿吧,后续完善了再来跟大家分享!等完善的差不多了,我会出一系列整个迭代的过程,包括中间遇到的各种坑……敬请期待!

6 回复

@vendar 刚开始弄,还有很多要完善的地方,挖的坑会挨个填上

@atian25 谢谢支持

@dengnan123 谢谢支持

回到顶部