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 条评论
登录 后参与评论

相关文章

来自专栏机器学习算法与Python学习

极力推荐的Chrome插件!

Momentum能给单调的Chorme首页披上一个漂亮的风景照,毕竟谷歌浏览器的页面打开是这样的。

1470
来自专栏即时通讯技术

腾讯正式开源高性能Hybrid框架VasSonic!

VasSonic取名于索尼动画形象音速小子,是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架,专注于提升页面首屏加载速度,完美支持静态直出页...

1722
来自专栏WeTest质量开放平台团队的专栏

一种精准monkey测试的方法

原文链接:https://wetest.qq.com/lab/view/413.html

1581
来自专栏Youngxj

YoungxjTools全新上线

1504
来自专栏跟着阿笨一起玩NET

WEB免费打印控件推荐

要么购买成熟的打印控件,如果是大项目可以考虑,但如果项目只有几K到1、2W之间,这就麻烦了。

3.9K1
来自专栏软件开发

前端机试面试题

1、请实现“https://channel.jd.com/fashion.html”超值购部分内容。

4253
来自专栏Youngxj

欧零站点导航-图标版带后台最新版

5165
来自专栏地方网络工作室的专栏

MAC 迅雷最新版无限重启BUG的解决方法

今天打开迅雷想下载点东西,但是发现迅雷一直提醒出现错误,无限重启,但不能打开。。。我可是买了会员的啊!这破玩意儿! ? 首先,重启系统,无效。 然后卸载并重新安...

3159
来自专栏社区的朋友们

20分钟掌握前端编写 CLI 工具

自古软件设计这个武林有两大流派,其中有一个是” CLI “,另外一个是” GUI “。它们一个为了普渡众生,一个为了提高内力,虽然在 GUI 出现之前,CLI ...

8810
来自专栏安恒信息

微软发出Word漏洞警报,网民防范带毒文档

如果最近有用户收到RTF格式的Word文档,一定不要轻易打开。根据微软的紧急安全公告显示,Word所有版本均存在一个高危漏洞,并已被黑客攻击,W...

2847

扫码关注云+社区

领取腾讯云代金券