专栏首页杨龙飞前端vue重构后台管理系统调研

vue重构后台管理系统调研

Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码。

首先就要那后台管理来开刀来,现有的技术框架就是php模版+jquery+jquery插件库,大杂烩什么都有,简单的说就是jquery技术栈,jquery灵活,但是代码量太大,没有太深入的思想,回调,dom操作,表单校验正则,dialog框,蒙层,表格编辑,查询分页,查询条件筛选,日期计算,无非就是这些东西。但是使用jquery的话,很坑,尤其是联动效果很多的时候就更坑了。我实在忍受不了,普普通通的一个表单,要写上1000行以上的代码。

进入重构,首先的问题是,后端渲染,为什么要做后端渲染,因为有时候会做google统计,seo优化,之类的,必须用后端渲染才行,普通的spa就不行了,而且语言包那一块需要去服务器拉去数据后才能生成文件,必须有后端服务做支撑,考虑这些,然后就入了nuxtjs的坑,nuxt是一种vue后端渲染方案,首先搭了一个nuxt服务,然后使用element,把menu组件改成了侧边栏,然后看了一下路由配置发现,这个路由就是根据文件的目录来判断,和php,java有的一拼,几乎是一样的,也支持动态路由,可匹配等,然后里面有server.js,client.js,分别打包客户端和服务端的代码,首页采用服务端渲染,其他页面则采用客户端渲染。

但是这样搭载过之后,我发现,后台管理系统里会有一些统计数据的工具,这时候可能会引入vue的图标框架,但是我不能确定vue的图表插件能否支持ssr

纠结之中我还是放弃了,如果以后有小的项目可以试一下。这次就别这样了,进度也要跟的上,况且都是内部人员使用的话对seo要求也不高,就选用spa,然后折腾了一下,发现vue-element-admin这个架口碑不错,进去看了一些,图标,表格,校验,菜单自适应,该有的都有,然后。。。。遇到了一个问题,没有服务端,语言包咋搞,总不能在前端代码里写吧,那就搭载一个子项目,专门搞权限,和语言包就行了,完美。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(58)-DAL层重构

    前言:这是对本文系统一次重要的革新,很久就想要重构数据访问层了,数据访问层重复代码太多。主要集中增删该查每个模块都有,所以本次是为封装相同接口方法    如果你...

    用户1149182
  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(59)-BLL层重构

    前言:  这应该是本系统最后一次重构,将重构BLL层和Model层。来完全取代代码生成器生成的BLL层和DAL层。完全废掉了代码生成器的DAL,BLL,MOD...

    用户1149182
  • java后台管理系统

    Guns基于Spring Boot2,致力于做更简洁的后台管理系统。包含系统管理,代码生成,多数据库适配,SSO单点登录,工作流,短信,邮件发送,OAuth2登...

    程序源代码
  • 源码分享-基于vue+elementUI后台管理系统

    今天分享的源码是我很早之前gitee上开源的一个管理后台模版,是基于vue和elementUI的一个基础版,技术栈使用:vue2 + vuex + vue-ro...

    青年码农
  • Vue 轻量级后台管理系统基础模板

    注意: 组件的名称和路由的名称一定要一致,例如 Home.vue 组件名称 name: home,则在路由文件中也要给它设置为 name: home,否则页面内...

    谭光志
  • 前台商城系统及后台管理系统

    mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展...

    程序源代码
  • 前台商城系统及后台管理系统

    mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展...

    程序源代码
  • Core + Vue 后台管理基础框架1——运行系统

    git clone https://github.com/KINGGUOKUN/SystemManagement.git,项目目录如下:

    guokun
  • Core + Vue 后台管理基础框架5——系统审计

      通常而言,系统审计是指记录谁,什么时间,干了什么事儿,具体到本项目中,着重两个方面:一是记录重点业务记录的创建人、创建时间、修改人、修改时间;二是记录重点操...

    guokun

扫码关注云+社区

领取腾讯云代金券