美文网首页技术干货
Egg+Vue+EasyWebpack项目总览(frontend

Egg+Vue+EasyWebpack项目总览(frontend

作者: EdgarZz | 来源:发表于2018-06-12 11:58 被阅读96次

    背景介绍

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

        之前由于项目需求,要搭一个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

        登录页

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

        注册页

        首页

    结语

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

    相关文章

      网友评论

      • b43090355ecc:界面风格挺喜欢的,期待进一步完善!正要学习nodejs的路过……

      本文标题:Egg+Vue+EasyWebpack项目总览(frontend

      本文链接:https://www.haomeiwen.com/subject/avsleftx.html