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

[mrjnamei]

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

[renmu]

美不美观和前端能力没什么特别大的关系

[apisces]

amis

[heyenyan]

react + mui 一把梭

[Oktfolio]

反正我是用 Angular ，美观不是有组件库吗？

[scung]

angular + md + 自定义

[helone]

tailwind

[hxtheone]

react + antd + tailwindcss 突出一个简单粗暴效果好

[Norths]

svelte + tailwindcss

[spike2017]

react + ui

[belin520]

大部分前端没有设计稿写出来的页面 UI 、交互也不好看

[aapeli]

说实话，美不美观和前端能力没有关系，和设计师关系很大，如果有好的设计师 会很棒

[pixiaotiao]

vue 入门还是挺简单的

[tool2d]

手机端布局比较简单，徒手拼 html + css 。加一些预置组件，已经够用了。

[mrjnamei]

@Oktfolio 怎么搞定 SEO 呢

[mrjnamei]

@tool2d 我目前用的是 bootstrap ，感觉内置的也挺丑的，得额外写 css

[mrjnamei]

经常是后端功能一会功夫就搞定了，前端一个样式调半天，

[hedwi]

angular 就像写后端一样简单

[Oktfolio]

@mrjnamei #14 SSR ，Angular Universal

[WhatMelon]

学到了，学到了（你头像和我的好像）

[jojobo]

@mrjnamei 前端确实是麻烦，要写样式不轻松

[qq565425677]

我震惊，目前为止楼上列举了大量前端，但重复的竟然这么少

[putyy]

我一般是手写样式，，，，那些 ui 库用起来不顺手...，这玩意多写就就起来了，看看 flex 布局啥的

[roundgis]

vue quasar

[BG7ZAG]

jq + layui ？
会 vue 就用 vue+antd 或者 vue+element plus

[ByteCat]

React + MUI ，好看不好看无所谓了，能用就行

[liuw666]

react ，chakraui ，tailwindcss 。 不是管理页面感觉不太建议用 antd ，写出来感觉不够美观

[joApioVVx4M4X6Rf]

用纯 HTML+vue.js ，用 python 的后端 HTML 渲染引擎直接返回网页，

[potatowish]

react+material ui ，另外用 tailwindcss 什么组件都要自己写？可能很丑

[cozof]

jQuery

[BwNVlwSq]

不美观挺正常呀，可以考虑找个设计师帮忙设计设计

[mazai]

刚刷推特看到一个 Tailwind CSS 的组件库 https://daisyui.com/

[KisekiRemi]

先把各种 css 布局学习一下，美观角度的话 css 是最重要的

[pandachow]

只有我一个人用 Streamlit/Gradio 吗……

[unicreators]

有后端经验用 angular 没错的

[flyingghost]

用前端同学写前端。/doge

[kenvix]

新坑 typescript + vue3 + element plus ，老坑 js es5 + jquery + bootstrap 。反正我不用 Angular ，一方面市场小，另一方面我后端又不是 nodejs

[frunzele]

angular

[DefoliationM]

react+typescript+bootstrap

[IvanLi127]

不是用模板引擎直接写吗？只要是 web 后端不都会用，直接用模板引擎写动态网站，样式的话 tailwindcss 或者 bootstrap 凑凑就完事了

[x86]

tailwindcss

[MigrantWorkers]

jq + layui ，其他的俺不会。也不想学。前端一天一个框架

[tyzandhr]

单 tailwind css 够了

[abigeater]

最近用 nuxt3+ele plus3 感觉很爽

[GeruzoniAnsasu]

typescript 找罪受，调样式已经很折磨了，还要我头铁后端都不想动脑的类型体操

vue3+element plus / vanilaj s

[mazyi]

一般找一个写前端的写前端

[Quarter]

不美观要么 UI 组件库不好看，要么 UI 不好看

[Mystery0]

jsp 🐶

[yueji]

Notepad++

[jaylee4869]

nextjs / react + tailwind

[duke807]

用了一圈下来，现在只用 http://vanilla-js.com

[lsk569937453]

react +antd

[dcsuibian]

我也是后端，但写了不少前端。
首先，你得从三大框架 react 、vue 、angular 里选一个。这里我建议 react ，因为生态更好、和 typescript 相性佳，而且上面很多人推荐了。vue 出活快，而且生态整合得好。angular 没用过，感觉用的人相对较少。
虽然现代前端是一个比较混乱的状态，但真心不建议使用 layui 、jquery 这种东西（ layui 连官方都不推荐用了），还是要拥抱前端工程化、组件化、SPA 单页应用。这种真的方便非常多。

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


其实真前端写页面也就那样，没有设计稿自己搞不出好看的，就是 css 更熟练，这里推荐一本《精通 CSS 》，善用 flex 布局，应该就能解决不少问题。

[nkidgm]

我的建议是请前端好基友吃一顿饭。

[seliote]

Flutter

[cyyeh]

可以試試 Streamlit ，或是 low code tools

[mitoop]

我没想到 vue 竟然这么少

[vlgs]

react nextjs tailwind

