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

后端同学一般用啥写前端呢?

  •  
  •   mrjnamei · Jul 21, 2023 · 13153 views
    This topic created in 1211 days ago, the information mentioned may be changed or developed.

    经常有一些 Idea , 但是前端能力不足,写出的页面不美观,想问下各位大佬有没有推荐的方式。

    109 replies  •  2023-07-28 17:27:30 +08:00
    1  2  
    ❮ ❯
    renmu
    renmu
    Jul 21, 2023 via Android
    1
    美不美观和前端能力没什么特别大的关系
    apisces
    apisces
    Jul 21, 2023
    2
    amis
    heyenyan
    heyenyan
    Jul 21, 2023
    3
    react + mui 一把梭
    Oktfolio
    Oktfolio
    Jul 21, 2023❤️1
    4
    反正我是用 Angular ,美观不是有组件库吗?
    scung
    scung
    Jul 21, 2023
    5
    angular + md + 自定义
    helone
    helone
    Jul 21, 2023❤️2
    6
    tailwind
    hxtheone
    hxtheone
    Jul 21, 2023 via iPhone
    7
    react + antd + tailwindcss 突出一个简单粗暴效果好
    northess
    northess
    Jul 21, 2023
    8
    svelte + tailwindcss
    spike2017
    spike2017
    Jul 21, 2023
    9
    react + ui
    icanfork
    icanfork
    Jul 21, 2023❤️1
    10
    大部分前端没有设计稿写出来的页面 UI 、交互也不好看
    aapeli
    aapeli
    Jul 21, 2023❤️1
    11
    说实话,美不美观和前端能力没有关系,和设计师关系很大,如果有好的设计师 会很棒
    pixiaotiao
    pixiaotiao
    Jul 21, 2023
    12
    vue 入门还是挺简单的
    tool2d
    tool2d
    Jul 21, 2023
    13
    手机端布局比较简单,徒手拼 html + css 。加一些预置组件,已经够用了。
    mrjnamei
    mrjnamei
    OP
    Jul 21, 2023
    14
    @Oktfolio 怎么搞定 SEO 呢
    mrjnamei
    mrjnamei
    OP
    Jul 21, 2023
    15
    @tool2d 我目前用的是 bootstrap ,感觉内置的也挺丑的,得额外写 css
    mrjnamei
    mrjnamei
    OP
    Jul 21, 2023
    16
    经常是后端功能一会功夫就搞定了,前端一个样式调半天,
    hedwi
    hedwi
    Jul 21, 2023
    17
    angular 就像写后端一样简单
    Oktfolio
    Oktfolio
    Jul 21, 2023
    18
    @mrjnamei #14 SSR ,Angular Universal
    WhatMelon
    WhatMelon
    Jul 21, 2023
    19
    学到了,学到了(你头像和我的好像)
    jojobo
    jojobo
    Jul 21, 2023
    20
    @mrjnamei 前端确实是麻烦,要写样式不轻松
    qq565425677
    qq565425677
    Jul 21, 2023❤️26
    21
    我震惊,目前为止楼上列举了大量前端,但重复的竟然这么少
    putyy
    putyy
    Jul 21, 2023
    22
    我一般是手写样式,,,,那些 ui 库用起来不顺手...,这玩意多写就就起来了,看看 flex 布局啥的
    roundgis
    roundgis
    Jul 21, 2023 via Android
    23
    vue quasar
    BG7ZAG
    BG7ZAG
    Jul 21, 2023
    24
    jq + layui ?
    会 vue 就用 vue+antd 或者 vue+element plus
    ByteCat
    ByteCat
    Jul 21, 2023❤️1
    25
    React + MUI ,好看不好看无所谓了,能用就行
    nowtg
    nowtg
    Jul 21, 2023 via iPhone
    26
    react ,chakraui ,tailwindcss 。 不是管理页面感觉不太建议用 antd ,写出来感觉不够美观
    joApioVVx4M4X6Rf
    joApioVVx4M4X6Rf
    Jul 21, 2023
    27
    用纯 HTML+vue.js ,用 python 的后端 HTML 渲染引擎直接返回网页,
    potatowish
    potatowish
    Jul 21, 2023 via iPhone
    28
    react+material ui ,另外用 tailwindcss 什么组件都要自己写?可能很丑
    cozof
    cozof
    Jul 21, 2023 via iPhone❤️1
    29
    jQuery
    BwNVlwSq
    BwNVlwSq
    Jul 21, 2023
    30
    不美观挺正常呀,可以考虑找个设计师帮忙设计设计
    mazai
    mazai
    Jul 21, 2023
    31
    刚刷推特看到一个 Tailwind CSS 的组件库 https://daisyui.com/
    KisekiRemi
    KisekiRemi
    Jul 21, 2023
    32
    先把各种 css 布局学习一下,美观角度的话 css 是最重要的
    xxm459259
    xxm459259
    Jul 21, 2023
    33
    只有我一个人用 Streamlit/Gradio 吗……
    unicreators
    unicreators
    Jul 21, 2023
    34
    有后端经验用 angular 没错的
    flyingghost
    flyingghost
    Jul 21, 2023
    35
    用前端同学写前端。/doge
    kenvix
    kenvix
    Jul 21, 2023
    36
    新坑 typescript + vue3 + element plus ,老坑 js es5 + jquery + bootstrap 。反正我不用 Angular ,一方面市场小,另一方面我后端又不是 nodejs
    frunzele
    frunzele
    Jul 21, 2023
    37
    angular
    DefoliationM
    DefoliationM
    Jul 21, 2023
    38
    react+typescript+bootstrap
    IvanLi127
    IvanLi127
    Jul 21, 2023 via Android❤️1
    39
    不是用模板引擎直接写吗?只要是 web 后端不都会用,直接用模板引擎写动态网站,样式的话 tailwindcss 或者 bootstrap 凑凑就完事了
    x86
    x86
    Jul 21, 2023
    40
    tailwindcss
    MigrantWorkers
    MigrantWorkers
    Jul 21, 2023❤️2
    41
    jq + layui ,其他的俺不会。也不想学。前端一天一个框架
    tyzandhr
    tyzandhr
    Jul 21, 2023
    42
    单 tailwind css 够了
    abigeater
    abigeater
    Jul 21, 2023
    43
    最近用 nuxt3+ele plus3 感觉很爽
    GeruzoniAnsasu
    GeruzoniAnsasu
    Jul 21, 2023
    44
    typescript 找罪受,调样式已经很折磨了,还要我头铁后端都不想动脑的类型体操

    vue3+element plus / vanilaj s
    bigdogbigpig
    bigdogbigpig
    Jul 21, 2023
    45
    一般找一个写前端的写前端
    Quarter
    Quarter
    Jul 21, 2023 via Android
    46
    不美观要么 UI 组件库不好看,要么 UI 不好看
    Mystery0
    Mystery0
    Jul 21, 2023 via Android
    47
    jsp 🐶
    yueji
    yueji
    Jul 21, 2023
    48
    Notepad++
    lavvrence
    lavvrence
    Jul 21, 2023
    49
    nextjs / react + tailwind
    duke807
    duke807
    Jul 21, 2023 via Android
    50
    用了一圈下来,现在只用 http://vanilla-js.com
    lsk569937453
    lsk569937453
    Jul 21, 2023
    51
    react +antd
    dcsuibian
    dcsuibian
    Jul 21, 2023
    52
    我也是后端,但写了不少前端。
    首先,你得从三大框架 react 、vue 、angular 里选一个。这里我建议 react ,因为生态更好、和 typescript 相性佳,而且上面很多人推荐了。vue 出活快,而且生态整合得好。angular 没用过,感觉用的人相对较少。
    虽然现代前端是一个比较混乱的状态,但真心不建议使用 layui 、jquery 这种东西( layui 连官方都不推荐用了),还是要拥抱前端工程化、组件化、SPA 单页应用。这种真的方便非常多。

    react 的生态比较混乱,建议绕着 nextjs 这个框架学,大概就可以了。
    如果你是写中后台应用,那么就用人家上面说的 ant design 组件库就很好了。


    其实真前端写页面也就那样,没有设计稿自己搞不出好看的,就是 css 更熟练,这里推荐一本《精通 CSS 》,善用 flex 布局,应该就能解决不少问题。
    nkidgm
    nkidgm
    Jul 21, 2023
    53
    我的建议是请前端好基友吃一顿饭。
    seliote
    seliote
    Jul 21, 2023
    54
    Flutter
    cyyeh
    cyyeh
    Jul 21, 2023
    55
    可以試試 Streamlit ,或是 low code tools
    mitoop
    mitoop
    Jul 21, 2023
    56
    我没想到 vue 竟然这么少
    vlgs
    vlgs
    Jul 21, 2023
    57
    react nextjs tailwind
    sunfei
    sunfei
    Jul 21, 2023
    58
    layui
    flyqie
    flyqie
    Jul 21, 2023
    59
    vue 吧。。

    react 感觉太自由了,不太适合我这种半吊子前端。
    sprite82
    sprite82
    Jul 21, 2023❤️1
    60
    bootstrap + jquery 一把梭
    sweat89
    sweat89
    Jul 21, 2023
    61
    @cyyeh streamlit 是不是基本就告别了 css😹。感觉它只适合用来展示一些简单的数据页面
    mkoijnbhu
    mkoijnbhu
    Jul 21, 2023 via Android
    62
    只上手写过 react+antDesign
    cyyeh
    cyyeh
    Jul 21, 2023
    63
    @sweat89 streamlit 還是可以寫 css ,只是這比較算是客製化的部分
    https://discuss.streamlit.io/t/css-styling/35243
    cyyeh
    cyyeh
    Jul 22, 2023
    64
    不然通常都是直接用現成的 design system ,例如 material design, ant design 等
    bybyte
    bybyte
    Jul 22, 2023
    65
    vue3 + elementUI
    xiebinbin666
    xiebinbin666
    Jul 22, 2023
    66
    react + unocss
    tiezlk443
    tiezlk443
    Jul 22, 2023 via Android
    67
    vue.js + elementUI
    react + bootstrap
    Exple
    Exple
    Jul 22, 2023 via Android
    68
    亲测,让 chatgpt 帮我写前端:
    - “可不可以帮我用 xxx 语言/框架写一个 xxx 这样的搜索栏”
    - “能不能再写一个有 2x3 个模块的页面?其中第 x 个模块上要有一个按了会产生 xxx 效果的按钮”
    我自己可能得写几天的东西,chatgpt 马上就写好了。当时我拿着它写的代码修修补补一个下午,就完全符合要求了。
    areschen
    areschen
    Jul 22, 2023
    69
    用前端同学写前端
    wdf1286
    wdf1286
    Jul 22, 2023
    70
    react tailwind vite
    anjingdexiaocai
    anjingdexiaocai
    Jul 22, 2023 via Android
    71
    我不是后端,我是移动端,业余时间写写后端啥的,前端我都是手写 html css js ,非常原始的界面……
    shui14
    shui14
    Jul 22, 2023
    72
    跟审美的关系。程序设计( xx 版),跟怎么写没关系,怎么设计比较重要
    交互和 ui 设计因为课程设置不合理,找靠谱 ui 比程序员是指数级难度
    最好是观摩一下大厂,比如 adobe 、figma 、vercel ,或者你专注的板块的领头厂商,stackoveflow 、reddit ;北美丰田、福特、特斯拉等等,要注意授权或者协议。从 design system 找到灵感,再来挑选一个合适方案的 ui 库,然后整个草稿,一步步打磨
    dayeye2006199
    dayeye2006199
    Jul 22, 2023
    73
    bootstrap 一把嗦
    zzzkkk
    zzzkkk
    Jul 22, 2023
    74
    @duke807
    怎么实现 react vue 之类比传统 ajax 体验更好的效果?
    最近想试试 hotwire
    javen73
    javen73
    Jul 22, 2023
    75
    习惯了 vue + element ui 或者 vant
    react 不会...😂
    yanggggjie
    yanggggjie
    Jul 22, 2023
    76
    推荐 svelte
    150530
    150530
    Jul 22, 2023
    77
    @dcsuibian 您好《精通 CSS 》可以说一下作者吗或者给一个链接,好多名字差不多的不知道是哪个
    opengps
    opengps
    Jul 22, 2023
    78
    我是直接 bootstrap
    ikaros
    ikaros
    Jul 22, 2023
    79
    html jQuery
    errZX
    errZX
    Jul 22, 2023 via Android
    80
    idea ,卡的话 vs
    Dogtler
    Dogtler
    Jul 22, 2023 via iPhone
    81
    Bootstrap Jquery ,后端讲究的是简单粗暴稳定
    madantech
    madantech
    Jul 22, 2023
    82
    Next.JS + TailwindCSS
    jmjgeminix
    jmjgeminix
    Jul 22, 2023
    83
    tailwindcss + daisyui
    想用 tw 的时候它是 tw ,不想用的时候它是 bootstrap
    gosky
    gosky
    Jul 22, 2023
    84
    amis 零前端基础
    iyobucuo
    iyobucuo
    Jul 22, 2023
    85
    用若依改改,哈哈哈哈
    bytewalk
    bytewalk
    Jul 22, 2023
    86
    看了上面所有人的回复,还是不知道怎么写前端😱
    qiumaoyuan
    qiumaoyuan
    Jul 22, 2023
    87
    vscode
    ToBeBe
    ToBeBe
    Jul 22, 2023
    88
    楼上讨论的热火朝天, 我看了瑟瑟发抖... op 的问题我也想问, 所以到底用什么...
    StateMa
    StateMa
    Jul 22, 2023
    89
    @ToBeBe 真想好看首先得有设计稿,设计稿决定了你开发的项目整体的美观程度
    其次,真要好的还是得手写 css 啊,哪怕 TailwindCSS ,Bootstrap 这些你好歹二次改改
    veike
    veike
    Jul 22, 2023 via Android
    90
    去 dribbble 找设计图,然后自己改样式
    cylx3124
    cylx3124
    Jul 22, 2023
    91
    react nextjs tailwindcss

    我也是后端出身在学前端,个人感觉不管用什么写,css 肯定是要学的,再就是一个人想写出好看的界面需要有 UI/UX 能力,不然学会技术也只能当一个切图仔

    自己没有灵感的话可以去 dribbble / pinterest 这类网站参考一下别人的设计
    acctv2
    acctv2
    Jul 22, 2023
    92
    我现在用 react + tailwindcss ,确实 CSS 写起来很累,即使用上了 tailwind ,还是觉得写起来麻烦。
    lujiaosama
    lujiaosama
    Jul 22, 2023
    93
    设计的 LS 已经说了. 组件库就选个主流点的, element 或者 antd 这种, 然后一顿爆改. 考验你的 CSS 功力.
    ksc010
    ksc010
    Jul 22, 2023
    94
    之前用的 jquery 和 一些 css 前端框架,现在一些项目用 vue
    SkyAerope
    SkyAerope
    Jul 22, 2023
    95
    chatgpt 写 mdui
    dcsuibian
    dcsuibian
    Jul 22, 2023
    96
    @150530 精通 CSS 高级 Web 标准解决方案 第 3 版
    作者 安迪·巴德( Andy Budd )
    LavaC
    LavaC
    Jul 22, 2023
    97
    好看的页面你把楼上说的全学了你也不一定会写,最多就是复现设计稿的时候比其他人的更准确更轻松。
    看楼上有吐槽说推荐这么多层楼都不重样的,对,我也推荐三个楼上不重样的。
    Astro:构建用框架,不依赖特定 UI 框架,入门简单,速度快;
    SolidJS:语法类似 React 但是更简单,只用学几个 API 就可以开撸了,速度是目前主流前端框架里最快的,搭配 Astro 就是快中快;
    UnoCSS:类似 tailwind 之类的 css 工具。
    BruceXu
    BruceXu
    Jul 22, 2023
    98
    又不是不能用.jpg
    knightdf
    knightdf
    Jul 22, 2023
    99
    next.js ,页面只能靠抄
    dufu1991
    dufu1991
    Jul 22, 2023
    100
    如果是移动端的话,可以试试我的 STDF ( https://github.com/dufu1991/stdf )
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2077 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 162ms · UTC 12:06 · PVG 20:06 · LAX 04:06 · JFK 07:06
    ♥ Do have faith in what you're doing.