Egg+Vue+EasyWebpack项目总览(frontend篇)

背景介绍

    简述下项目迭代过程,说白了就是流水账,不想看的朋友可以直接第二部分看展示。

    之前由于项目需求,要搭一个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地址,有兴趣的朋友可以下来玩玩:https://github.com/zhqlol/edgarserver.git

    登录页

用户名密码登录
手机号登录

    注册页

    首页

结语

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

推荐阅读更多精彩内容