V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mrjnamei
V2EX  ›  程序员

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

  •  
  •   mrjnamei · 2023-07-21 17:05:58 +08:00 · 9556 次点击
    这是一个创建于 489 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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


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

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

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

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