• 写后台管理系统没有技术亮点?
  • 发布于 1周前
  • 48 热度
    0 评论
  • LoveC
  • 1 粉丝 38 篇博客
  •   
很多人都来问我:我平时写的东西都是后台管理系统,根本就没啥亮点的东西,我也没啥进步,我该咋办呢?

后台管理不丢人
其实据我了解,大部分前端在公司其实就是做后台管理系统,偶尔做做移动端,那么大家都是做后台管理,你要怎么比别人强呢?其实就是一个点:你如何把后台管理系统做得更好?其实我也做过一段时间的后台管理系统,我总结了几点我的心得,分享给大家~

多封装组件
封装是一个很普遍的操作,但是却很少人去做好这件事,我现在做后台管理系统的话我会做到极致的封装,只要是一个东西有两处地方复用到了,我肯定会抽取封装起来,在这个过程中,我也学到了很多 Vue3 的 API,也发现很多封装组件的技巧,比如:
1.shallowRef 节省性能
2.computed 的 getter 和 setter
3.组件 props 类型的拓展
4.组件封装的更加方便使用
6.模板的极致复用

7.命令式使用弹窗


多封装 Hooks
对于一些业务性的逻辑代码,或者共用的逻辑代码,都要有抽取成 Hooks 的意识,这有利于于后续代码的可维护性,并且抽取共用的 Hooks,有利于代码可复用性,提高代码开发效率,锻炼你的逻辑封装能力,我最近封装了很多 Hooks,比如
useClickoutside:点击目标区域以外触发事件
useCommandComponent:命令式使用组件
createModal:命令式使用弹窗
useTemplate:本组件复用弹窗
useGlobalState:局部状态管理
useVirtualList:虚拟滚动

等等。。。


多考虑边界条件
我发现很多人在做后台管理也好,做其他的东西也好,其实总是会考虑得没那么周全,其中一点就是,总是不考虑边界条件,不去考虑兜底,比如:
1.组件的参数兜底检验补全
2.hooks的参数兜底补全
3.接口请求数据出错、接口报错的兜底
4.某些代码记得加 try catch 进行兜底

5.代码执行先后顺序问题,怎么去控制按照顺序去执行


多想想产品优化
其实优化不止是代码优化,也有产品优化,有时候其实产品经理想出来的点子,也是不合理的,这个时候你可以去提出自己的见解,让整个产品更好,当然代码的优化也是必须做的,比如:
1.防抖节流
2.长列表的虚拟滚动
3.大文件的分片上传
4.多请求时的控制并发
5.使用合适的 API ,节省性能
6.多使用设计模式,提高代码健壮性

7.多想想怎么提高效率


你要知道,后台管理系统其实业务难度是有限的,但是其实你可以不要局限于项目,而是要经常去想想:
1.你能怎么在项目中去让自己进步
2.你要怎么样去提升自己的开发效率

3.你要怎么样去提升整个团队的开发效率


就比如我,我在开发后台管理系统的时候,我会做这些事:
1.发现某些别人不合理的开发习惯,可以记下来,反馈给团队
2.为了团队开发规范,开发一些小工具,来助力团队的规范
3.为了团队成员开发的效率,开发一些小工具,帮他们提升开发效率
4.多为团队的组件库工具库贡献,这样也能提升整个团队的开发效率

5.主动去封装一些比较难的组件,提升团队开发效率,使自己进步


多搞配置化
我记得我一年前去面试一个高级前端工程师的岗位时,面试官就问我一个问题:假如你开发一个后台管理系统,你怎么让你的团队成员更轻松去开发呢? 我当时回答说:制定规范! 然后面试官我没体会到他真正的意思。现在我算是领会到了,面试官的意思是:你要怎么开发一个后台管理系统,让你的组员无脑地开发。

那其实我觉得,把一些事情做成配置化,这样才能让别人开发的时候,更加方便、更加无脑~

其实后台管理无非就几个东西:
.表单
.表格

.图表


那么可以做相对应的配置器,让其他人只需要传入配置,就可以生成想要的页面效果,比如:
.表单配置器
.表格配置器

.图表配置器


多看看别人怎么做的
github 上有很多很出名的后台管理系统,大家可以去看看人家是怎么写的,为啥你写的像入门级,人家写的像大佬级别,可以多看看多学学,我推荐给你们vben-admin,我从这个后台管理项目中真的学到好多东西!
用户评论