[sunfei]

layui

[flyqie]

vue 吧。。

react 感觉太自由了，不太适合我这种半吊子前端。

[sprite82]

bootstrap + jquery 一把梭

[sweat89]

@cyyeh streamlit 是不是基本就告别了 css😹。感觉它只适合用来展示一些简单的数据页面

[mkoijnbhu]

只上手写过 react+antDesign

[cyyeh]

@sweat89 streamlit 還是可以寫 css ，只是這比較算是客製化的部分
https://discuss.streamlit.io/t/css-styling/35243

[cyyeh]

不然通常都是直接用現成的 design system ，例如 material design, ant design 等

[bybyte]

vue3 + elementUI

[xiebinbin666]

react + unocss

[tiezlk443]

vue.js + elementUI
react + bootstrap

[Exple]

亲测，让 chatgpt 帮我写前端：
- “可不可以帮我用 xxx 语言/框架写一个 xxx 这样的搜索栏”
- “能不能再写一个有 2x3 个模块的页面？其中第 x 个模块上要有一个按了会产生 xxx 效果的按钮”
我自己可能得写几天的东西，chatgpt 马上就写好了。当时我拿着它写的代码修修补补一个下午，就完全符合要求了。

[areschen]

用前端同学写前端

[wdf1286]

react tailwind vite

[anjingdexiaocai]

我不是后端，我是移动端，业余时间写写后端啥的，前端我都是手写 html css js ，非常原始的界面……

[shui14]

跟审美的关系。程序设计（ xx 版），跟怎么写没关系，怎么设计比较重要
交互和 ui 设计因为课程设置不合理，找靠谱 ui 比程序员是指数级难度
最好是观摩一下大厂，比如 adobe 、figma 、vercel ，或者你专注的板块的领头厂商，stackoveflow 、reddit ；北美丰田、福特、特斯拉等等，要注意授权或者协议。从 design system 找到灵感，再来挑选一个合适方案的 ui 库，然后整个草稿，一步步打磨

[dayeye2006199]

bootstrap 一把嗦

[zzzkkk]

@duke807
怎么实现 react vue 之类比传统 ajax 体验更好的效果？
最近想试试 hotwire

[javen73]

习惯了 vue + element ui 或者 vant
react 不会...😂

[yanggggjie]

推荐 svelte

[150530]

@dcsuibian 您好《精通 CSS 》可以说一下作者吗或者给一个链接，好多名字差不多的不知道是哪个

[opengps]

我是直接 bootstrap

[ikaros]

html jQuery

[errZX]

idea ，卡的话 vs

[Dogtler]

Bootstrap Jquery ，后端讲究的是简单粗暴稳定

[madantech]

Next.JS + TailwindCSS

[jmjgeminix]

tailwindcss + daisyui
想用 tw 的时候它是 tw ，不想用的时候它是 bootstrap

[gosky]

amis 零前端基础

[iyobucuo]

用若依改改，哈哈哈哈

[poorcai]

看了上面所有人的回复，还是不知道怎么写前端😱

[qiumaoyuan]

vscode

[ToBeBe]

楼上讨论的热火朝天， 我看了瑟瑟发抖... op 的问题我也想问， 所以到底用什么...

[StateMa]

@ToBeBe 真想好看首先得有设计稿，设计稿决定了你开发的项目整体的美观程度
其次，真要好的还是得手写 css 啊，哪怕 TailwindCSS ，Bootstrap 这些你好歹二次改改

[veike]

去 dribbble 找设计图，然后自己改样式

[cylx3124]

react nextjs tailwindcss

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

自己没有灵感的话可以去 dribbble / pinterest 这类网站参考一下别人的设计

[acctv2]

我现在用 react + tailwindcss ，确实 CSS 写起来很累，即使用上了 tailwind ，还是觉得写起来麻烦。

[lujiaosama]

设计的 LS 已经说了. 组件库就选个主流点的, element 或者 antd 这种, 然后一顿爆改. 考验你的 CSS 功力.

[ksc010]

之前用的 jquery 和 一些 css 前端框架，现在一些项目用 vue

[SkyAerope]

chatgpt 写 mdui

[dcsuibian]

@150530 精通 CSS 高级 Web 标准解决方案 第 3 版
作者 安迪·巴德（ Andy Budd ）

[LavaC]

好看的页面你把楼上说的全学了你也不一定会写，最多就是复现设计稿的时候比其他人的更准确更轻松。
看楼上有吐槽说推荐这么多层楼都不重样的，对，我也推荐三个楼上不重样的。
Astro：构建用框架，不依赖特定 UI 框架，入门简单，速度快；
SolidJS：语法类似 React 但是更简单，只用学几个 API 就可以开撸了，速度是目前主流前端框架里最快的，搭配 Astro 就是快中快；
UnoCSS：类似 tailwind 之类的 css 工具。

[xubingok]

又不是不能用.jpg

[knightdf]

next.js ，页面只能靠抄

[dufu1991]

如果是移动端的话，可以试试我的 STDF （ https://github.com/dufu1991/stdf ）