身为一个后端程序员如何快速制作后端管理系统的UI

前言

我的专业领域在后端开发上,前端我仅仅是熟悉,但是要从头开发一个前端UI界面有点难为人了。那么身为一个后端程序员我们怎么来开发后端管理系统UI界面呢?

方案1:现成的模版来套(有一定的前端基础,只是基础不好的人员)

市面上有很多后端管理系统的UI模版,但我推荐的layui,虽然技术偏老,也没咋维护了,但是上手简单呀,不用你重头写,几乎什么组件都给你封装好了的,拿下来直接用就行。

看嘛,想要啥子对比效果图,直接复制源码用就行。很是方便。

方案2:依托laravel-dcatadmin (完全不会前端,就只会后端)

这个就比较局限了,但如果后端框架是用laravel开发的,完全可以安装可dcatadmin扩展来做后端。dcatadmin不用你写一行前端代码,就能快速生成优雅的前端界面呈现。

方案1 和 方案2 的对比

可扩展性比较:方案1 > 方案2

原因:方案1采用原生html+css+js 扩展性比方案2好,虽然方案2也提供了定制方案,但总体来说方案1也许更加友好。特别是老板有啥定制化需求的时候,方案2有时候就无法满足了。方案1的定制化需求就很好了。

开发速度比较:方案1 < 方案2

方案2进行了大量的集成,封装成了一个一个对象。不用我们再去实现js、html、css等,对象实例化出来,加入content对象就能用,开发速度极快,适合老板对后端没啥子特殊要求的场景,小项目很适宜。

总结

基于开发来说,肯定是 方案1 比较好,但如果项目交付周期短,没有多少时间开发的话,方案2也许更好。在中、大型项目中,采用前后端分离(专业的人做专业事),前端技术栈采用vue会更好。

一个全栈工程师做出来的程序不一定比一个前端和一个后端做出来的东西效果好,因为开发需要精力专注,全栈工程师将精力分散到了前后端实际开发,反而降低了整个系统的质量。

相关推荐
SuperEugene1 小时前
Element Plus/VXE-Table UI 组件库规范:统一用法实战,避开样式冲突与维护混乱|工程化与协作规范篇
前端·javascript·vue.js·ui·前端框架·element plus·vxetable
新缸中之脑4 小时前
用Stitch和AI Studio改造应用UI
人工智能·ui
chimooing9 小时前
【AI 自动化测试新范式】基于 OpenClaw 的智能 UI 自动化全景解析与实战
人工智能·ui·自动化
程序员杰哥10 小时前
Web UI自动化测试之PO篇
自动化测试·软件测试·python·selenium·测试工具·ui·测试用例
大数据新鸟10 小时前
设计模式详解-状态模式
ui·设计模式·状态模式
xy345311 小时前
Axure 9.0 原生组件:让折线图实现动态交互(文本标签)
ui·交互·axure·原型·折线图
智算菩萨21 小时前
【Tkinter】4 Tkinter Entry 输入框控件深度解析:数据验证、密码输入与现代表单设计实战
python·ui·tkinter·数据验证·entry·输入框
今天也要学习吖1 天前
开源AI智能客服系统AI-CS
人工智能·ui·chatgpt·golang·开源·gemini·智能客服系统
UI设计兰亭妙微1 天前
兰亭妙微原创解读:《术与道》——移动应用UI设计的体系化知识框架
ui·b端界面设计·ui设计公司
互联网散修1 天前
鸿蒙应用开发UI基础第三十四节:媒体查询核心解析 —— 响应式布局与工具类封装
ui·harmonyos·媒体查询