美文网首页技术干货
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

    登录页

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

    注册页

    首页

结语

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

相关文章

  • Egg+Vue+EasyWebpack项目总览(frontend

    背景介绍 简述下项目迭代过程,说白了就是流水账,不想看的朋友可以直接第二部分看展示。 之前由于项目需求,要搭一...

  • 认证授权 4 Spring Security + JWT(总览与

    1:项目代码结构 总览 2:项目逻辑 总览 3:注册用户 4:用户登录 5:不带Token访问需要进行身份验证的资...

  • 测试文章标题

    新建项目 在后台添加一个新项目, 如项目ID:2, 项目唯一标识:loa2 在frontend/web/下新建项目...

  • Lindaren —— 项目总览

    前言 工作有些年头了,多多少少也掌握了一点点前后端技术,一直想做一个实实在在的东西出来。一是想趁此机会把自己掌握的...

  • Flutter - 项目总览

    我们根据默认模板新建一个flutter项目,会生成一个计数的项目,首先介绍下整个目录结构: 目录结构 可以看到,除...

  • mimir查询主流程源码

    frontend http入口在pkg/api/api.go中 frontend会访问到pkg/frontend/...

  • GEO数据挖掘视频笔记

    项目总览 第一个视频主要是项目总览,介绍了整个课程的结构,每一讲主要要讲得东西,介绍了jimmy的github形式...

  • frontend

    主机ip:192.168.21.14 端口:10090 用户:zyzx 主目录:/home/zyzx/fronte...

  • 详细讲解使用allure生成测试报告

    测试报告应该包括哪些内容? 在我看来,测试报告至少需要包括项目总览和执行情况分析这两方面的信息。 1. 项目总览 ...

  • fastadmin同控制器使用多布局模板文件

    继承控制器Frontend中添加: application/common/contorller/Frontend....

网友评论

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

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

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