• 请不要在回答技术问题时复制粘贴 AI 生成的内容
lookStupiToForce
V2EX  ›  程序员

不会前端的后端如何优雅地开发个人项目?

  •  
  •   lookStupiToForce · Oct 25, 2022 · 13174 views
    This topic created in 1470 days ago, the information mentioned may be changed or developed.

    (没有搜到类似问题,所以看到这个问题 [不会后端的前端如何优雅地开发个人项目?] 就恬不知耻地镜像了一个

    我知道有很多前端框架,但也是必须自学一门前端语言 /UI 语言才能做调整?

    79 replies  •  2022-10-26 22:52:40 +08:00
    listkun
    listkun
    Oct 25, 2022❤️1
    1
    HTML 很简单
    looplj
    looplj
    Oct 25, 2022❤️1
    2
    只是用用框架还是简单的,找一个模板,然后依样画葫芦改改
    不过不会写样式的话,只能写写后台管理系统这种了,或者简单的 C 端产品,应该做不了复杂的 C 端产品。
    garlics
    garlics
    Oct 25, 2022
    3
    学
    yuyue001
    yuyue001
    Oct 25, 2022❤️2
    4
    antd 就是干,看一遍 react 文档,就能上手。
    JDog
    JDog
    Oct 25, 2022❤️7
    5
    rebang
    rebang
    Oct 25, 2022❤️1
    6
    半年前我也有同样的疑问,后来自学了 css js react ,个人项目够用
    DefoliationM
    DefoliationM
    Oct 25, 2022
    7
    你和主页楼上的搭一对就行了
    shinession
    shinession
    Oct 25, 2022
    8
    结对子吧, 更简单
    Sakura831143
    Sakura831143
    Oct 25, 2022
    9
    跟楼上的搭伙吧
    lookStupiToForce
    lookStupiToForce
    OP
    Oct 25, 2022
    10
    @JDog #5
    @DefoliationM #7
    @shinession #8
    @Sakura831143 #9
    都说是个人项目了,这一搭伙儿就感觉要搞成团队项目...
    coder001
    coder001
    Oct 25, 2022❤️2
    11
    答案:使用 Blazor 。
    前后端都是 C♯,只需要糊部分 JavaScript 就可以用起来,干了好多年的 .NET 后端, 总算盼到能在浏览器运行 C♯ 代码了。
    目前已经做了多个玩具项目,并且有应用在商业项目的打算
    cokepro
    cokepro
    Oct 25, 2022❤️1
    12
    简单项目试试这个 amis ,感觉还不错。用 json 写前端。
    xwayway
    xwayway
    Oct 25, 2022❤️1
    13
    amis ,个人负责公司内部项目,已经在用了
    fiypig
    fiypig
    Oct 25, 2022
    14
    学下 vue 然后 uniapp 一把梭
    LindsayZhou
    LindsayZhou
    Oct 25, 2022❤️2
    15
    写 HTML CSS ,不用 JS 。
    SourceHut https://sr.ht
    我的博客 https://lin.moe 和文档 https://io.lin.moe/n/ (用的 https://simplecss.org )
    都是没有 js 的。

    CSS 的 flex 和 grid 写起来还是比较简单的。我现在也更喜欢这种朴素的风格,不需要太多花里胡哨的东西也可以很优雅。
    kongkongyzt
    kongkongyzt
    Oct 25, 2022❤️3
    16
    作为后端,我会使用 React 和各种组件 TDesign, Antd ,elementUI ,但是我还是写出了巨丑无比的前端页面,真的很难看。。。。。。。。
    我觉得重要的是懂设计
    gowk
    gowk
    Oct 25, 2022❤️6
    17
    我的答案是 Go + HTML Template + Vue
    你看看这个网站(有源码) http://demo.goedge.cn/
    你就知道后台管理系统能做到多优雅了
    跟 Element UI 、Antd 相比,我觉得 goedge 这种是最最优雅的方式
    把它的源码吃透,自己一个人可以用 Go Vue Semantic 做出相当漂亮的 Web 应用
    没有太复杂的技术,基本上就是那 Vue 当一个模板引擎来用
    但是它内部封装的相当漂亮,我最新的系统都参考它来实现了
    idblife
    idblife
    Oct 25, 2022❤️1
    18
    百度的 amis
    还可以
    idblife
    idblife
    Oct 25, 2022
    19
    @gowk
    http://demo.goedge.cn/
    确实不错,看的我都想学学 vue 了,哈哈
    jeesk
    jeesk
    Oct 25, 2022❤️1
    20
    开发可以, 优雅可能不行, 这个需要审美, 大多数后端程序员都没有审美. 或者说, 你的界面简单, 极简风格也是一种优雅。
    chloerei
    chloerei
    Oct 25, 2022❤️3
    21
    用 bootstrap 足够做出实用的界面了。

    用你熟悉语言的全栈框架,不要搞前后端分离。
    z0wjqnxi
    z0wjqnxi
    Oct 25, 2022❤️1
    22
    感觉 css 比 js 难。。。
    QKgf555H87Fp0cth
    QKgf555H87Fp0cth
    Oct 25, 2022❤️2
    23
    我在用 Laravel 和 React ,一个实验室,写点 Canvas 、WebSocket 、小游戏、一些 DEMO ,一些自己需要用的东西,比如停车监控,服务器监控,API ,文章等等,如果你要写 React ,可以一起。
    QingXuJiaZhi
    QingXuJiaZhi
    Oct 25, 2022
    24
    这问题问的…… 要么自己学会,要么以某种形式请人帮忙做,难道还有第三条路?
    jeesk
    jeesk
    Oct 25, 2022❤️1
    25
    @chloerei 前后端分离, 步骤多, 但是调试简单。 要是用其他的比如 php + html 混合开发, 题主会更加难受。
    lookStupiToForce
    lookStupiToForce
    OP
    Oct 25, 2022
    26
    @cmdOptionKana 不是,问个问题当然是为了集思广益,增广见闻啊,万一有啥好的后端程序员可直接用的甚至低代码无代码解决方案呢(。
    不过现在都不用万一了,我看到前面的回复中已经有些比较好的简化方案了,比如 amis
    lookStupiToForce
    lookStupiToForce
    OP
    Oct 25, 2022
    27
    @kongkongyzt #16 其实说到设计,我在 v 站就看过 v 友搬出来某个游戏大牛的名言,原话记不清了,大致类似下面这样:

    “一个立志做游戏的独立游戏开发者应该尽快做出他人生中的前 10 个游戏,因为前期他做的游戏无论是啥都是 shit”

    🤣感觉各种设计类别其实都大差不差,共勉吧
    gowk
    gowk
    Oct 25, 2022❤️2
    28
    @idblife
    现在看到很多开源 Element UI/Plus 、Antd 写的后台管理系统,都想吐
    千篇一律的界面,混乱的逻辑,页面大段的留白……
    我纳闷怎么都这么丑,我是后端,不太懂前端
    知道 goedge 之后,开始研究它的源码,是我喜欢的全栈开发的方式
    适合一个人或者几个后端一起开发项目,只需要很少的前端知识
    基本上你只要写过 JS ,略懂 Vue ,就能做出相当漂亮优雅的界面
    用过 Bootstrap 也能快速上手 Semantic
    有人说 Semantic 已经没人开发维护了,不够潮
    但是我想说用它做出来的界面,比 Ele Antd 之流好看一万倍
    后端开发写界面不要追新,你老老实实把 JS 基础学好,把操作逻辑,业务流程梳理好
    老的 CSS 框架照样能写出漂亮的 UI
    看 goedge 作者的代码,封装逻辑,可以学到很多,感谢作者刘祥超(好像是浙大毕业的
    jiangzm
    jiangzm
    Oct 25, 2022
    29
    @gowk 有自己的喜好是好事,但你的喜好仅仅是你的喜好。你不喜欢主流的东西不是主流有问题,AntD 、Element 都是很优秀的 UI 框架,可以搭建你自己想要的风格,前提有这个能力。
    dcsuibian
    dcsuibian
    Oct 25, 2022❤️1
    30
    学啊。
    先把 html 、css 、js 系统过一遍,《 Head First HTML and CSS 》、《精通 CSS 》。js 更重要,es5 、es6 ,建议看阮一峰的教程。
    接下来就是框架,vue 或 react 全家桶,找个 B 站点击量高的视频看。推荐 react (和 ts 配合好,容易维护),但 react 的配套非常乱。另外一些周边的 Nodejs 、TypeScript 官网手册过一遍就好。我觉得写中后台用阿里的 antd 那一套应该没有问题,如果定制性更高的话,还是得自己来。
    有时间还可以用 Figma 做一下辅助。


    还有一种方法是别写了,我之前也想写个人项目练手,发现前端码代码花的时间比后端多多了,因此就搁置了。
    jeesk
    jeesk
    Oct 25, 2022
    31
    @gowk 审美问题是主观, 不强求他人。
    bakaft
    bakaft
    Oct 25, 2022❤️1
    32
    设计可能是一个问题,但是实现绝对不难。
    现在前端想做出个东西来很简单,花半天读一下 Vue+ElementPlus 文档,很容易上手
    gowk
    gowk
    Oct 25, 2022
    33
    @jiangzm
    @jeesk
    不否认这些优秀的 UI 框架,个人喜好问题
    没有精力再去学前端的东西了,<script>引入 Vue 直接开干
    dayeye2006199
    dayeye2006199
    Oct 25, 2022 via Android
    34
    Bootstrap 一把梭
    KagurazakaNyaa
    KagurazakaNyaa
    Oct 25, 2022❤️1
    35
    你可能不是不会前端,只是不会设计
    我也是一个基本不写前端的开发者,但是如果有合适的原型,要实现比较简单的前端还是很容易而快速的,问题就在于我们其实想象不出什么样的原型适合用户
    xuanbg
    xuanbg
    Oct 25, 2022❤️1
    36
    页面设计还是挺简单的,js 的 3 大框架学起来也不难。难得是实现优雅的交互!
    kltt22
    kltt22
    Oct 25, 2022
    37
    @idblife 欣赏不来,感觉像上世纪的产物
    idblife
    idblife
    Oct 25, 2022 via iPhone
    38
    @kltt22
    审美不同
    这种风格的企业后台比较实用
    526326991
    526326991
    Oct 25, 2022
    39
    https://www.primefaces.org/showcase/ui/data/diagram/basic.xhtml
    可以试试 jsf 框架 都有很成熟的组件 当然你也可以自己写组件
    FrankHB
    FrankHB
    Oct 25, 2022❤️1
    40
    你可以先放置 GUI 。做 CLI 工具没那么多有的没的。
    这是考虑到你若不愿意接受 @dcsuibian “别写了”的建议以后的最现实合理的挣扎。
    cookgo
    cookgo
    Oct 25, 2022
    41
    html+css+jquery 或者,cli......
    neptuno
    neptuno
    Oct 25, 2022 via iPhone
    42
    可以试试 flutter
    arthurblake
    arthurblake
    Oct 25, 2022❤️1
    43
    react 很符合后端程序员,非常简单,容易上手
    nomagick
    nomagick
    Oct 25, 2022
    44
    @gowk 你说的这个项目的这种方式不就是最传统的 HTML 渲染吗。。
    一般我们把它叫做 PHP 。。。
    gowk
    gowk
    Oct 25, 2022
    45
    @nomagick
    emm...我猜这个项目应该就是原来的 PHP 拿 Go 重写的~
    sibowen
    sibowen
    Oct 25, 2022
    46
    @cokepro mark
    inhons
    inhons
    Oct 25, 2022 via Android❤️1
    47
    Prisma + MongoDB Altas + SvelteKit / Next.js

    我的网站就用 SvelteKit 做的,虽然没接数据库,欢迎访问 https://uimo.dev
    inhons
    inhons
    Oct 25, 2022 via Android
    48
    #47 抱歉,哈哈,看成「不会后端的前端」那个贴子了
    clino
    clino
    Oct 25, 2022❤️2
    49
    https://mp.weixin.qq.com/s/MuwyfbT5eg0QfRpqF18eJg Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9
    htmx 看起来是适合后端使用的前端框架

    https://htmx.org/
    chocotan
    chocotan
    Oct 25, 2022
    50
    bootstrap 就行
    RRyo
    RRyo
    Oct 25, 2022❤️1
    51
    https://github.com/RyoLee/emby-danmaku
    来跟我一把梭🙏🙌
    (呼叫前端支援,呼叫前端支援
    wanganjun
    wanganjun
    Oct 25, 2022
    52
    据说,Java 或者 C#系的后端,适合用 angular ,因为很多概念都一样。
    kuxuan
    kuxuan
    Oct 25, 2022❤️1
    53
    我正在开发一套后台管理系统 Vue3 + element plus + tailwindcss:
    https://tanxiaoqing.top;

    目前已经完成部分组件:列表、表单、图表等,目前已拥有动态加载路由、权限、国际化等功能。
    beisilu
    beisilu
    Oct 25, 2022
    54
    别用 html ,用 kotlin compose 、flutter 或者 c#系的框架。
    kuxuan
    kuxuan
    Oct 25, 2022
    55
    开发完成,我会将代码开源,如果大家有需要的功能,可以给我留言。
    Sain
    Sain
    Oct 25, 2022
    56
    lowcode
    Hyakutake
    Hyakutake
    Oct 25, 2022
    57
    mark 一下,我也想知道答案
    mht
    mht
    Oct 25, 2022❤️1
    58
    设计外包

    有设计图以后前端其实不难。。。

    感觉大多人都可以写出界面,只是难在写出好看的页面
    comlewin
    comlewin
    Oct 25, 2022
    59
    @gowk 这个系统的页面点击菜单或者页签跳转时,会全屏的闪一下,点快点,闪瞎啊
    brader
    brader
    Oct 25, 2022
    60
    你是写 js 的不,是的话,使用 node 呗,学习成本没那么高,熬一熬就过去了
    gowk
    gowk
    Oct 25, 2022
    61
    @comlewin
    这不是单页应用( SPA )都是 server side rendering ,不闪才不正常 😂
    lookStupiToForce
    lookStupiToForce
    OP
    Oct 25, 2022
    62
    @brader #60 很可惜不是
    是的话很大可能就压根不会问了啊😂会 js 的话全栈解决方案那么多
    lawler
    lawler
    Oct 25, 2022
    63
    看了眼 amis ,这不就是 extjs 的 json 版嘛。
    chaleaochexist
    chaleaochexist
    Oct 25, 2022
    64
    个人项目如果是博客的话可以纯 HTML
    有人这么写而且还很火.
    博客的内容比 UI 更重要.
    nkidgm
    nkidgm
    Oct 25, 2022❤️2
    65
    这么多层楼了,居然还没看到有人提到 vaadin ,用 Java 写网页,用户交互事件处理逻辑都在后端。

    那个写法和原生 Java 写安卓一样,熟悉 Android 的会感到非常亲切,特别是写动态布局,简直一毛一样。

    我写惯 Java 后端和安卓,也苦恼是否再花时间去学前端技术,事实上,没太大必要的。
    ggbond2
    ggbond2
    Oct 25, 2022❤️1
    66
    推荐低代码: 码匠(majiang.co),会一些简单的 js 语法就行 。
    yagamil
    yagamil
    Oct 25, 2022❤️1
    67
    以前我也问过。

    https://www.v2ex.com/t/874944#reply43

    要搞前端什么的,html JS 应该是绕不过的,它们是其他框架的基石。
    renhou
    renhou
    Oct 26, 2022❤️1
    68
    我是前端,技术真不难,就是设计
    如果有设计师,或者自我己设计,然后开发一般效果都不错
    如果不懂设计的人说做个 xx 网站吧,然后按照他的想法直接干大概率比较难看

    逛 github 我见过许多国内外后端老哥的网站,更验证了设计更难这一点
    你要做的这个网站的目的是什么?要展示什么?
    如果展示技术说实话界面难看也无所谓,如果是想做一个服务那么还是建议学一下设计或参考现成的网站做
    gongquanlin
    gongquanlin
    Oct 26, 2022❤️1
    69
    laravel 的话试试 dcat admin
    其他的还是 tailwindcss + 抄袭 dribbble 、ui.cn 之类的现成作品
    bytewalk
    bytewalk
    Oct 26, 2022
    70
    其实都不是前端开发的问题,我个人觉得完全是设计的问题,看我之前的问题:[诚心问:后端大佬们都是怎么做网页设计的?]https://www.v2ex.com/t/883733
    simo
    simo
    Oct 26, 2022
    71
    https://v2ex.com/t/889578 你俩组队吧 同时上榜
    Rebely
    Rebely
    Oct 26, 2022
    72
    @gowk semantic 社区有 fork 了,fomantic UI , 活跃度还可以
    StarXing
    StarXing
    Oct 26, 2022
    73
    @nkidgm 我也是搞 Android 的,感谢分享。最近也在搞个人项目,后端应该怎么选择?
    xboxv
    xboxv
    Oct 26, 2022 via Android
    74
    Bootstrap jQuery 一把梭
    xboxv
    xboxv
    Oct 26, 2022 via Android
    75
    像 vue 这种前后端分离 是不是不好做 搜索引擎搜索优化??
    gowk
    gowk
    Oct 26, 2022
    76
    @Rebely #72
    太棒了,感谢分享
    nkidgm
    nkidgm
    Oct 26, 2022
    77
    @StarXing 后端 Java 毫无疑问,vaadin 就是 Java 前后端一条路走到底!
    arnosolo
    arnosolo
    Oct 26, 2022
    78
    好家伙, 我正好是后端不会
    StarXing
    StarXing
    Oct 26, 2022
    79
    @nkidgm 就怕社区对这方面的支持太少了,毕竟我技术也是个三流选手,要经常 CTRL C V 。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1547 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 124ms · UTC 17:44 · PVG 01:44 · LAX 09:44 · JFK 12:44
    ♥ Do have faith in what you're doing.